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