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>. odkaz sa stránku musíme vložit určitým způsobem. Nejdříve napíšeme: "Odkaz na" a poté pomocí klávesy AltGr a klávesou nad ní vytvoříme dva zobáčky. do nich vpíšeme a (pomlčka) href= uvozovky nahoře a vložíme zde odkaz který jaký chceme. samozřejmě ho musíme zkopírovat. Pak za vloženým odkazem napíšeme další uvozovky nahoru aby jsme text uzavřeli a napíšeme další zobáčky. Do nich vpíšeme to, jak chceme, aby se odkaz jmenoval. Za ní napíšeme /a a uzavřeme dalším jedním zobáčkem. napíšeme tečku a za ní zobáček a dovnitř br. a hotovo!

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ě.
Odkaz na dokument ve stejné složce.
Odkaz na dloooooouhý dokument ve stejné složce.
Tento odkaz se otevře v novém okně.
Tento odkaz se otevře v novém okně.

Příklady praktických HTML stránek

rozvržení webové stránky pomocí prvků div <div>
rozvržení webové stránky pomocí mřížky
webový formulář
Můj vlastní formulář
Nový zadaný formulář

Obrázky

Obrázek na webovou stránku vložím nepárovým tagem <img> Obrázek vložím pomocí zobáčku do kterého vpíšu: img src= "obrázek který sem chcete vložit". A pak když chcete vložit i název obrázku napíšete alt= "název" a ukončíte zobáček

kocka na masle čiči mnau pejsek attackontitan

Tuto stránku spravuje P.Velebilová