Foglio di stile: [chiamalo index.css]
codice:
body {
background-color: #f5f5f5;
color: #00000;
margin: 0;
padding: 0;
text-align: center;
}
#header {
margin: 1em auto;
border: 1px solid #0F89FF;
min-height: 100px;
height: auto !important;
height: 100px;
width: 90%;
background-color: #ffffff;
}
#corpo {
margin: 1em auto;
border: 1px solid #0F89FF;
min-height: 300px;
height: auto !important;
height: 300px;
width: 90%;
background-color: #ffffff;
text-align: left;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 1em;
}
#corpo p {
margin: 0.5em 1em 0.5em 1em;
}
#corpo p:first-letter {
text-transform: capitalize;
font-weight: bold;
}
#footer {
margin: 1em auto;
border: 1px solid #0F89FF;
min-height: 100px;
height: auto !important;
height: 100px;
width: 90%;
background-color: #ffffff;
}
Il file HTML:
codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it_IT" lang="it_IT">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Hermes</title>
<link rel='stylesheet' href='index.css' media='screen' />
</head>
<body>
<div id='header'>
</div>
<div id='corpo'>
Qualcosa come questo, poi le immagini ce le metti tu.
</p>
</div>
<div id='footer'>
</div>
</body>
</html>
E' solo lo scheletro della pagina, il resto ce lo devi mettere tu 
Ciao, ciao.