Tvorba WWW stránek zima 2007

  • Předmět bude probíhat v místnosti 2071 každé pondělí od 18.20.
  • 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. Požadavky na závěrečnou práci:
    • Minimálně 4 smysluplné stránky
    • Rozložení stránky pomocí prvků <div> případně <p>, nikoliv tabulkou
    • Obrázky
    • Je-li smysluplně uplatnitelná, pak aspoň jedna tabulka
    • Jsou výslovně zakázány prvky <font> a <br> - vše, co lze těmito prvky dosáhnout, lze dosáhnout i pomocí kaskádových stylů
    • Všechny části prezentace budou mít validní HTML i CSS
    • Postup odevzdání stránek je následující:
      1. Stránky umístíte tak, aby byly dostupné z Internetu (např. na sWeb nebo na Webzdarma).
      2. Zkontrolujete, že všechny části jsou validní HTML a mají validní CSS. Případné chyby odstraníte.
      3. Zkontrolujete, že stránky vypadají stejně v Microsoft Internet Exploreru a Mozille Firefoxu.
      4. Pošlete mi odkaz na stránky k zápočtu.
      5. Domluvíme si konzultaci na fakultě, na které kód projdeme, případně mi na místě předvedete drobnou změnu, čímž ukážete, že se ve vlastním kódu vyznáte.
  • 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.

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
2008-01-07Formuláře a základy PHP.
2007-12-17Formátování pro více výstupů, pozadí, absolutní pozicování
2007-12-03Tabulky
2007-11-26Rámce - dokončení. Obrázkové mapy.
2007-11-19Rámce, plovoucí rámce.
2007-11-12Nadpisy, odstavce, záložky, pseudotřídy odkazů.
2007-11-05Příklady plovoucích prvků, externí CSS, odrážky a číslování.
2007-10-29Plovoucí blokové prvky.
2007-10-22Třídy v CSS. Procvičení CSS.
2007-10-15Barevné modely, barvy v HTML a CSS.
2007-10-08Absolutní a relativní odkazy, obrázky, první formátování pomoci CSS.
2007-10-01Zá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 obsahující pouze prvky <div>, které budou tvořit obrazec písmene M, tak jak je zobrazeno na přiložených snímcích. Snímek Microsoft Internet Exploreru Snímek Mozilla Firefoxu
Vytvořte dvouřádkový frameset, kde v prvním řádku bude obrázek reprezentující klikací mapu. V přiloženém videu jsou popsány citlivé (klikací) oblasti obrázku. Odkazy mohou vést na jiné, avšak tématicky odpovídající, společnosti. Obrázek pro mapu Popisné video
Zpět na obsah