Opinión sobre una Web

alexmania · #1 (**permalink**) 06/06/2009, 18:38

Hola, cree una Web de practica nada mas y quería que me dijeran si el código, y la forma de maquetacion están utilizadas correctamente? les agradesco sugerencias y comentarios

y aca les dejo el codigo del html y ccs

Código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" >
<html>
<head>
<meta name="robots" content="noindex, nofollow">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="estilo.css" >
<title>Mi documento</title>


</head>
  <body>
<div class="contenedor">
  				<div class="cuerpo">
<div class="box2">BOX2</div>

<div class="box3">BOX3</div>
<div class="box">BOX</div>

				</div>
                
                <div class="cuerpo2">
<div class="menu">MENU</div>           
<div class="marquezina">MARQUEZINA</div>                
                </div>
                <div class="cuerpo3">
<div class="box4">BOX4 <div class="derecha">derecha</div> </div>

<div class="box5">BOX5 <div class="izquierda">izquierda</div> </div>                
<div class="boxcentral">BOXCENTRAL</div>               
				</div>
<div class="pie">
<div class="marquezina">marquezina</div>
<div class="derecha2">2</div>
<div class="izquierda2">1</div>
<div class="base">BASE1</div>
               


<div class="derecha2">4</div>
<div class="izquierda2">3</div>
<div class="base">BASE2</div>
                
                </div>
</div>
</body>
</html>

estilo.ccs

Código:

/* Comentarios */

BODY {
	text-align: center;
	background-color: #000000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14pt;
}
.contenedor{
	text-align: left;
	margin: auto;
	width: 938px;
	background-color: #FFFFFF;
}
.cuerpo{
	background-image: url(Fondo%20Tabla.jpg);

}

.box {
	text-align: center;
	width:auto;
	height: 80px;
	margin-left: 124px;
	margin-right: 124px;
	
}

.box2   {
	width: 124px;
	float:right;
	height: 80px;
   
   }

.box3   {
	width: 124px;
	float:left;
	height: 80px;
   }
.box4   {
	width: 136px;
	background-color: #FFFFFF;
	float: right;

   }
.box5   {
	width: 136px;
	float: left;
	background-color: #FFFFFF;

   }
.boxcentral   {
	width: auto;
	text-align: center;
	height: 580px;
	margin-left: 136px;
	background-color: #FFFFFF;
	margin-right: 136px;

   }
.pie{
	background-image: url(Fondo%20Tabla.jpg);

}
.base {
	width: auto;
	margin-right: 136px;
	margin-left: 136px;
	text-align: center;
}

.derecha {
	width: 136px;
	background-color: #FFFFFF;
	float: none;
	height: 557px;
}
.izquierda {
	width: 136px;
	height: 557px;
}
.derecha2 {
	width: 136px;
	float: right;
}
.izquierda2 {
	width: 136px;
	float: left;
}
.menu {
	height: 25px;
	width: 936px;
	padding: 0 0 0 2px;
	background-image: url(Fondo%20Tabla.jpg);
}
.marquezina {
	color: #000000;
	height: 25px;
	width: 936px;
	padding: 0 0 0 2px;
	background-color: #FFFFFF;
}
.cuerpo2 {

}
.cuerpo3 {

}

Gracias y Saludos

Sopa · #2 (**permalink**) 06/06/2009, 18:52

Esta perfecto, solo el cierre de las etiquetas.

Cita:

Luego en la hoja de estilo el BODY por body(minuscola)
Saludos.

RodrigoQ · #3 (**permalink**) 06/06/2009, 18:54

Una recomendación: No uses tantas clases, el codigo y el css termina muy complicado.

Probá de lograr los mismos resultados mediante herencia y aplicando los estilos a los contenedores.

alexmania · #4 (**permalink**) 07/06/2009, 19:09

Gracias por las recomendaciones. iré viendo así lo mejoro

Saludos