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

základy:


co je to webová stránka

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ů.

OLA

Odkazy

Jak se dělá odkaz

Odkaz se tvoří tagem <a>. Nejdříve si zkopírujeme libovolný odkaz a vložíme jej do tagu, ve kterém si určíme i jméno pro odkaz.
Například: <a href="odkaz"> libovolné jméno </a>

příklady odkazů

Odkaz na stránky seznam.cz .
Odkaz na konkrétní dokument.
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ě.
Odkaz na dokument ve stejné složce.
Odkaz na dloooooouhý dokument ve stejné složce.

Praktické příklady HTML stránek

Rozvržení webové stránky pomocí prvků DIV.
Rozvržení webové stránky mřížkou.
Webový formulář verze 1
Můj vlastní formulář
Známkování hráčů

Obrázky

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

hey... kočka VEČEŘE AAA ITALIANO ORIGilanit

Velice podobný postup jako u vkládání dokumentů.
Uložíme si fotku ve formě JPG, poté ji přidáme ve formě: <img scr="odkaz na obrázek" alt="jméno" > .

Tuto stránku spravuje Karpi.