Foros del Web » Creando para Internet » Diseño web »

Maquetacion de un Pagina Web en Dreamweaver cs6

Estas en el tema de Maquetacion de un Pagina Web en Dreamweaver cs6 en el foro de Diseño web en Foros del Web. Necesito algo de ayuda porfavor en la construccion de una pagina web sencilla en dreamweaver cs6. Aqui les dejo mi codigo que estado avanzando : ...
  #1 (permalink)  
Antiguo 26/08/2015, 22:44
 
Fecha de Ingreso: agosto-2015
Ubicación: Trujillo
Mensajes: 1
Antigüedad: 8 años, 7 meses
Puntos: 0
De acuerdo Maquetacion de un Pagina Web en Dreamweaver cs6

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.

Etiquetas: dreamweaver
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 00:44.