Hallo,
hab ein wenig gebastelt, wie findest du mein erster Aufbau? Damit habe ich a) das Grundgerüst und b) den Header abgeschlossen.
<!doctype html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link rel="icon" href="/design/icons/favicon.ico" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="/design/css/style.css">
<!--[if lt IE 9]>
<script src="/js/html5.js"></script>
<script src="/js/respond.js"></script>
<![endif]-->
<title></title>
</head>
<body>
<header>
<h1>Shop Design</h1>
<ul>
<li><a href="#">Hilfe & Service</a></li>
<li><a href="#">Mein Konto</a></li>
<li><a href="#">Anmelden</a></li>
</ul>
</header>
<script src="/js/jquery-2.1.0.min.js"></script>
<script>
$(document).ready(function(){
});
</script>
</body>
</html>
Jetzt geht es an die Navigation, den Content sowie den rechten Bereich. Da habe ich an folgendes gedacht:
<main>
<nav>
<ul>
<li>Home</li>
<li>Nav 1</li>
<li>Nav 2</li>
<li>Nav 3</li>
<li>Nav 4</li>
<li>Nav 5</li>
<li>Nav 6</li>
</ul>
</nav>
</main>
<aside>
<nav>
<ul>
<li>Merkzettel</li>
<li>Warenkorb</li>
</ul>
</nav>
</aside>
Jetzt ist die Frage, wo packe ich meinen Inhalt rein? In ein DIV bzw. in zwei DIVs der linke grauen Kasten für die Subnavigation und der rechte Kasten für den Content? eine <section></section> ist hier nicht richtig, oder?
Zum Schluss habe ich unterhalb von der Navigation noch den großen blauen Bereich, wie würdest du diesen anordnen bzw. in welchen Bereich sollte dieser gepackt werden? Das gleiche habe ich auf der rechten Seite im aside - Bereich nochmals.