HTML

Web o webu

Návrh stránky

1) Web moudrosti

Vytvořte si složku moudrosti pro nový web. Vytvořte nový html soubor a uložte jej jako index.html. Vytvořte nový css soubor a uložte jej jako styly.css. V hlavičce html souboru vytvořte link na soubor styly.css - viz kapitoly Návrh stránky - CSS nebo Jazyk HTML - Struktura.

Do značky title v části head zapište slovo Moudrosti.

Do body vložte bloky header, mainfooter - viz záložka Návrh stránky - HTML.

Do bloku header vložte značku h1 a zapište do ní slovo Moudrosti. Dále do header pod h1 vložte blok nav (zatím jej ponechte prázdný).

Do bloku main vložte blok article (zatím jej také ponechte prázdný).

Do bloku footer zapište Robert Fulghum.

Zapište styly pro jednotlivé bloky - nastavte barvy a vnitřní odsazení. Pro header nastavte větší odsazení a písmo. Viz kapitoly Návrh stránky - CSSNávrh stránky - Ukázky

2) Materiály ke cvičení

Stáhněte si šablonu ze stránky Úvod - Materiály ke cvičení.

Stažený soubor rozbalte.

Prohlédněte si HTML strukturu bloků šablony a jejich styly.

3) Vlastní web

Vytvořte si novou složku vlastni_web.

Zvolte si téma vlastního webu - web o svých koníčcích nebo oblíbené hudební skupině, sportovním klubu apod.

Z webu moudrosti nebo z materiálů ke cvičení si zkopírujte index.htm a uložte jej do složky vlastni_web.

Upravte texty v hlavičce, případně patičce webu.

Pokud vycházíte z materiálů ke cvičení, zkopírujte css soubor do složky vlastni_web a upravte barvy a další vlastnosti dle svého.

Pokud vycházíte z webu moudrosti, vytvořte soubor vlastni.css, upravte název css ve značce link a nastavte potřebné styly.