<< Šablona webu | Tvorba webu | Pozicovaný layout >>
Zadání
- pomocí css nastylujte HTML5 layout webové strany podle předlohy
Pokyny
- dodržte blokovou strukturu kódu
- stylová pravidla zapište do externí šadlony styl.css
- zajistěte centrování stránky s fixní šířkou 960, 1200 nebo 1440 px
- zvolte vlastní barevné ladění sekcí stránky
- nastavte na pozadí sekce main vzor pomocí obrázku bg.png
Volitelné
- připravte a vložte logo
- připravte a vložte fotomotiv do sekce fullscreen
- doplňte a nastylujte vodorovnou tlačítkovou navigaci
HTML5 layout strany
<!DOCTYPE html>
<html lang="cs">
<head>
<title>Layout strany</title>
<meta charset="utf-8"/>
<link rel="stylesheet" type="text/css" href="styl.css">
</head>
<body>
<header>
<section>
<p>Hlavička</p></section>
</header>
<nav>
<section>
<div id="logo"><p>Logo</p></div>
<p>Navigace</p>
</section>
</nav>
<div id="fullscreen">
<p>Fullscreen</p>
</div>
<main>
<section>
<p>Obsah</p>
</section>
</main>
<footer>
<section>
<p>Pata</p>
</section>
</footer>
</body>
</html>
Předloha
Odevzdání
- v zadaném termínu odevzdejte soubory:
- layout.html
- styl.css
