También hay personas que acceden a Internet con definiciones menores, a 640x480, pero cada vez son menos. Para el caso de 1024x780, esta definición es bastante grande y sólo los usuarios con buenas pantallas, configuradas de manera correcta, la usan.
La definición de 1024x780 deja fuera a muchas personas, por lo que no debemos utilizarla todavía, además, estos usuarios podrán ver también la página a definición menor sin demasiado perjuicio. Por su parte, la definición de 640x480 es muy pequeña y ya muy pocos usuarios la utilizan, por ello es mejor diseñar utilizando un espacio mayor. No obstante, si la página a desarrollar es muy corporativa, porque pertenezca a una empresa importante y se tenga que ver bien en todas las máquinas posibles, sería razonable utilizar la definición de 640x480, pues esta nos asegura que todo el mundo podrá ver bien el web.
En 2010 todavía hay un ligero porcentaje de usuarios (en torno del 2%) que utilizan resoluciones de 800x600, pero es suficientemente escaso para que no se tenga en cuenta. Esto se puede apreciar en alguno de los post que publicamos cada poco con rankings de las resoluciones de pantalla.
Una vez escogido el público objetivo, se han de componer las páginas y las imágenes para se vean bien en la definición de pantalla que utilicen estos, de modo que nunca salgan las feas barras de desplazamiento horizontales. Para ello calcularemos el tamaño de los elementos de la página concienzudamente.
Otra cosa que se puede hacer es aplicar a los elementos de la página los tamaños (atributo width) utilizando porcentaje, de este modo, se ajustarán al tamaño de la definición del usuario automáticamente. Sin embargo, las imágenes no soportan el tamaño en porcentajes, es decir, no podemos ajustarlas así automáticamente, y en cualquier caso, no desearemos que la imagen se deforme al alterar artificialmente sus tamaños a través de estos atributos. Así pues, para el caso de las imágenes seguiremos en la necesidad de crearlas sin pasarse del espacio disponible en la definición horizontal del público objetivo.
Vamos a ver cuál sería el modo de trabajo para maquetar una página con tablas.
<html>
<head>
<title>Título</title>
</head>
<body topmargin=0 leftmargin=0 marginheight=0 marginwidth=0>
<table width=779 bgcolor=eeeeee cellspacing=0 cellpadinng=0 border=0 align=center>
<tr>
<td width=10></td>
<td>
<h1 align="center">Título de la página</h1>
Este es el cuerpo de la página
<p>
Más página
<p>
Y más..
<p>
<div align="center">
Barra | Navegación | Enlaces | Links
</div>
<br>
</td>
<td width=10></td>
</tr>
</table>
</body>
</html>
Eso es todo, recuerda que siempre puedes ver el código fuente de las páginas web que te gustan, para ver cómo lo han hecho otros diseñadores.
Compartir en redes sociales
| Por: Guillermo Grande | 16/11/2001
|
 enric_b... | imagen que ocupe todo el ancho de la tabla | 08/10/2009 |
fredii | duda | 17/4/2011 |
Usuarios: 
01 de enero de 2001
Valoración del artículo:
