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

Předmět bude probíhat v místnosti 2071 každý čtvrtek od 18.30.
Zápočet bude udělen za splnění malých úloh (1 kredit) a vytvoření semestrální prezentace (1 kredit). Úlohy budou doplňovány během semestru.
Jak malé úlohy, tak závěrečná práce musí být validní XHTML Strict (projít validátorem), mít validní CSS a vypadat (skoro) stejně jak v Internet Exploreru tak v Mozille.
Požadavky na závěrečnou práci
- Nejméně 4 stránky na smysluplné téma
- Veškeré formátování pomocí CSS (lze-li)
- Bude obsahovat obrázky
- Bude obsahovat aspoň jednu tabulku
- Validní XHTML Strict a CSS2

Práce bude předána při konzultacích, buďto v některém z následujících termínů v Jinonicích (učebna 2071):

Středa 24. června 2009
Středa 2.září 2009

anebo po osobní domluvě na Nových Butovicích (Pekařská 10a).

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-05-21	PouĹžitĂ PHP pro generovĂĄnĂ obsahu, zĂĄklady PHP a MySQL..VklĂĄdĂĄnĂ dat do databĂĄze	ZdrojovĂ˝ kĂłd souboru s generovanĂ˝m obsahem. ZdrojovĂ˝ kĂłd prvnĂ strĂĄnky pro vloĹženĂ do souboru s generovanĂ˝m obsahem. ZdrojovĂ˝ kĂłd druhĂŠ strĂĄnky vklĂĄdanĂŠ do souboru s generovanĂ˝m obsahem. ZdrojovĂ˝ kĂłd tĹetĂ strĂĄnky pro vloĹženĂ do souboru s generovanĂ˝m obsahem. ZdrojovĂ˝ kĂłd vygenerovĂĄnĂ tabulky z databĂĄze. ZdrojovĂ˝ kĂłd strĂĄnky s formulĂĄĹem pro pĹidĂĄnĂ dat do databĂĄze.
2009-05-14	UkĂĄzky PHP	FormulĂĄĹ zpracovanĂ˝ pomocĂ PHP ZdrojovĂ˝ kĂłd formulĂĄĹe zpracovanĂŠho pomocĂ PHP UkĂĄzka vklĂĄdĂĄnĂ textu do strĂĄnky podle parametru. ZdrojovĂ˝ kĂłd - vklĂĄdĂĄnĂ textu podle parametru PrvnĂ vklĂĄdanĂ˝ text - zdrojĂĄk DruhĂ˝ vklĂĄdanĂ˝ text - zdrojĂĄk TĹetĂ vklĂĄdanĂ˝ text - zdrojĂĄk
2009-05-07	ZpracovĂĄnĂ dat z formulĂĄĹĹŻ pomocĂ Javascriptu.	FormulĂĄĹ s testem a jeho vyhodnocenĂm. FormulĂĄĹ s testem a jeho vyhodnocenĂm programĂĄtorsky sprĂĄvnÄjĹĄĂm.
2009-04-23	FormulĂĄĹe, ukĂĄzka Javascriptu	FormulĂĄĹ, jehoĹž hodnoty nastavenĂ se po stisknutĂ tlaÄĂtka zobrazĂ v textovĂŠ oblasti.
2009-04-16	Tabulky.	Soubor s ukĂĄzkami tabulek ExternĂ kaskĂĄdovĂ˝ styl. Ăloha pro samostatnou prĂĄci.
2009-04-09	ZĂĄloĹžky, pseudotĹĂdy odkazĹŻ, externĂ kaskĂĄdovĂ˝ styl.	Soubor s menu realizovanĂ˝m pomocĂ pseudotĹĂd a odkazujĂcĂm na zĂĄloĹžky. ExternĂ kaskĂĄdovĂ˝ styl. PozadĂ odkazu "obsah". PozadĂ odkazu "obsah" pĹi najetĂ myĹĄĂ.
2009-04-02	Nadpisy, odstavce, odrĂĄĹžky a ÄĂslovĂĄnĂ. VĂce o pozadĂ prvkĹŻ.	Text ke zpracovĂĄnĂ. ZpracovanĂ˝ text s fixnĂm pozadĂm. ObrĂĄzek, kterĂ˝ mĂĄ ve zpracovanĂŠm textu popis.
2009-03-26	UmĂstÄnĂ obrĂĄzkĹŻ v HTML, obrĂĄzkovĂŠ mapy, obrĂĄzky na pozadĂ	ObrĂĄzek, obrĂĄzek jako blokovĂ˝ prvek, obrĂĄzek jako odkaz. obrĂĄzek na pozadĂ, obrĂĄzkovĂĄ mapa Podklad pro obrĂĄzkovou mapu. ObrĂĄzek, kterĂ˝ byl vklĂĄdĂĄn ObrĂĄzek na pozadĂ.
2009-03-19	Barvy a obrĂĄzky.	Prezentace o barvĂĄch v poÄĂtaÄi (OpenOffice) Prezentace o barvĂĄch v poÄĂtaÄi (PDF) Prezentace o formĂĄtech obrĂĄzkĹŻ pro WWW (OpenOffice) Prezentace o formĂĄtech obrĂĄzkĹŻ pro WWW (PDF) SamostatnĂĄ Ăşloha Animace ve formĂĄtu GIF NĂĄvrh animace v nativnĂm formĂĄtu programu GIMP.
2009-03-05	BlokovĂŠ prvky, plovoucĂ prvky, tĹĂdy v CSS	Prezentace - blokovĂŠ prvky (formĂĄt OpenOffice) Prezentace - blokovĂŠ prvky (PDF) HTML soubor z pĹednĂĄĹĄky ĹeĹĄenĂ samostatnĂŠ Ăşlohy
2009-02-26	ZĂĄkladnĂ pojmy internetu, zĂĄkladnĂ vlastnosti a prvky HTML	ĂvodnĂ prezentace (OpenOffice ODF) ĂvodnĂ prezentace (PDF) PrvnĂ soubor OdkazovanĂ˝ soubor

Zadání úloh.

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

Úloha	Snímky obrazovky
Pomocí prvků <div> vytvořte stránku odpovídající přiloženému snímku, včetně textů umístěných v jednotlivých prvcích <div>.	Snímek úlohy
Vytvořte tabulku podle vzoru na snímku. Dodržte styly písma (patkové/bezpatkové, tučné, kurzíva) a barevné rozlišení položek (barvy nemusí být přesně odpovídající).	Snímek úlohy

Zpět na obsah