Projekt - Šablona webu

<< Projekt - 3. ročník - 2015 | Přehled cvičení | HiT Web 2013 - studentská soutěž o nejlepší web >>

Zadání

• vytvořte trojsloupcovou fluidní šablonu několikastránkového webu se zadanými parametry

Parametry šablony

Layout s bloky

• Strana - fluidní šířka 90%
  • Hlavička - text Projekt - Šablona webu
  • Obsah - 3 sloupce
    • Levý
      • Menu
    • Střední - vlastní obsah - Zadání a popis projektu
    • Pravý
      • Kontakty
      • Odkazy
  • Pata - Název předmětu, třída, jméno

Struktura obsahu

• Úvod - základní údaje (Název školy, Studijní obor, Zaměření, Ročník - školní rok, Autor) + obrázek (logo)
• Zadání - zkrácené zadání projektu
• IT Projekty - plán výuky ITP - 4. ročník
• Formulář - komentovaný kód kontaktního formuláře v pravém sloupci

• Knihovny JS - využití efektu pro správu obsahu accordion a tabs
  • přehled a vlastnosti JS knihoven - accordion
  • vlastnosti knihovny JQuery - tabs
• Fotogalerie - ukázka fotogalerie podporované JS knihovnou
  • např. možnost využití image - rotatoru

Design

• bloky stylované z externího souboru css
• vlastní barevné ladění a přechody, ohraničení, stínování, úsporná grafika
• stylované texty - fonty, nadpisy, odstavce, seznamy, odkazy v textu ...

Technologie

• norma html5, tlačítková navigace, grafika ve vlastní složce, efekty css3, efekty JS knihovny

Přístupnost

• informace v hlavičkách, zajištění validity webu

Předloha

Odevzdání

• publikujte projekt na vlastním hostingu (WikiBook)
• v zadaném termínu zašlete mail s odkazem na web na adresu učitele
• v příloze mailu zašlete komprimovanou složku webu v souboru Příjmení.rar
• předmět mailu - 4C_Příjmení_projekt