Tvorba WWW stránek 2006

Předmět bude probíhat v místnosti 2071 každé pondělí od 18.20.
Zápočet bude udělen za splnění malých úloh (1 kredit) a vytvoření semestrální prezentace (1 kredit). Úlohy budou doplňovány během semestru. Požadavky na závěrečnou práci budou blíže specifikovány.
Jak malé úlohy, tak závěrečná práce musí být validní HTML (projít validátorem), mít validní CSS a vypadat stejně jak v Internet Exploreru tak v Mozille.

Seznam pracovních souborů.

Pro uložení konkrétního souboru klikněte na odkaz pravým tlačítkem a zvolte "Uložit jako".

Datum semináře	Popis souborů	Soubory
11. prosince	Formuláře, JavaScript	Formulář, JavaScript (vložený), CSS (vložený)
4. prosince	Absolutní pozicování, PHP generovaná prezentace	Absolutní pozicování PHP generovaná prezentace PHP generovaná prezentace - zdrojový kód
27. listopadu	Nadpisy, odstavce, klikací mapy	HTML soubor Obrázek do mapy
20. listopadu	Rámce, plovoucí rámce	Plovoucí rámec (<iframe>) Jednoduchý frameset (dva řádky) Dva do sebe vnořené framesety
13. listopadu	Tabulky v HTML	HTML CSS
6.listopadu	Seznamy, menu, pozadí.	HTML soubor Kaskádové styly Obrázek pozadí
30.října	Technika "Matrjoška" podrobněji, změna vlastností inline prvků na blokové, pseudotřídy odkazů	HTML soubor Kaskádové styly
22.října 2006	Rozložení stránky pomocí prvků <div>, id prvku, technika "Matrjoška"	HTML soubor Kaskádové styly Popis techniky "Matrjoška"
16.října 2006	Prvek <div>, třídy prvků, formáty obrázků	HTML soubor CSS soubor
9. října 2006	Obrázky, plovoucí prvky, externí CSS	Úvodní stránka Odkazovaná stránka Externí kaskádový styl
2. října 2006	Základní struktura html, odkazy, základy CSS	Úvodní stránka Odkazovaná stránka

Zadání úloh.

Pro každý snímek v tabulce vytvořte HTML stránku, která co nejvěrněji ukáže stejný obsah. Splnění těchto úloh je podmínkou udělení zápočtu.

Úloha	Snímek obrazovky
Vytvořte stránku s šesti prvky <div> tak, aby tvořili obrazec znázorněný na přiloženém snímku.	Snímek úlohy
Vytvořte stránku s vnořenýmí číslovanými a nečíslovanými seznamy, jak je zobrazena na přiloženém snímku. Pro zvýrazněnou odrážku vnitřního nečíslovaného seznamu použijte tento obrázek.	Snímek úlohy
Vytvořte tabulku dle přiloženého snímku. Dodržte nejen tvar tabulky, ale i poměry délek mezi prvními čtyřmi buňkami.	Snímek úlohy