Tvorba interaktivních WWW stránek léto 2008

Předmět bude probíhat v místnosti 2071 každý čtvrtek 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:
- Minimálně 4 smysluplné stránky (smysluplné téma - nejlépe stránky, které bude někdo používat).
- Rozložení stránky pomocí prvků <div> případně <p>, nikoliv tabulkou.
- Obrázky.
- Je-li smysluplně uplatitelná, pak aspoň jedna tabulka.
- Jsou výslovně zakázány prvky <font> a <br> - vše, co lze těmito prvky dosáhnout, lze dosáhnout i pomocí kaskádových stylů.
- Všechny části prezentace budou mít validní HTML i CSS.
- Práce bude umístěna na veřejně dostupném serveru.
Jak malé úlohy, tak závěrečná práce musí být validní XHTML Strict (projít validátorem), mít validní CSS a vypadat (skoro) stejně jak v Internet Exploreru tak v Mozille.
Práce se odevzdává na konzultaci (doporučuji poslat práci ke zhodnocení nejpozději týden před zamýšleným odevzdáním)
Termíny pro odevzdání práce (místnost 2071) jsou:
- Čtvrtek 26. června 12:00
- Čtvrtek 14. srpna 12:00
- Čtvrtek 11. září 12:00

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
2008-04-24	RĂĄmce.	PrvnĂ (a implicitnĂ) odkazovanĂ˝ soubor. DruhĂ˝ odkazovanĂ˝ soubor. ExternĂ kaskĂĄdovĂ˝ styl pro vĹĄechny HTML soubory z pĹednĂĄĹĄky. RozloĹženĂ rĂĄmcĹŻ. RozloĹženĂ rĂĄmcĹŻ vyuĹžĂvajĂcĂ menu v HTML4 Transitional. Obsah rĂĄmce s menu. Obsah rĂĄmce s menu v HTML4 Transitional.
2008-04-17	FormulĂĄĹe, udĂĄlosti, javascript.	Soubor s formulĂĄĹem a javascriptem reagujĂcĂm na udĂĄlosti.
2008-04-10	Tabulky, externĂ CSS.	Soubor s tabulkami. Soubor s kaskĂĄdovĂ˝mi styly.
2008-04-03	ObrĂĄzkovĂŠ mapy.	Podklad pod obrĂĄzkovou mapu. Soubor s mapou.
2008-03-20	ObrĂĄzky v odkazech, zĂĄloĹžky, pĹetĂŠkĂĄnĂ textu.	ObrĂĄzky pro odkazy. ObrĂĄzky v odkazech, nadpisy, odstavce, zĂĄloĹžky. ObrĂĄzky na pozadĂ odkazu, pseudotĹĂda :hover, nastavenĂ overflow.
2008-03-13	FormĂĄty obrĂĄzkĹŻ.	ObrĂĄzek ve formĂĄtu GIF ObrĂĄzek ve formĂĄtu PNG ObrĂĄzek ve formĂĄtu JPG - nĂzkĂĄ kvalita ObrĂĄzek ve formĂĄtu JPG - Velmi vysokĂĄ kvalita ObrĂĄzek ve formĂĄtu JPG - bÄĹžnĂĄ kvalita Prezentace - formĂĄty obrĂĄzkĹŻ (Open Office) Prezentace - formĂĄty obrĂĄzkĹŻ (Portable Document Format) Flash Video - jak vytvoĹit xhtml dokument v PSPadu PracovnĂ soubor ze seminĂĄĹe.
2008-03-06	BarevnĂŠ systĂŠmy. ÄĂselnĂŠ soustavy.	Prezentace ve formĂĄtu Open Office Prezentace ve formĂĄtu Portable Document Format (PDF) UkĂĄzkovĂ˝ HTML soubor.
2008-02-28	PlovoucĂ prvky, tĹĂdy v CSS. absolutnĂ a relativnĂ odkazy.	HlavnĂ soubor OdkazovanĂ˝ soubor
2008-02-21	SeznĂĄmenĂ s obsahem pĹednĂĄĹĄky. ZĂĄkladnĂ pojmy pouĹžĂvanĂŠ na Internetu. ZĂĄkladnĂ pojmy z HTML.	ZĂĄkladnĂ struktura dokumentu. ZĂĄkladnĂ pojmy pouĹžĂvanĂŠ pro HTML a Internet. ZĂĄkladnĂ HTML soubor. BlokovĂ˝ prvek <p>, inline prvek <span>

Zadání úloh.

Splnění těchto úloh je podmínkou udělení zápočtu.

Úloha	Snímky obrazovky
Na podkladové mapě vytvořte citlivé oblasti odpovídající geometrickým tvarům okolo textů. Citlivé oblasti budou odkazovat na odkazy uvedené v seznamu odkazů.	Podkladová mapa Seznam odkazů
Vytvořte stránku o sedmi prvcích <div>, která bude vypadat podle předlohy na přiložených snímcích.	Microsoft Internet Explorer Mozilla Firefox

Zpět na obsah