Tvorba WWW stránek 2005

Požadavky na závěrečnou zápočtovou práci:
  • Prezentace nejméně o čtyřech stránkach.
  • Layout za pomocí <div> prvků = nejméně 4 <div> prvky určené pro layout. Layout pomocí tabulek neuznávám.
  • Veškeré formátování pomocí CSS.
  • Několik obrázků, přinejmenším jedna smysluplná tabulka (při složitější prezentaci na tabulce netrvám).

Seznam pracovních souborů.

Pro uložení konkrétního souboru klikněte na odkaz a zvolte "Uložit jako".
Datum semináře Popis souboru Soubor
2. ledna 2006 Jednoduché stránky v PHP
12. prosince 2005 Formuláře, JavaScript 2 Anketa vyhodnocena JavaScriptem
5. prosince 2005 Formuláře, JavaScript
28. listopadu 2005 Rámce, plovoucí rámce
21. listopadu 2005 Image map, Absolutní pozicování, pozadí.
14. listopadu 2005 Číslované a nečíslované seznamy. Tabulky.
24. října 2005 Odstavce, nadpisy, soubory kaskádových stylů.
16. října 2005 Rozměry a rozmístění (float) objektů. Inline a block zobrazení. Soubor 3
10. října 2005 Třídy v kaskádových stylech. Odkazy, obrázky. Soubor 2
3. října 2005 Základní struktura HTML dokumentu. Prvky <div> a <span> jakožto ukázka blokových a "inline" prvků. Ukázka nejjednodušších kaskádových stylů. Soubor 1

Zadání úloh.

Pro každý snímek v tabulce zkuste vytvořit 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ímek obrazovky
Vytvořte dva do sebe vnořené prvky <div> podobně jako na přiloženém snímku. Nezáleží příliš na barevné věrnosti.Důležitější je rozložení prvků <div>. Snímek úlohy 1.
Vytvořte šest prvků <div>. První obsahuje menu s odkazy na tutéž stránku. Odkazy mají nastavené zobrazení na blok. Dalších pět prvků <div> mají rozměry a vlastnost float nastaveny tak, aby vyplnili souvislý obdélník. Opět není tolik podstatná barevnost. Snímek úlohy 2.
Vytvořte tabulku, jejíž tvar odpovídá tabulce na snímku. Není potřeba přesně dodržet šířku sloupců, avšak je potřeba dodržet rozložení buňek a jejich ohraničení. Snímek úlohy 3.
Přehled splněnosti úloh.
Zpět na obsah