A la hora
de trabajar con tablas Dreamweaver nos proporciona distintos modos de
visualización. Nosotros hemos trabajado en todo el tema con el modo estándar, y
vamos a seguir trabajando con él, pero se puede pasar a los otros modos a
través del menú Ver opción Modo de tabla. Dentro de esta opción podemos elegir
entre Modo estándar, Modo de tablas expandidas, o modo de diseño.
El Modo
de diseño se utiliza para dibujar páginas con un diseño determinado, basándose
en tablas. Utilizando esta vista, las tablas no han de insertarse
obligatoriamente en líneas de texto, sino que es posible insertarlas en cualquier
punto de la página, y Dreamweaver se encargará de rellenar el espacio vacío,
para que sea posible que la tabla aparezca en esa posición.
El Modo
de tablas expandidas añade temporalmente relleno y espaciado de celda a las
tablas de un documento y aumenta los bordes de las tablas para facilitar la
edición. Este modo se puede utilizar para seleccionar elementos de las tablas o
colocar el punto de inserción de forma precisa pero en este modo no vemos la
página como quedará exactamente.
En este
curso nos limitaremos al modo estándar.
Adaptar webs a distintas resoluciones
Siempre
que se crea una página web hay que tener en cuenta que va a ser visitada por
usuarios con monitores de distintos tamaños y con distintas resoluciones.
Es
imposible hacer que una página se vea exactamente igual en todos los monitores
de los usuarios que la visitan, pero hay que intentar que su visualización sea
lo más parecida posible.
La resolución usada de forma más frecuente es la
de 800x600, por lo que inicialmente habría que diseñar la página para dicha
resolución. Es decir, habría que crear la página
en un
monitor con dicha resolución, para poder visualizar claramente cómo queda en el
navegador, y distribuir el contenido de la página de la forma más adecuada.
Normalmente
se utilizan tablas, ya que resultan muy útiles para distribuir el contenido de
la página.
Como
recordarás, el tamaño de las tablas puede ser definido en píxeles o en
porcentaje. Cuando el tamaño de la tabla sea definido en píxeles, la tabla se
verá del mismo modo independientemente del tamaño de la ventana del navegador.
En cambio, cuando el tamaño de la tabla sea definido en porcentaje, la tabla se
ajustará al tamaño de la ventana del navegador, lo cual implica que el
contenido de la tabla se descuadrará.
En un
principio puede parecer más conveniente utilizar tablas con tamaño fijo, aunque
esto implique que aparezca el hueco vacío a la derecha, en el caso de los
monitores con alta resolución. Pero con un poco de práctica a la hora de
manejar las tablas, puedes salvar el inconveniente del descuadre de la página y
así definir páginas con tamaño en porcentaje que aprovechen el ancho cuando el
monitor de más grande.
No solo
puede establecerse el tamaño de la tabla, también es posible establecer el
tamaño de las celdas.
El tamaño
de la celda a través del inspector de propiedades estará especificado por los
valores de An (anchura) y Al (altura). Normalmente solo se especifica la
anchura, no la altura.
Los
valores An y Al de una celda siempre están en Píxeles. En la imagen anterior,
la celda tiene una anchura de 208 píxeles. Para que, por ejemplo, la anchura
fuera del 25 por ciento de la tabla, en An habría que escribir 25%.
Jugando
con las medidas de las celdas de la tabla, y teniendo en cuenta qué contiene cada
una de ellas (imágenes, texto alineado a la derecha, texto alineado a la
izquierda, texto de gran tamaño, etc.), puede conseguirse que al visualizar la
página en monitores de distintos tamaños y con distintas resoluciones, la
apariencia sea bastante similar, o al menos que la distribución del contenido
de la página no se vea muy afectado por el cambio de tamaño de la ventana del
navegador.
No hay comentarios:
Publicar un comentario