He probado a maquetar con div's y css. He conseguido hacer algo, pero no mucho. Tras volverme loco para intentar diseñar una web que he dibujado en papel, metiendo unas capas dentro de otras, intentando colocar el contenido en donde quería, etc, recordé que en Dreamweaver 2004 descubrí la existencia de las capas absolutas. Hasta aquella fecha, nunca las había visto y si no recuerdo mal, hice una web sencilla usándolas y me encontré que al abrirla en un navegador que no recuerdo, todo el contenido estaba apilado en la esquina superior izquierda.
Después de todo esto formulo las preguntas:
1 - ¿Es correcto maquetar una web completa utilizando capas absolutas?
Hasta ahora las organizaba metiendo unas capas dentro de otras. Por meter unas capas dentro de otras me refiero a algo así:
<div id="contenedor">
<div id="cabecera">
<div id="logo"></div>
<div id="publicabecera"></div>
<div id="menu"></div>
<div id="contenido"></div>
<div id="lateralder"></div>
<div id="pie"></div
</div>
</div>
después con css intentaba colocar cada capa en su sitio, siendo para mí hasta el momento una misión un tanto difícil de completar.
Ahora he probado un pequeño código maquetando con capas absolutas. Tras visualizar en Chrome e Internet Explorer 8, parece que quedan bien. También he utilizado las tablas para colocar el contenido donde quería exactamente, pero eso lo comento mas abajo en otra pregunta.
Código:
2 - ¿Que opinará Google de esta forma de maquetar?<html>
<head>
<title>Ejemplo</title>
</head>
<body>
<div id="Layer1" style="position:absolute; width:155px; height:125px; z-index:1; left: 20px; top: 20px;"><img src="images/logo.gif" width="150" height="121"></div>
<div id="Layer2" style="position:absolute; width:800px; height:125px; z-index:2; left: 200px; top: 20px;">
<table width="100%" border="0" align="center">
<tr>
<td valign="middle" height="125"><center><img src="images/bannerh.gif" width="728" height="90"></center></td>
</tr>
</table>
</div>
<div id="Layer3" style="position:absolute; width:980px; height:115px; z-index:3; left: 20px; top: 150px;">contenido...</div>
</body>
</html>
Para mí, al igual que para la mayoría de diseñadores web, lo que me interesa es que Google indexe mi página y la entienda lo mejor posible para que a la hora de mostrar los resultados, tenga buenas probabilidades de aparecer entre los primeros o al menos, en la primera página.
3 - Sobre las tablas ¿Tengo que dejar de utilizarlas por completo?
Como podréis observar en el código que he puesto mas arriba, he utilizado una tabla para centrar el banner verticalmente y la etiqueta "center" para centrarlo horizontalmente. También me gustaría usar la tabla un poco mas abajo para crear un menú de 6 opciones, modificando los bordes de las celdas con estilos, centrando horizontal y verticalmente, crear también una celda a la derecha del menú en el que ponga los últimos artículos agregados en la web... Para mí, diseñar así es fácil porque estoy acostumbrado, en cambio, hacer todo esto con css y capas anidadas es un laberinto. Llevo varias semanas probando y no encuentro modo de hacer muchas de las cosas que me gustaría y que en cambio, de este modo, logro realizar rápidamente.
La pregunta es la misma, ¿es correcto hacer esto?
En fin, no pregunto nada mas por el momento. Si podéis responderme a estas 3 preguntas os estaría muy agradecido. Saludos.
