Tvorba webovej strnky Marin Opiela 1 E Obsah

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

Obsah 1. 2. 3. 4. 5. 6. Úvod Obsah Spôsoby tvorby WYSIWYG editor HTML jazyk Spôsoby tvorby základného rozloženia 7. Rámy 8. ~~||~~ 9. Tabuľka 10. ~~||~~ 11. CSS kaskádové štýly 12. ~~||~~ 13. Použité zdroje 14. Koniec

Spôsoby tvorby �WYSIWYG �HTML editor jazyk

WYSIWYG editor „What You See Is What You Get“ = „Č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

HTML jazyk �Hyper. Text Markup Language �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.

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

Rámy �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 Banner – jeden samostatný rám (html súbor) Menu – ďalší samostatný rám (html súbor) Text – ďalší samostatný rám (html súbor)

Tabuľka �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 Banner – 1. riadok tabuľky, 2 zlúčené bunky Menu – 2. riadok tabuľky, 1. bunka Text – 2. riadok tabuľky, 2. bunka

CSS kaskádové štýly �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 Banner – Naformátovaný objekt, ktorý má svoje umiestnenie. Menu – Ďalší naformátovaný objekt, ktorý má svoje umiestnenie. Text – Ďalší naformátovaný objekt, ktorý má svoje umiestnenie.

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

Ďakujem za pozornosť