Ver Mensaje Individual
  #3 (permalink)  
Antiguo 11/07/2011, 16:36
Avatar de YeisonSoto
YeisonSoto
 
Fecha de Ingreso: enero-2011
Ubicación: Cali, Colombia, Colombia
Mensajes: 116
Antigüedad: 13 años, 3 meses
Puntos: 4
De acuerdo Respuesta: Orientación - maquetación pagina web.

Amigo aunque el diseñar la interfaz de una pagina web con photoshop resulta muy facil , a la larga va a ser muy tedioso comprender.


Algunos inconvenientes son:

- Genera mucho codigo
- Resulta algo dificil su comprension
- Aumenta el tiempo de carga de la pagna

Puedes leer mas aqui


Lo mejor es que utilices los div para el diseño de tu pagina

Un pequeño ejemplo:

Código HTML:
<html>
<head>

<title>pagina con div</title>


<style type="text/css">

#contenedor {	
		width:1000px;	
		height:800px;		
}

#encabezado {		
		background-color:#000;	
		width:100%;
		height:20%;			
}


#columna_izq{
	float:left;
	background-color:#09F;
	width:20%;
	height:70%;	
}
	
#columna_der{
	float:right;
	background-color:#09F;
	width:20%;
	height:70%;	
	}	

#cuerpo {	
		background-color:#999;	
		width:100%;
		height:70%;			
}


#pie{
	    background-color:#000;	
		width:100%;
		height:10%;			
	}

</style>

</head>

<body>

<div id="contenedor">


    <div id="encabezado">
     <h1>ENCABEZADO</h1>
    </div>


    <div id="columna_izq">IZQUIERDA</div>
    
    <div id="columna_der">DERECHA</div>
    
    
    <div id="cuerpo">CUERPO</div>
    
    <div id="pie">PIE</div>

</div>

</body>
</html>