140 likes | 271 Views
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.
E N D
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
„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
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
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
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
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)
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 Tabuľka
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átova-ný objekt, ktorý má svoje umiestnenie. Text – Ďalší naformátovaný objekt, ktorý má svoje umiestnenie. CSS kaskádové štýly
http://www.jakpsatweb.cz • http://www.sk.wikipedia.org Použité zdroje
KONIEC Ďakujem za pozornosť