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.	Obsah rámce s menu. Obsah rámce s menu v HTML4 Transitional. 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.
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