MANUAL DE DREAMWEAVER CS4 CONTINUACIN DEL CURSO CAPITULO 5

Lcda. Mnica Gonzlez R.

Capitulo 5 LAS TABLAS

Las tablas sirven para organizar datos e imgenes en un archivo HTML. Consisten de tres elementos bsicos: filas, columnas y celdas (que surgen de la interseccin de una fila con columna). Para crear una tabla debemos hacer clic sobre el botn Insertar tabla (Insert Table) de la paleta de Objetos. Se abrir un cuadro de dilogo que nos preguntar cuntas filas y cuantas columnas tendr nuestra tabla, qu ancho tendr y si tendr borde.

El Cellpading: especifica la cantidad de pixels entre la celda y el borde de la celda. El Cellspacing: especifica la cantidad de pixels entre celda y celda. Las tablas se hacen en principio con las medidas en porcentaje pero si luego queremos que el usuario al achicar su navegador, ste no intente redimensionar la tabla al nuevo tamao, lo que debemos hacer es convertir las medidas de porcentaje a pixels. Esto se hace con la tabla seleccionada desde el inspector de propiedades. Hay un icono con la sigla Px que permite convertir las medidas de tabla a pixels. Podemos importar en Dreamweaver como una tabla, datos creados y con otra aplicacin como Microsoft Excel. Para ello debemos hacer click sobre el botn Insertar datos tabulados (Insert tabular data) de la paleta de objetos. Se abrir un cuadro de dilogo que nos pedir que le indiquemos la ubicacin del archivo. En el campo Delimitador debemos indicarle el tipo de delimitador con que fue guardado el archivo que estamos importando (coma, punto y coma, etc.). Luego debemos ingresar un ancho de tabla : Ajustar a los datos (Fit to data): Para que adopte el ancho de acuerdo al valor mas largo de nuestro archivo. Fijar (Set) : Para fijar el ancho de la tabla en porcentaje con respecto a la ventana del navegador o en pixels. Luego seleccionamos las opciones de formato de la tabla (borde,itlica, negrita, espaciado de celdas) y oprimimos OK para importar.

Capas (Layers)
Una capa es un contenedor que se puede posicionar en cualquier parte de la pgina Web. Las capas o layers pueden contener texto, imgenes, formularios, plug-ins y hasta otras capas. Las capas proporcionan al diseador un control exacto del posicionamiento de los objetos en las pginas Web. Incluso es posible colocar capas por delante de otras y hasta animarlas.

Lcda. Mnica Gonzlez R.

Dreamweaver puede crear dos tipos de capas:

Capas CSS: Posicionan texto en una pgina utilizando las etiquetas DIV y SPAN. Las especificaciones de las capas CSS son definidas por el World Wide Web Consortium's Positioning HTML Elements with Cascading Style Sheets. Este tipo de capas es soportado por los dos navegadores IE 4 y Netscape 4. Capas Netscape: Posicionan el contenido en una pgina utilizando la etiqueta de Netscape LAYER y lLAHYER. Solo el Netscape soporta capas creadas de esta forma. Los navegadores anteriores mostrarn el contenido de las capas pero no lo posicionarn. Lo que conviene hacer para no perder compatibilidad con navegadores anteriores es trabajar con capas y una vez que tenemos todos los elementos posicionados, utilizar la opcin Convertir layers a men Modificar (Modify).

Puntos de fijacin (Anclas o Anchor)

Para colocar un enlace a otro punto de la misma pgina debemos primero colocar un ancla en el punto de destino del vnculo. Para ello, ubicamos el cursor en el punto de la pgina adonde deseamos crear una referencia y vamos a Insertar/Ancla con nombre (Insert/Named Anchor). Introducimos un nombre que represente esta ubicacin en la pgina. Podemos asignar cualquier nombre, pero es recomendable escoger uno que sea fcil de recordar cuando se asigne el vnculo que navegar a esta ubicacin. De esta forma se introduce un punto de fijacin, representado por un pequeo icono con un ancla. Este icono no se ver luego al visualizar la pgina en un explorador . Si aparece un cartel de advertencia es porque usted tiene seteado su programa para no mostrar elementos invisibles. Para mostrarlos y poder ver el ancla, deber ir a Ver/Elementos invisibles (View/Invisible Elements). Una vez creado el ancla podr linkear a ella desde cualquier otro punto de la pgina (texto o grfico ). Para hacer el vnculo deberemos tipear en el campo Vnculo (Link) el smbolo numeral seguido del nombre del ancla al que queremos linkear. Por ejemplo #textol. Si desea poner un vnculo aun punto de fijacin que se encuentra en otra pgina, lo que deber hacer es escribir # y el nombre del ancla luego del nombre de la pgina adnde se encuentra dicho ancla. Por ej. : prueba.html#ancla.

Lcda. Mnica Gonzlez R.