1 / 14

Tvorba webovej stránky

Tvorba webovej stránky. Marián Opiela 1.E. Úvod Obsah Spôsoby tvorby WYSIWYG editor HTML jazyk Spôsoby tvorby základného rozloženia Rámy ~~||~~ Tabuľka ~~||~~ CSS kaskádové štýly ~~||~~ Použité zdroje Koniec. Obsah. WYSIWYG editor HTML jazyk. Spôsoby tvorby.

slone
Download Presentation

Tvorba webovej stránky

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Tvorba webovej stránky Marián Opiela 1.E

  2. Úvod • Obsah • Spôsoby tvorby • WYSIWYG editor • HTML jazyk • Spôsoby tvorby základného rozloženia • Rámy • ~~||~~ • Tabuľka • ~~||~~ • CSS kaskádové štýly • ~~||~~ • Použité zdroje • Koniec Obsah

  3. WYSIWYG editor • HTML jazyk Spôsoby tvorby

  4. „What You SeeIs What YouGet“ = „Čo vidíš, to dostaneš.“ + nie je nutná znalosť HTML + sú ľahko a intuitívne ovládateľné – nie vždy ukazujú presne výsledok – zdrojový kód si upravujú, robia v ňom zmätok WYSIWYG editor

  5. HyperTextMarkupLanguage • Je značkovací jazyk určený na vytváranie webových stránok zobraziteľných vo webových prehliadačoch. • Využíva značky pomocou ktorých formátuje objekty (text, odsek, obrázky...) • Je náročnejší, ale zaujímavejší. • Nie sú potrebné žiadne drahé programy, vystačíte si s poznámkovým blokom a internetovým prehliadačom. HTML jazyk

  6. Rámy • Tabuľka • CSS kaskádové štýly banner menu text Vytvorenie základného rozloženia stránky troma spôsobmi: Základné rozloženie

  7. Okno prehliadača rozdelia na niekoľko obdĺžnikovitých rámov. • V každom ráme je samostatná html stránka (samostatný súbor). + Menej práce s drobnými úpravami, stačí zmeniť iba jeden rám a výsledok bude na všetkých stránkach. – Pri vstupe na stránku cez vyhľadávač sa nemusia zobraziť všetky rámy, komplikuje sa navigácia po stránke. Rámy

  8. Rámy Banner – jeden samostatný rám (html súbor) Menu – ďalší samostatný rám (html súbor) Text – ďalší samostatný rám (html súbor)

  9. Do stránky je vložená tabuľka, podobne ako vo Worde. • Tabuľka obsahuje bunky, ktoré možno zlučovať, nastaviť im okraj a ináč formátovať. + Celá stránka je v jednom súbore. – Pomalé zobrazovanie, zobrazí sa až po načítaní celej tabuľky. Tabuľka

  10. Banner – 1. riadok tabuľky, 2 zlúčené bunky Menu – 2. riadok tabuľky, 1. bunka Text – 2. riadok tabuľky, 2. bunka Tabuľka

  11. Je to kód na grafickú úpravu stránky. • Pomocou CSS sa dá formátovať obsah stránky a nastavovať umiestnenie objektov. • Objekty sa môžu prekrývať, z toho vyplýva názov kaskádové štýly. + Z týchto troch metód je najmodernejšia. + Pomocou CSS sa dá viacero objektov formátovať rovnako. – Niektoré veci sa v prehliadači nevykreslia tak ako to očakávate. CSS kaskádové štýly

  12. Banner – Naformátovaný objekt, ktorý má svoje umiestnenie. Menu – Ďalší naformátova-ný objekt, ktorý má svoje umiestnenie. Text – Ďalší naformátovaný objekt, ktorý má svoje umiestnenie. CSS kaskádové štýly

  13. http://www.jakpsatweb.cz • http://www.sk.wikipedia.org Použité zdroje

  14. KONIEC Ďakujem za pozornosť 

More Related