Foros del Web » Creando para Internet » CSS »

Opinión sobre una Web

Estas en el tema de Opinión sobre una Web en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 06/06/2009, 19:38
Avatar de alexmania  
Fecha de Ingreso: agosto-2007
Mensajes: 12
Antigüedad: 10 años, 3 meses
Puntos: 0
Opinión sobre una Web

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

Última edición por alexmania; 07/06/2009 a las 20:09
  #2 (permalink)  
Antiguo 06/06/2009, 19:52
Avatar de Sopa  
Fecha de Ingreso: mayo-2009
Ubicación: Cordoba Argentina
Mensajes: 37
Antigüedad: 8 años, 7 meses
Puntos: 0
Respuesta: Opinión sobre una Web

Esta perfecto, solo el cierre de las etiquetas.

Cita:
<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" />
Luego en la hoja de estilo el BODY por body(minuscola)
Saludos.
  #3 (permalink)  
Antiguo 06/06/2009, 19:54
 
Fecha de Ingreso: junio-2009
Ubicación: Mar del Plata
Mensajes: 33
Antigüedad: 8 años, 6 meses
Puntos: 1
Respuesta: Opinión sobre una Web

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.
  #4 (permalink)  
Antiguo 07/06/2009, 20:09
Avatar de alexmania  
Fecha de Ingreso: agosto-2007
Mensajes: 12
Antigüedad: 10 años, 3 meses
Puntos: 0
Respuesta: Opinión sobre una Web

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

Saludos
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




La zona horaria es GMT -6. Ahora son las 22:12.