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.	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. ZdrojovĂ˝ kĂłd jednoduchĂŠ ukĂĄzky PHP. JednoduchĂĄ ukĂĄzka PHP - vĂ˝pis pouĹžitĂŠho prohlĂĹžeÄe
2010-12-13	DruhĂĄ Ăşloha	ĹeĹĄenĂ druhĂŠ Ăşlohy - text ĹeĹĄenĂ druhĂŠ Ăşlohy - menu ObrĂĄzek pro mapu PodkladovĂ˝ text
2010-12-06	FormulĂĄĹe, javascript.	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 Javascript pro offline test Soubor s kvĂzy
2010-11-29	VloĹženĂŠ rĂĄmce, jednoduchĂ˝ formulĂĄĹ.	DruhĂĄ vloĹženĂĄ strĂĄnka PrvnĂ vloĹženĂĄ strĂĄnka PouĹžitĂ˝ kaskĂĄdovĂ˝ styl. 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)
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.	Soubor se zĂĄloĹžkami, seznamy a pseudotĹĂdami odkazĹŻ. ObrĂĄzkovĂĄ odrĂĄĹžka. ExternĂ kaskĂĄdovĂ˝ styl.
2010-11-08	ObrĂĄzky a CSS, ObrĂĄzkovĂŠ mapy, Nadpisy a odstavce.	Podklad mapy. PozadĂ dokumentu. ObrĂĄzkovĂĄ mapa (s odkazy). "ÄlĂĄnek" s"fixovanĂ˝m pozadĂm a vloĹženĂ˝m obrĂĄzkem. ObrĂĄzek pro vloĹženĂ do dokumentu
2010-11-01	PrĂĄce na prvnĂ zĂĄpoÄtovĂŠ Ăşloze.	ĹeĹĄenĂ prvnĂ Ăşlohy
2010-10-25	Barvy a obrĂĄzky	ObrĂĄzek pĹipravenĂ˝ pro vytvoĹenĂ animace - formĂĄt GIMP Prezentace ve formĂĄtu PDF Prezentace ve formĂĄtu ODF HTML s vloĹženou animacĂ. Animace ve formĂĄtu GIF.
2010-10-18	PlovoucĂ prvky uvnitĹ jinĂ˝ch prvkĹŻ, umĂsĹĽovĂĄnĂ plovoucĂch prvkĹŻ, inline prvky zobrazenĂŠ jako blokovĂŠ.	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. NastavenĂ inline prvkĹŻ jako blokovĂ˝ch.
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.	StrĂĄnka s absolutnĂm a relativnĂm odkazem. ĂvodnĂ prezentace ve formĂĄtu Portable Document (PDF) ĂvodnĂ prezentace ve formĂĄtu Open Document (ODF)