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

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 8 nebo 9) tak v Mozilla Firefoxu. (Validita se netýká úlohy pro HTML 5.)
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.
Závěrečné hodnocení bude podle následujícího klíče: Jedna splněná úloha = hodnocení 3. Dvě splněné úlohy = hodnocení 2. Tři splněné úlohy = hodnocení 1.
První úloha bude zadána na semináři 4.4.2011
Druhá úloha bude zadána na semináři 2.5.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
2011-05-09	FormulĂĄĹe, prvek <canvas>, jednoduchĂ˝ javascript	JednoduchĂĄ ukĂĄzka prvku <canvas> (ke sprĂĄvnĂŠmu fungovĂĄnĂ je potĹeba Internet Explorer 9, Firefox 4 nebo Chrome 10) InteraktivnĂ kolĂĄÄovĂ˝ graf (formulĂĄĹ, <canvas>, ke sprĂĄvnĂŠmu fungovĂĄnĂ je potĹeba Internet Explorer 9, Firefox 4 nebo Chrome 10)
2011-05-02	PrĂĄce na druhĂŠ Ăşloze.	ĹeĹĄenĂ druhĂŠ Ăşlohy
2011-04-18	SVG - ProcviÄenĂ, Tabulky	DĹŻm TrojĂşhelnĂk s kulatĂ˝mi rohy Tabulka
2011-04-11	FormĂĄt SVG, obrĂĄzkovĂĄ mapa.	Podklad pod obrĂĄzkovou mapu (SVG) ObrĂĄzkovĂĄ mapa JednoduchĂĄ animace pohybem v SVG.
2011-04-04	PrĂĄce na prvnĂ zĂĄpoÄtovĂŠ Ăşloze.	ĹeĹĄenĂ prvnĂ Ăşlohy
2011-03-28	Barvy, obrĂĄzky, pokroÄilĂŠ formĂĄtovĂĄnĂ	Prezentace ve formĂĄtu ODP Prezentace ve formĂĄtu PDF JednoduchĂ˝ obrĂĄzek ve formĂĄtu SVG DodatkovĂ˝ externĂ styl pro grafickĂŠ menu a vloĹženĂ SVG na pozadĂ. PseudoÄlĂĄnek s grafickĂ˝m menu a SVG obrĂĄzkem na pozadĂ.
2011-03-21	Odstavce, nadpisy, zĂĄloĹžky, seznamy.	UkĂĄzkovĂ˝ soubor Styl obsahujĂcĂ kaskĂĄdovĂŠ formĂĄtovĂĄnĂ.
2011-03-14	Vlastnosti "float" a "clear". PseudotĹĂdy odkazĹŻ.	UkĂĄzka vztahu mezi plovoucĂmi a neplovoucĂmi prvky a vlastnosti "clear". PĹĂklad ĹeĹĄenĂ˝ pomocĂ plovoucĂch prvkĹŻ. PĹĂklad ĹeĹĄenĂ˝ pomocĂ plovoucĂch prvkĹŻ a neplovoucĂho s vlastnostĂ "clear". Inline prvek jako blokovĂ˝. PseudotĹĂdy odkazĹŻ.
2011-03-07	RozmÄry blokovĂ˝ch prvkĹŻ, plovoucĂ prvky.	Blok s pouĹžitĂ˝mi rozmÄry VycentrovanĂ˝ blok PlovoucĂ prvky PlovoucĂ prvky a neplovoucĂ prvek s vlastnostĂ "clear". PouĹžitĂ˝ externĂ kaskĂĄdovĂ˝ styl.
2011-02-28	AbsolutnĂ a relativnĂ odkazy, externĂ kaskĂĄdovĂ˝ styl.	ObrĂĄzek pro lokĂĄlnĂ pouĹžitĂ Soubor s pouĹžitĂ˝m externĂm kaskĂĄdovĂ˝m stylem a relativnĂmi odkazy. DruhĂ˝ soubor (dostupnĂ˝ pĹes relativnĂ odkaz z prvnĂho). ExternĂ kaskĂĄdovĂ˝ styl.
2011-02-21	ZĂĄkladnĂ pojmy, blokovĂŠ a inline prvky, absolutnĂ odkaz, tĹĂdy CSS	ĂvodnĂ prezentace ve formĂĄtu open document ĂvodnĂ prezentace ve formĂĄtu PDF UkĂĄzky blokovĂ˝ch a inline prvkĹŻ, tĹĂd kaskĂĄdovĂ˝ch stylĹŻ a absolutnĂho odkazu

Zpět na obsah