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

Základy

Co je to webová stránka

Webová   stránka je dokument,
Webová   stránka je dokument,
Webová   stránka je dokument,
který náš webový prohlížeč (např. Firefox, Chrome, InternetExplorer,...) získá od nějakého webového serveru a zobrazí jej. Zapisuje se v jazyce HTML. Je to text ve kterém se používají tzv. řídící značky - tagy. HTML dokument je zdrojový kod webové stránky.

Struktura html dokumentu

Struktura stránky obsahuje základní značky začínající úvodem, titulem,hlavičkou. Pak je obsah těla ve kterém se dá vytvořit menu a vložit odkazy na stránky. Pak se dají vložit odkazy na webové stránky a ruzné aktivity. Tělo dokumentu je složeno z nadpisů a odstavců.

Odkazy

Jak se dělá odkaz

Odkaz se vytvoří tagem <a>. Co napíšu mezi značky <a> a </a> se zobrazí jako odkaz.

Příklady odkazů

Odkaz na stránky seznam.cz
Odkaz na konkrétní článek na seznamu.
Odkaz na dokument ve stejné složce.
Odkaz na dloooooouhý dokument ve stejné složce.
Odkaz na 2.kapitolu dloooooouhého dokumentu
Odkaz na předposlední kapitolu dloooooouhého dokumentu
Odkaz na poslední kapitolu dloooooouhého dokumentu
Tento odkaz se otevře v novém okně.
Tento odkaz se otevře v novém okně.
Tento odkaz se otevře v novém okně jménem obraz.
Tento odkaz se otevře v novém okně jménem obraz.

Příklady praktických HTML stránek

Rozvržení webové stránky pomocí prvků div
Rozvržení webové stránky pomocí mřížky
webový formulář verze první
Muj vlastni formular

obrázky

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

fotbalový tým

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque ipsum. Duis sapien nunc, commodo et, interdum suscipit, sollicitudin et, dolor. Nullam faucibus mi quis velit. Nullam rhoncus aliquam metus. Praesent vitae arcu tempor neque lacinia pretium. Sed convallis magna eu sem. Maecenas ipsum velit, consectetuer eu lobortis ut, dictum at dui.

Proin mattis lacinia justo. Sed ac dolor sit amet purus malesuada congue. Sed vel lectus. Donec odio tempus molestie, porttitor ut, iaculis quis, sem. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.