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