el tutorial de Dreamweaver

el tutorial de Dreamweaver el tutorial de Dreamweaver

ieslaasuncion.org
from ieslaasuncion.org More from this publisher
11.07.2015 Views

Para dividir una celda hay que pulsar sobre el botóndel inspector de propiedades, o sobre la opción Dividircelda de la opción Tabla.En ambos casos, aparece una ventana como ésta, enla que hay que especificar si la celda se va a dividir enfilas o columnas, y el número de éstas.Para practicar puedes realizar el Ejercicio paso a paso Combinar celdas.Modos de tablaA 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 deesta 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 entablas. Utilizando esta vista, las tablas no han de insertarse obligatoriamente en líneas de texto,como hemos hecho hasta el momento, sino que es posible insertarlas en cualquier punto de lapágina, y Dreamweaver se encargará de rellenar el espacio vacío, para que sea posible que la tablaaparezca en esa posición.El Modo de tablas expandidas añade temporalmente relleno y espaciado de celda a las tablas deun documento y aumenta los bordes de las tablas para facilitar la edición. Este modo se puedeutilizar para seleccionar elementos de las tablas o colocar el punto de inserción de forma precisa peroen este modo no vemos la página como quedará exactamente.En este curso nos limitaremos al modo estándar.

Unidad 7. Tablas (IV)Pag 7.4Adaptar webs a distintasresolucionesSiempre que se crea una página web hay que tener en cuenta que va a ser visitada por usuarioscon 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 losusuarios 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 quediseñar la página para dicha resolución. Es decir, habría que crear la página en un monitor con dicharesolución, para poder visualizar claramente cómo queda en el navegador, y distribuir el contenido dela 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. Cuandoel tamaño de la tabla sea definido en píxeles, la tabla se verá del mismo modo independientementedel tamaño de la ventana del navegador. En cambio, cuando el tamaño de la tabla sea definido enporcentaje, la tabla se ajustará al tamaño de la ventana del navegador, lo cual implica que elcontenido de la tabla se descuadrará.Pulsa aquí para ver una página con tablas de tamaño fijo, en píxeles. Imagina que la página hasido diseñada para visualizarse correctamente en un monitor pequeño de baja resolución, cuyotamaño equivale al de la ventana del navegador que se ha abierto.Si modificas el tamaño de la ventana, verás que las tablas son siempre del mismo tamaño. Estotiene un gran inconveniente, ya que si maximizas la ventana del navegador (lo que equivaldría avisualizar la página en un monitor grande con alta resolución), a la derecha de las tablas apareceráun gran hueco vacío.Pulsa aquí para ver una página con tablas de tamaño variable, en porcentaje.Si modificas el tamaño de la ventana, verás que las tablas se ajustan a ella. Usar tablas contamaño variable tiene también un gran inconveniente, ya que si maximizas la ventana del navegadorapreciarás claramente cómo el contenido de las tablas se descuadra.En un principio puede parecer más conveniente utilizar tablas con tamaño fijo, aunque estoimplique 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 deldescuadre de la página y así definir páginas con tamaño en porcentaje que aprovechen el anchocuando 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 lasceldas.

Para dividir una c<strong>el</strong>da hay que pulsar sobre <strong>el</strong> botónd<strong>el</strong> inspector <strong>de</strong> propieda<strong>de</strong>s, o sobre la opción Dividirc<strong>el</strong>da <strong>de</strong> la opción Tabla.En ambos casos, aparece una ventana como ésta, enla que hay que especificar si la c<strong>el</strong>da se va a dividir enfilas o columnas, y <strong>el</strong> número <strong>de</strong> éstas.Para practicar pue<strong>de</strong>s realizar <strong>el</strong> Ejercicio paso a paso Combinar c<strong>el</strong>das.Modos <strong>de</strong> tablaA la hora <strong>de</strong> trabajar con tablas <strong>Dreamweaver</strong> nos proporciona distintos modos <strong>de</strong> visualización.Nosotros hemos trabajado en todo <strong>el</strong> tema con <strong>el</strong> modo estándar, y vamos a seguir trabajando conél, pero se pue<strong>de</strong> pasar a los otros modos a través d<strong>el</strong> menú Ver opción Modo <strong>de</strong> tabla. Dentro <strong>de</strong>esta opción po<strong>de</strong>mos <strong>el</strong>egir entre Modo estándar, Modo <strong>de</strong> tablas expandidas, o modo <strong>de</strong> diseño.El Modo <strong>de</strong> diseño se utiliza para dibujar páginas con un diseño <strong>de</strong>terminado, basándose entablas. Utilizando esta vista, las tablas no han <strong>de</strong> insertarse obligatoriamente en líneas <strong>de</strong> texto,como hemos hecho hasta <strong>el</strong> momento, sino que es posible insertarlas en cualquier punto <strong>de</strong> lapágina, y <strong>Dreamweaver</strong> se encargará <strong>de</strong> r<strong>el</strong>lenar <strong>el</strong> espacio vacío, para que sea posible que la tablaaparezca en esa posición.El Modo <strong>de</strong> tablas expandidas aña<strong>de</strong> temporalmente r<strong>el</strong>leno y espaciado <strong>de</strong> c<strong>el</strong>da a las tablas <strong>de</strong>un documento y aumenta los bor<strong>de</strong>s <strong>de</strong> las tablas para facilitar la edición. Este modo se pue<strong>de</strong>utilizar para s<strong>el</strong>eccionar <strong>el</strong>ementos <strong>de</strong> las tablas o colocar <strong>el</strong> punto <strong>de</strong> inserción <strong>de</strong> forma precisa peroen este modo no vemos la página como quedará exactamente.En este curso nos limitaremos al modo estándar.

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!