Tvorba interaktivních WWW stránek zima 2010

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-05-13Ovlivnění vzhledu HTML prvků JavaScriptem
2010-05-06JavaScript - for cyklus
2010-04-29Javascript a object Math, CSS absolutní pozicování.
2010-04-22Rámy, javascript pro cílové okno odkazů, princip rozbalovacího menu
2010-04-15Formuláře, mírné ukázky JavaScriptu
2010-04-08Tabulky
2010-04-01Seznamy, zkratky, značky pro formátování textu.
2010-03-25Pseudotřídy odkazů, obrázkové mapy
2010-03-18Obrázky na pozadí. Strukturovaný text.
2010-03-11Obrázky, barvy.
2010-03-04Rozměry blokových prvků, plovoucí prvky.
2010-02-25Základní pojmy, základní struktura HTML dokumentu, relativní a absolutní odkazy, základní ukázka CSS.

Zadání úloh.

Splnění těchto úloh je podmínkou udělení zápočtu.
Úloha Snímky obrazovky
Vytvořte HTML stránku skládající se (pouze) z prvků <div>, která bude vypadat stejně jako na přiložených snímcích.
  • Celý čtverec obsahující všechny prvky je velikosti 500x500 bodů (px)
  • Všechny viditelné prvky mají okraj šířky dva body, nepřerušovaný a barvy #707070.
  • Čtvercové prvky mají rozměry 96x96 bodů a barvu pozadí #AAFFAA
  • Obdélníkové prvky mají barvu pozadí #AAAAFF. Jejich rozměry vyplývají z rozměrů dříve uvedených
Vytvořte obrázkovou mapu nad přiloženým obrázkem, která bude odkazovat na příslušné popsané instituce, přičemž oblast odkazů bude odpovídat obrazcům na pozadí textu Podklad mapy
Vytvořte tabulku podle vzoru na přiložených snímcích. Použité barvy jsou: red, green, blue, black, darkgray; použité šířky ohraničení jsou: 1px, 2px, 4px, 6px(pro dvojité čáry)
Vytvořte formulář vypadající podobně jako formulář na přiložených snímcích. Pro jednotlivé prvky (z leva do prava, odshora dolů) nastavte parametry name na "jmeno", "prijmeni", "rok_narozeni", "zakladni_skola", "stredni_skola", "vysoka_skola", "konicek", "konicek", "konicek" a parametry id na "jmeno", "prijmeni","rok_narozeni", "zakladni_skola", "stredni_skola", "vysoka_skola", "konicek_sport", "konicek_kultura", "konicek_prace". Rozsah data narození ve výběru nastavte od roku 1900 do roku 2010. Hodnoty pro výběr koníčku nastavte na "Sport", "Kultura", "Práce". Celý formulář nastavte tak, aby se metodou "post" posílal na "http://webkurz.kvalitne.cz/ulohy2010/leto/uloha4.php".
Přiložený test upravte tak, aby byl vyhodnocování JavaScriptem. Výpis v PHP obsahuje klíč k vyhodnocení (v JavaScriptu ho nevypisujte).
Zpět na obsah