Tvorba WWW stránek zima 2010

Předmět bude probíhat v místnosti 2071 každé pondělí od 18.30.
Zápočet bude udělen za splnění úloh zadaných během semestru - celkem 3 úlohy zpracované během seminářů.
Úlohy musí být validní XHTML Strict (projít validátorem), mít validní CSS a vypadat (skoro) stejně jak v Internet Exploreru (verze 7 a více) tak v Mozilla Firefoxu.
Informace o tom, že na příštím semináři bude zadána úloha bude zveřejněna zde s týdenním předstihem.

Druhá zápočtová úloha bude zadána na semináři 13. prosince 2010

Třetí zápočtová úloha bude zadána na semináři 3. ledna 2011

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
2010-12-20	Video. PHP.	Zdrojový kód jednoduché ukázky PHP. Jednoduchá ukázka PHP - výpis použitého prohlížeče Ukázkové video Zdrojový kód ukázky PHP - stránky bez rámců. Ukázka jak se obejít bez rámců pomocí PHP.
2010-12-13	Druhá úloha	Obrázek pro mapu Podkladový text Řešení druhé úlohy - text Řešení druhé úlohy - menu
2010-12-06	Formuláře, javascript.	Javascript pro offline test Soubor s kvízy Blokový prvek měnící své vlastnosti zadáváním změn přes formulář. Formulář pro odeslání dat ke zpracování. Javascript pro online kvíz
2010-11-29	Vložené rámce, jednoduchý formulář.	Javascript použitý k obejití validátoru. Dokument obsahující rámec, který projde validací na XHTML 1 Strict Třetí vložená stránka. Dokument obsahující rámec, do kterého se zobrazují odkazy (neodpovídá XHTML 1 Strict) Druhá vložená stránka První vložená stránka Použitý kaskádový styl.
2010-11-22	Tabulky, vybrané formátovací značky	Definiční seznamy. Formátovací značky. Kaskádový styl pro tabulky. Tabulky
2010-11-15	Záložky, pseudotřídy odkazů, seznamy.	Obrázková odrážka. Externí kaskádový styl. Soubor se záložkami, seznamy a pseudotřídami odkazů.
2010-11-08	Obrázky a CSS, Obrázkové mapy, Nadpisy a odstavce.	"Článek" s"fixovaným pozadím a vloženým obrázkem. Obrázek pro vložení do dokumentu Podklad mapy. Pozadí dokumentu. Obrázková mapa (s odkazy).
2010-11-01	Práce na první zápočtové úloze.	Řešení první úlohy
2010-10-25	Barvy a obrázky	Prezentace ve formátu ODF HTML s vloženou animací. Animace ve formátu GIF. Obrázek připravený pro vytvoření animace - formát GIMP Prezentace ve formátu PDF
2010-10-18	Plovoucí prvky uvnitř jiných prvků, umísťování plovoucích prvků, inline prvky zobrazené jako blokové.	Nastavení inline prvků jako blokových. Umístění plovoucích prvků pod sebou. Ukázka řazení plovoucích prvků. Plovoucí prvky upravené tak, aby byly i ve Firefoxu obalené nadřazeným.
2010-10-11	Rozměry blokových prvků, entity, kaskádová aplikace stylu, třídy prvků, plovoucí prvky.	Třídy prvků, plovoucí prvky. Rozměry blokových prvků, entity, kaskádová aplikace stylů.
2010-10-04	Úvodní pojmy, základní struktura HTML dokumentu, relativní a absolutní odkazy.	Úvodní prezentace ve formátu Open Document (ODF) Stránka s absolutním a relativním odkazem. Úvodní prezentace ve formátu Portable Document (PDF)