Cita:
Iniciado por maswordpress 
Aresillo una pregunta,,,, no es mas rápido exportar un diseño en photoshop a css con las posiciones de las div, y luego y depurando que hacerlo de cero?
como optimizarías ese código?
Ese codigo devuelto por photoshop no contiene ni una linea que se acerque al correcto uso del HTML. Osea, es un HTML que en si no significa nada, es codigo no semantico.
HTML es un lenguaje para estructurar informacion, la informacion en el 95% de los casos es texto. Aun cuando por cuestiones graficas necesites utilizar una imagen para mostrar un texto (por ejemplo, porque quieres usar una tipo X con un efecto X), en el codigo HTML tiene que estar el texto y despues por CSS reemplazas ese texto por la imagen (la famosa separacion de informacion y presentacion).
¿Porque digo que esa presencia del texto en el codigo es la correcta? porque ¿que pasa si alguien ingresa a tu web atraves de un dispositivo que no lee/muestra imagenes (por ejemplo, un lector de pantalla para ciegos)? si tu web solo son imagenes no "vería" nada.
Por lo tanto un ejemplo de como seria pasar un parte de tu web a un codigo HTML correcto seria cambiar esto:
Código HTML:
<div id="cabecera_">
<img src="images/cabecera.jpg" />
</div>
Por esto:
Código HTML:
<h1 id="cabecera_">Nombre de tu web</h1>
Y a esto ultimo mediante un CSS similar al siguiente lo reemplazas por una imagen:
Código HTML:
#cabecera_ {
background: url(images/cabecera.jpg) no-repeat;
height:50px; // El alto de la imagen
text-indent:-9999px;
width:230px; // El ancho de la imagen
}
De este modo si el dispositivo a traves del que se ve la web lee imagenes y lee estilos CSS se vera una imagen y sino se leera el texto.
Partiendo de esa base, en la que el codgio HTML no vale nada, no tiene ni sentido intentar mejorar el CSS. Ya que el CSS se utiliza para dar un aspecto visual a un codigo HTML correctamente estructurado.
Esta claro que estoy llevando este tema a un nivel mas avanzado y "filosofico" de lo que es el desarrollo web y que con codigos tan horribles como esos autogenerados puedes hacer una web y que nadie se entere o se queje.
Pero parece que recien estas comenzando con este tema, asi que creo que es el mejor momento para que empiezes a conocer la forma correcta de maquetar una web.