2. ročník IKT - tvorba webových stránek
Co je to webová
Webová stránka je jedna určitá stránka na jedné určité adrese. Zobrazuje se jako dokument internetového prohlížeče po zadání příslušné URL adresy, většinou pomocí World Wide Webu (WWW).
Data jsou psána kódem pomocí značkovacího jazyka HTML nebo XHTML a kaskádových stylů CSS. Html dokument je zdrojovým kódem webové stránky.
Struktura html dokumentu
Dokument je složen z hlavičky a těla.
Hlavička dokumentu se nezobrazuje. Obsahuje nepovinně tagy (title, meta, link, style, script aj.)
Body (tělo) obsahuje veškerý zobrazovaný obsah stránky.
Jak se dělá odkaz
Odkaz se vytvoří tagem <a>.Nejdříve si zkopírujeme libovolný odkaz a vložíme jej do tagu <a> a </a> Například: <a href="odkaz"> Jakékoliv název, jméno. </a>
Příklady odkazů
Odkaz na stránku
Odkaz na konkrétní stránku ze seznamu Věda & Vesmír.cz
Odkaz na pokusný dokument, který je na stejném místě jako index.html
Odkaz na 1.kapitola Dlouhého dokumentu.
Odkaz na 2.kapitolu Dlouhého dokumentu.
Odkaz na Předposlední kapitola Dlouhého dokumentu.
Odkaz na Poslední kapitola Dlouhého dokumentu.
Tento odkaz se otevře v novém okně.
Tento odkaz se otevře v novém okně jménem chichichi.
Tento odkaz se otevře v novém okně jménem chichichi.
Praktické příklady html stránek
Rozvržení webové stránky starším způsobem -
pomocí bloků <div>
Rozvržení webové stránky webovou mřížkou
Webový formulář: verze1 ukázka verze2 hotový
Můj webový formulář: Můj formulář
Jak vložit obrázek do html stránky
Odkaz se vloží do html stránky tagem <img>, který je nepárový tag. Obrázek vložím pomocí zobáčku do kterého vpíšeme: <img src= "název obrázku který sem chceme vložit">. Velké obrázky musíme zmenšit aby nebyli po celé stránce. Větší velikost obrazků můžeme dát na link, který ten obrázek ukáže v plné velikosti po tom, co na to kliknem.
Příklady
Tuto stránku spravuje Veronika Nová