2.ročník IKT - tvorba webových stránek

zaklady

Co to je webová stránka

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

HTML dokument se skladá z hlavičky a těla. V hlavičce jsou různé informace o stránce, v těle je vlastní obsah stránky, který se zobrazí v okně prohlížeče.

Odkazy

Jak se dělá odkaz

odkaz se vytvoří tagem <a>

Odkaz je stručnou informací o internetové stránce. Obsahuje název, popiseka adresu URL, na kterou můžete kliknout a zobrazit si tak danou stránku ve svém internetovém prohlížeči.

Příklady odkazů

Odkaz na seznam.cz
Odkaz na konkrétní článek na seznamu.
odkaz na pokusný dokument
odkaz na tento odkazse otevře v novém okně.
odkaz na se otevře v novém okně jménem ferda
odkaz na se otevře v novém okně jménem ferda
odkaz na dlouhy dokument

Praktické příklady html stránek

rozvržení html stránky podle prvků div

Rozvržení webové stránky pomocí prvků <div>
rozvržení webové stránky mřížkou
webový formulář
můj vlastní formulář
známkování hráčů

obrázky

obrázek vložíme na stránku nepárovým tagem <img>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam bibendum elit eget erat. Curabitur ligula sapien, pulvinar a vestibulum quis, facilisis vel sapien. Maecenas aliquet accumsan leo. Nunc dapibus tortor vel mi dapibus sollicitudin. Quisque tincidunt scelerisque libero. Nulla turpis magna, cursus sit amet, suscipit a, interdum id, felis. Sed ac dolor sit amet purus malesuada congue. In rutrum. Fusce aliquam vestibulum ipsum.



Duis pulvinar. Nullam rhoncus aliquam metus. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Aenean placerat. Fusce aliquam vestibulum ipsum. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. In dapibus augue non sapien. Mauris elementum mauris vitae tortor. Mauris dictum facilisis augue. Quisque porta. Praesent vitae arcu tempor neque lacinia pretium. Aliquam erat volutpat. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat. In dapibus augue non sapien. Maecenas aliquet accumsan leo. Maecenas lorem.