Maquetacion de un Pagina Web en Dreamweaver cs6

cesarz · #1 (**permalink**) 26/08/2015, 22:44

Necesito algo de ayuda porfavor en la construccion de una pagina web sencilla en dreamweaver cs6. Aqui les dejo mi codigo que estado avanzando :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<style type="text/css">
*{
border:0;
margin:0;
padding:0;
}

body{
background: #ccc;
}

#contenedor{
height: 1050px;
width: 780px;
margin-right: auto;
margin-left: auto;
}

#cabecera, #menu, #cuerpo, #pie{
background: #fff;
width: 780px;
height: 100px;
text-align:center;

}

#cabecera #cabecera1{
background: #0FF;
width: 200px;
height: 100px;
float: left;

}

#cabecera #cabecera2{
background: #0F3;
width: 580px;
height: 100px;
float: right;
}

#menu{
background: #F96;
height: 50px;
}

#cuerpo{
background: #FF0;
width: 760px;
height: 225px;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
text-align: center;
}

#cuerpo #cuerpo1{
background: #090;
width: 250px;
height: 215px;
display: inline-block;
vertical-align: top;
}

#cuerpo #cuerpo2{
background: #9C9;
width: 250px;
height: 215px;
display: inline-block;
vertical-align: top;
}

#cuerpo #cuerpo3{
background: #F39;
width: 250px;
height: 215px;
display: inline-block;
vertical-align: top;
}

#pie{
background: #fff;
width: 780px;
height: 80px;
}

#pie #pie1{
background: #0FF;
width: 200px;
height: 80px;
float: left;
}

#pie #pie2{
background: #0F3;
width: 580px;
height: 80px;
float: right;
}

</style>
</head>

<body>
<div id="contenedor">
<div id="cabecera">
<div id="cabecera1" align="center" >
<a href="Paginaa.html"> <img src="Logoiste05.gif" alt="Logo" width="140" height="50" /></a>
</div>
<div id="cabecera2" align="center">
<a href="Paginaa.html"> <img src="Razon social.png" alt="Logo" width="570" height="90" /></a>
</div>
</div>
<div id="menu">
</div>
<div id="cuerpo">
<div id="cuerpo1">
</div>
<div id="cuerpo2">
</div>
<div id="cuerpo3">
</div>
</div>
<div id="pie">
<div id="pie1">
</div>
<div id="pie2">
</div>
</div>
</div>
</body>
</html>

asi esta mi maquetacion, pero quisiera agregarle menu de navegacion y en el cuerpo texto y enlaces; osea hacerlo atractiva.