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