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 značku div a do ní bloky header, nav, article a footer - viz záložka Návrh stránky - HTML.

Do bloku header zapište slovo Moudrosti. 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 - CSS a Ná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.