Projekt – webové stránky
Úkolem je dokončit webové stránky na libovolné téma a uložit je na Moodle.
Využijte struktury webu, který jsme dělali v hodinách.
Tento úkol bude hodnocen známkou.
Odevzdání
Odevzdáváte funkční odkaz na web. Webhosting pro vaše stránky jsme již zřídili na endora.cz.
Hotový web odevzdejte do středy ??? (bude upřesněno).
Celý web nahrajete na váš webhosting. Ověřte, že vše funguje
Odevzdává jen jeden ze skupiny. V patě stránky (footer) budou uvedena celá jména autorů webu
Podrobné zadání
Vytvořte web, který splňuje následující:
- Rozložení webových stránky je řešeno pomocí značek HTML5, viz dokument na Moodle (použijte alespoň čtyři)
- Obsahuje alespoň tři stránky navzájem provázané pomocí hlavního menu.
- Na každé stránce je nějaký smysluplný obsah.
- Vzhled všech stránek je nastylovaný pomocí jednotného externího css stylu.
- Web obsahuje alespoň jeden obrázek, jeden odrážkový nebo číslovaný seznam, nadpisy, využití různých zvýraznění textu (např. em, strong), změnu fontu apod.
- Web se bude měnit (barva, změna písma apod.) při změně velikosti okna prohlížeče. Ke změně využijte alespoň jednou sekci @media v css stylu. Nějaká část webu se musí viditelně změnit (např. tělo stránky nebo navigace).
- Jedna ze stránek se musí jmenovat index.html.
- Na stránkách musí správně fungovat znaky s českou diakritikou.
Pro web vyberte vhodnou paletu barev.
Lze se inspirovat např, na Nástroj pro barevnou paletu webu
Nastavte barvy:
- tlačítek v navigačním menu pro varianty:
- stránka na které jsem teď,
- stránka na kterou ukazuji myší (v css souboru změna barvy pro a:hover)
- a normální nezvýrazněný stav
pozn. aktuálně navštívenou stránku si můžete označit nějakou css třídou např. class="active" anebo využít style="background-color: xxx;",
- pozadí celé stránky,
- pozadí obsahu stránky,
- všech nadpisů,
- ostatních bloků HTML5, které využíváte pro záhlaví webu - header, hlavní menu - nav, obsah - section, doplňující menu - aside a další.