Tvorba webovej stránky

Marián Opiela 1.E

Obsah

1. Úvod2. Obsah3. Spôsoby tvorby4. WYSIWYG editor5. HTML jazyk6. Spôsoby tvorby zák

ladného rozloženia

7. Rámy8. ~~||~~9. Tabuľka10. ~~||~~11. CSS kaskádové štýl

y12. ~~||~~13. Použité zdroje14. Koniec

Spôsoby tvorby

WYSIWYG editor

HTML 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 jazykHyperText Markup LanguageJe 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ámy2. Tabuľka3. CSS kaskádové štýly

textmenu

banner

Základné rozloženie

RámyOkno 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

Text – ďalší samostatný rám (html súbor)

Menu – ďalší samostatný rám (html

súbor)

Banner – jeden samostatný rám (html súbor)

TabuľkaDo 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

Text – 2. riadok tabuľky, 2. bunka

Menu – 2. riadok

tabuľky, 1. bunka

Banner – 1. riadok tabuľky, 2 zlúčené bunky

CSS kaskádové štýlyJe 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

Text – Ďalší naformátovaný objekt, ktorý má svoje

umiestnenie.

Menu – Ďalší naformátova-

ný objekt, ktorý má

svoje umiestnenie.

Banner – Naformátovaný objekt, ktorý má svoje umiestnenie.

Použité zdroje

http://www.jakpsatweb.cz

http://www.sk.wikipedia.org

KONIEC

Ďakujem za pozornosť