Adding to Nancy's comments and with the knowledge that you are a newbie, I would suggest that you start with a single page first, called index.html.
Start with the markup (HTML) first as per
1. ensure that you start with the proper document structure
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>My Title</title>
<meta name="description" content="">
<meta name="author" content="">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
</body>
</html>
2. Enter the content into the BODY element
<div class="header">
<h1>Company Name</h1>
<div class="nav">
<ul>
<li><a href="#">Blog</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Archives</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Subscribe via. RSS</a></li>
</ul>
</div>
</div>
<div class="article">
<h2>Article</h2>
<p>Eu fugiat nulla pariatur. Velit esse cillum dolore ut aliquip ex ea commodo consequat. Duis aute irure dolor qui officia deserunt sed do eiusmod tempor incididunt. Ut labore et dolore magna aliqua.</p>
</div>
<div class="aside">
<h3>Did you know?</h3>
<p>Eu fugiat nulla pariatur. Velit esse cillum dolore ut aliquip ex ea commodo consequat. </p>
<div class="footer">
<h4>© Comapny name</h4>
</div>
3. View in your favourite browser and you will see that it looks horrible. It needs some styling.
4. Create a file in a css subdirectory called style.css
5. In style.css start with browser reset rules as per http://meyerweb.com/eric/tools/css/reset/. This will help to ensure that you don't have browser problems down the track.
6. Enter a few style rules into the CSS file
body {
width: 1000px;
margin: auto;
}
.header {
height: 120px;
background: #063;
}
.header h1 {
color: silver;
}
.nav {
background: darkgray;
height: 35px;
}
.nav ul li {
position: relative;
text-align: left;
width: 10em;
float: left;
}
.nav ul a {
display: block;
background-color: darkgray;
padding: 0.5em 0.75em;
color: white;
text-decoration: none;
}
I did not finish the CSS, leaving it up to your imagination.
The above is the workflow that I would suggest for all newbies. At each stage, check in the browser to see the effect of the addition/change/deletion.
