Tvorba WWW stránek zima 2008

Předmět bude probíhat v místnosti 2071 každé podnělí od 18.20.
Zápočet bude udělen za splnění úloh. Úlohy budou doplňovány během semestru (maximálně pět).
Všechny úlohy musí být validní XHTML Strict (projít validátorem), mít validní CSS a vypadat stejně jak v Internet Exploreru tak v Mozille Firefoxu.

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
2009-01-12	Méně používané značky, hierarchické seznamy, definiční seznamy, formátování pro obrazovku a tisk.	Ukázkový soubor.
2009-01-05	Ukázky PHP.	Soubor s testem, který se dá odeslat ke zpracování do PHP. Zdrojový kód vyhodnocení testu v PHP. Jak se obejít bez rámců za použití PHP Jak se obejít bez rámců za použití PHP - zdrojový kód. První vkládaný soubor. Druhý vkládaný soubor.
2008-12-15	Formuláře, JavaScript a absolutní pozicování	Formulář, jehož data jsou používána JavaScriptem Ukázka jak vyrobit rozbalovací menu za použití JavaScriptu a absolutního pozicování.
2008-12-08	Vkládání stránek na internet. Registrace ve vyhledávačích. Nástroje vyhledávačů.	Implicitní index.html soubor. Implicitní index.php soubor - správně se zobrazí pouze na serverech podporujících PHP. Zdrojový kód index.php před zpracováním PHP. Vnitřní stránka prezentace. Ukázka souboru sitemap (soubor byl použit pro stránky http://ivopeterka.mysteria.cz).
2008-12-01	Obrázkové mapy, rámce, plovoucí rámce.	Obrázková mapa Soubor s plovoucím rámcem (lze pouze v Transitional verzi HTML) Soubor s rozložením rámců. Soubor s menu pro rámce (bez JavaScriptu lze pouze v Transitional verzi HTML). Podklad pro obrázkovou mapu.
2008-11-24	Záložky, grafické ztvárnění odkazů, pseudotřída hover, tabulky.	Soubor html. kaskádový styl
2008-11-10	Nadpisy, odstavce, odrážky a číslování.	Základní text k zformátování. Obrázky k textu. Dokument vytvářený na semináři. Kaskádový styl
2008-11-03	Barvy a obrázky - praktické ukázky.	HTML s obrázky Původní obrázek ve formátu GIMP. Obrázek ve formátu PNG. Obrázek ve formátu JFIF/JPEG. Obrázek ve formátu GIF. Předloha animace ve formátu GIMP. Animace ve formátu GIF.
2008-10-20	Barvy, barevné systémy, formáty obrázků.	Barvy a barevné systémy (pdf) Formáty obrázků pro WWW (pdf) Ukázky zápisu barev pomocí hexadecimálního tripletu a rgb notace.
2008-10-13	Třídy prvků, plovoucí prvky, relativní odkazy.	Soubor s plovoucími prvky a prvky různých tříd. Soubor na nějž vede relativní odkaz.
2008-10-06	Základní struktura dokumentu, typ dokumentu, kódování, blokové a inline prvky.	Základní struktura dokumentu, typ dokumentu, kódování. Blokové prvky, odkaz, XHTML Strict. Blokový prvek, HTML4 Transitional.

Zadání úloh.

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

Úloha	Snímky obrazovky
Vytvořte stránku skládající se z prvků <div> tak, jak je zobrazena na přiložených snímcích obrazovky.	Snímek Microsoft Internet Exploreru Snímek Mozilla Firefoxu
Vytvořte stránku skládající se z prvků <div>, <h1>, <h2> <p>. Žádné jiné prvky ve stránce nepoužívejte. Barevná věrnost není podstatná (pouze zachovejte postupné ztmavování pozadí zleva do prava). Důležité je rozložení popisů měst (vedle sebe a celkově vycentrované) a zachování řezů písma.	Snímek Microsoft Internet Exploreru Texty použité v úloze
Vytvořte tabulku turnaje zobrazenou na přiloženém snímku. Je důležité dodržet tvar tabulky, zvýraznění pomocí okrajů a barevné odlišení vítěze turnaje.	Snímek tabulky
Vytvořte obrázkovou mapu nad podkladovým obrázkem, tak aby oblasti odkazů pokrývaly jednotlivé piktogramy lyžařských středisek. Pozadí celého dokumentu vytvořte jako světle šedomodré.	Podklad obrázkové mapy Odkazy na střediska