Tvorba interaktivních WWW stránek 2007

  • Předmět bude probíhat v místnosti 2071 každý čtvrtek od 18.20.
  • Zápočet bude udělen za splnění malých úloh (1 kredit) a vytvoření semestrální prezentace (až 2 kredity). Úlohy budou doplňovány během semestru.
  • Jak malé úlohy, tak závěrečná práce musí být validní HTML (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

  • Prezentace nejméně o čtyřech navzájem propojených stránkách.
  • Rozložení tvořené pomocí prvků <div>, nikoli pomocí tabulky.
  • Aspoň jeden obrázek.
  • Aspoň jedna tabulka - ta nemusí být v případě složitější prezentace.
  • Prezentace musí vypadat stejně v MS Internet Exploreru (6) a Mozille Firefoxu (2).
  • Všechny části prezentace musí být napsané validním HTML kódem.
  • Veškeré CSS v prezentaci musí být validní.
  • Úloha se odevzdává tak, že se umístí na server dostupný na internetu a následně se domluvíme na konzultaci, kde daný web společně projdeme.

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
2007-05-17Vytváření stránky pomocí jednoduchého PHP.
2007-05-10Tabulky v HTML
2007-05-03Rozložení pomocí rámců (vnořené <frameset> prvky)
2007-04-26Plovoucí rámce (<iframe>)
2007-04-19Obrazové mapy, pozadí dokumentu
2007-04-12Prvky pro strukturu článků. Animované obrázky.
2007-04-05Obrázky v HTML, formáty obrázků pro web, formátování pozadí prvků.
2007-03-29Pokročilé formátování - pokračování. Seznamy, záměna vlastností inline/block, pseudotřídy odkazů, vlastnost overflow.
2007-03-22Vytvoření rozložení stránky za pomocí prvků <div>. id prvku, CSS pro prvek s id.
2007-03-08Plovoucí prvky, externí formátování, třídy prvků.
2007-03-01Plovoucí prvky, kaskádové formátování, relativní odkazy
2007-02-22Základní pojmy, základní struktura HTML.

Zadání úloh.

Pro každý snímek v tabulce vytvořte HTML stránku, která co nejvěrněji ukáže stejný obsah. Splnění těchto úloh je podmínkou udělení zápočtu.
Úloha Snímky obrazovky
Vytvořte stránku skládající se z prvků <div> tak, aby vypadala jako na přiložených snímcích.
Vytvořte HTML tabulku tak, aby vypadala jako na přiložených snímcích.