<< Š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