我想知道是否有人对如何构建网站有任何建议。我在顶部有一个徽标，我想要在其下方有一个导航栏，最后在其下方我想要页面的内容。我搞砸了几个小时，但我似乎无法让导航栏位于徽标下方和主要内容上方。有没有人有任何想法？这是我的代码：
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="main.css" type="text/css" />
<script type="text/javascript" src="slideshow.js"></script>
<style>
#Slideshow1 img { width:1200px; height:500px }
</style>
<title> Law Firm </title> <!-- Seriously, don't forget to change that.-->
<div class="heading">
<div id="head">
<div id="logo">
<img src="logo.png" alt="Logo" width="1700" height="175">
</div>
<div id="navigation">
<a href="#">Home</a>
<a href="#">About us</a>
<a href="#">Areas of Practice</a>
<a href="#">Reviews</a>
<a href="#">I'm running out of ideas</a>
<a href="#">Boring....</a>
</div>
</div>
</div>
<!-- Include content types, links to external resources, keywords for the search engine, epirations and stuff, and whatever else needs to go here like titles and website icons. -->
</head>
<body> <!-- Obviously, the body starts here. -->
<div class="main">
<div id="content"> <!-- Let's kick it off with some stuff, of course. -->
<!-- Now let's get some java up in here!! -->
<script>
var imgArray = new Array();
imgArray[0] = "images/pic1.png";
imgArray[1] = "images/pic2.png";
slideshowFade('Slideshow1','',imgArray,20,5000);
</script>
</div>
</div>
</body>
</html>