Está usted en Indice > Programas > Editores > DreamWeaver > Lecciones y Paso a Paso > CREAR Y EDITAR TABLAS CON DREAMWEAVER
Construcción
Maletín
Utilidades
Cursos
Promoción
Rentabilidad
Zona Novatos
Foros
Acceso a tu cuenta

CREAR Y EDITAR TABLAS CON DREAMWEAVER

CREAR Y EDITAR TABLAS CON DREAMWEAVER

 

I.- EDITAR TABLAS EN VISTA ESTÁNDAR (Por defecto la página se abre en vista estándar)


A.- CREAR UNA TABLA

1.- Para insertar una tabla en un documento de Dreamweaver, llevar a término una de estas operaciones:

a) Situar el punto de inserción en el lugar de la ventana de documento donde se desea que aparezca la tabla - Insertar - Tabla

b) En la barra Insertar hacer clic en el botón Insertar Tabla de la ficha Común

c) Con el puntero del ratón arrastrar el botón Insertar Tabla desde la ficha Común en la barra Insertar hasta la posición deseada en la ventana de documento

2.- En estas tres operaciones aparecerá siempre el cuadro de diálogo Insertar tabla :

a) En el campo Filas, especificar el número de filas de la tabla

b) En el campo Columnas, especificar el número de columnas de la tabla

c) En el campo Relleno de celda, especificar el número de píxeles que habrá entre el contenido de la celta y el límite de ésta. El número predeterminado de relleno es 1 píxel. Introducir 0 para especificar que no se desea relleno

d) En el campo Espacio entre celdas, especificar el número de píxeles que debe haber entre las celdas de la tabla. El valor predeterminado es 2 píxeles. Introducir 0 para especificar que no se desea espaciado

e) En el campo Ancho, especificar el ancho de la tabla como porcentaje de la ventana del navegador o como un número de píxeles

f) En el campo Borde, especificar el ancho en píxeles del borde de la tabla. Poner 0 si no se desea que la tabla tenga borde

g) Aceptar

B.- MODIFICAR UNA TABLA

1.- Añadir filas y columnas

a) Hacer clic en el lugar en el que se quiere insertar una fila o una columna

b) Modificar - Tabla - Insertar filas o columnas

c) Aparece el cuadro de diálogo Insertar filas o columnas

d) Añadir un número de filas o columnas

2.- Eliminar filas y columnas

a) Hacer clic en una celda de la fila o columna que se desea eliminar

b) Elegir una de estas opciones:

Para eliminar una fila: Modificar - Tabla - Eliminar fila o Hacer clic con el botón de la derecha del ratón - Aparece el menú contextual - Tabla - Eliminar fila

Para eliminar una columna: Modificar - Tabla - Eliminar columna o Hacer clic con el botón de la derecha del ratón - Aparece el menú contextual - Tabla - Eliminar columna

3.- Combinar y dividir celdas

a) Para combinar dos celdas:

Se seleccionan con el puntero del ratón las dos celdas que se quieren combinar

Modificar - Tabla - Combinar celdas

b) Para dividir una celda o columna sencilla

Hacer clic en la celda que se quiere dividir

En el inspector de Propiedades hacer clic en el botón Dividir celda

Aparece el cuadro de diálogo Dividir celda

o En el campo Dividir especificar si la celda se divide en filas o columnas

o En los campos Número de filas o Número de columnas especificar en cuántas filas o columnas se dividirá la celda

o Aceptar

4.- Para combinar el alto de fila y el alto de tabla: Se mueve el puntero del ratón a lo largo del borde inferior de la tabla hasta que adopte la forma de selector de borde. Puede utilizarse este método para cambiar el alto de otras filas de la tabla

5.- Para cambiar el ancho de columna y el ancho de tabla.- Se mueve el puntero del ratón a lo largo de un borde de columna hasta que adopte la forma de selector de borde y se arrastra hacia la izquierda o hacia la derecha para cambiar el ancho de una columna. De forma similar se puede cambiar el ancho de toda la tabla

6.- Anidar tablas

a)Una tabla anidada es una tabla que está dentro de otra tabla

b) Para anidar una tabla en una celda de otra tabla, llevar a cabo una de estas operaciones:

Hacer clic en la celda donde se desea que aparezca la segunda tabla - Insertar- Tabla

Arrastrar el botón Insertar tabla de la categoría Común, que se encuentra en la barra Insertar, hasta la celda donde se desea insertar la segunda tabla

7.- Cortar o copiar y pegar celdas

a) Seleccionar una o más celdas de la tabla

b) Edición - Cortar o Copiar

c) Elegir con el puntero del ratón el lugar donde se desean pegar las celdas

d) Edición- Pegar


C.- SELECCIONAR ELEMENTOS DE UNA TABLA

1.- Seleccionar toda la tabla. Llevar a cabo una de estas operaciones:

Hacer clic en la esquina superior izquierda de la tabla o en cualquier punto del borde derecho o inferior

Hacer clic en la tabla - Modificar - Tabla - Seleccionar tabla

Hacer clic en la tabla - Edición - Seleccionar todo

Hacer clic en la tabla con el botón derecho del ratón - Aparece el menú contextual - Tabla - Seleccionar tabla

2.- Seleccionar filas o columnas. Llevar a cabo una de estas operaciones:

Situar el punto de inserción en el margen izquierdo de una fila o en la parte superior de una columna - Hacer clic cuando aparezca la flecha de selección

Hacer clic en una celda y arrastrar el puntero del ratón en horizontal para seleccionar filas o en vertical para seleccionar columnas

3.- Seleccionar una o varias celdas. Llevar a cabo una de estas operaciones:

Hacer clic en una celda y arrastrar el puntero del ratón en horizontal o en vertical hasta otra celda

Hacer clic en una celda - Presionar la tecla Mayús y hacer clic en otra celda. Todas las celdas de la región rectangular quedarán seleccionadas

4.- Seleccionar un conjunto de celdas no contiguas.

Presionar la tecla Control

Hacer clic en las celdas que se quiere seleccionar

D.- CONFIGURAR LAS PROPIEDADES DE TABLAS Y CELDAS CON EL INSPECTOR DE PROPIEDADES

1.- Propiedades de tablas

a) Seleccionar la tabla

b) Si el inspector no está visible: Ventana - Propiedades - Aparece el inspector de propiedades de tablas

c) En el campo Tabla del inspector introducir un nombre para la tabla

d) En los campos Filas y Cols, especificar el número de filas y columnas de la tabla

e) En los campos An y Al, especificar el ancho y el alto de la tabla

f) Utilizar el campo Alinear para especificar cómo debe alinearse una tabla: izquierda, centro, derecha

g) En el campo Borde, especificar el ancho del borde de la tabla

h) Para seleccionar un color de borde para toda la tabla:

Seleccionar toda la tabla

Hacer clic en el campo Col. borde

Elegir un color en el selector de colores desplegable

i) Para establecer el color de fondo de la tabla

Seleccionar toda la tabla

Hacer clic en el campo Col. fondo

Elegir un color en el selector de colores desplegable

j) Para establecer la imagen de fondo de la tabla

Seleccionar toda la tabla

Hacer clic en el icono de carpeta Buscar el archivo

Buscar y seleccionar el archivo de imagen

Aceptar - Sale un cuadro de mensaje - Aceptar

2.- Propiedades de celdas, columnas y filas

a) En el campo Rell. Celda del inspector de propiedades, especificar el número de píxeles que habrá entre el contenido de la celda y el límite de ésta

b) En el campo Esp. celda, especificar el número de píxeles que debe haber entre las celdas de la tabla

c) Para alinear horizontalmente el contenido de la celda

Hacer clic en la celda de la tabla en la que se quiere poner un contenido (texto o/e imagen)

Utilizar el menú emergente horiz.. para configurar la alineación horizontal

Seleccionar: izquierda, centro, derecha

Escribir un texto o/e insertar imagen

d) Para alinear verticalmente el contenido de la celda

Hacer clic en la celda de la tabla en la que se quiere poner un contenido

Escribir texto o/e insertar imagen

e) Para determinar el ancho y el alto en píxeles o en porcentajes de las celdas

Seleccionar la celda

En los campos An y Al, especificar el ancho y el alto de la celda

f) Para definir una imagen de fondo para una celda, columna o fila

Seleccionar celda, columna o fila

Utilizar el campo Fnd.

Hacer clic en el icono de carpeta para buscar y seleccionar una imagen

Aceptar

D.- AÑADIR CONTENIDO A UNA CELDA.- A las celdas de la tabla se pueden añadir texto e imagen

1.- Añadir texto a una celda

a) Hacer clic en la celda en la que se desea añadir texto

b) Llevar a cabo una de estas operaciones:

Escribir el texto en la celda seleccionada. La celda aumentará de tamaño automáticamente a medida que se escriba

Pegar el texto copiado de otro documento

c) Para moverse entre las celdas

Para pasar a la celda siguiente presionar la tecla Tab

Para volver a la celda anterior presionar Mayús+Tab

También se pueden usar las teclas de flecha para moverse entre las celdas

Si se presiona la tecla Tab en la última celda de la tabla, se añadirá automáticamente una fila a la tabla

2.- Añadir una imagen a una celda

a) Hacer clic en la celda en la que se desea añadir la imagen

b) Para insertar la imagen, llevar a cabo una de estas operaciones:

Insertar - Imagen - Sale el cuadro «Seleccionar origen de imagen» - Buscar y seleccionar en «Buscar en:» el archivo de imagen - Si el archivo seleccionado no está en la carpeta del sitio actual, se presentará un cuadro de mensaje preguntando si se quiere copiar el archivo de imagen en el sitio. Si se contesta sí, aparece el cuadro de diálogo Guardar para confirmar nombre y carpeta del sitio donde guardar el archivo. Al pulsar Guardar se guarda el archivo y se guarda la imagen en la tabla. Aceptar

En la barra Insertar hacer clic en el botón Insertar imagen de la ficha Común - Seleccionar y buscar el archivo de imagen - Sale el mismo cuadro de mensaje - Hacer lo mismo que se ha hecho anteriormente - Aceptar

II.- DIBUJAR CELDAS Y TABLAS EN VISTA DE DISPOSICIÓN

A.- CAMBIAR DE VISTA ESTÁNDAR A VISTA DE DISPOSICIÓN: Hacer clic en la ficha Disposición, que se encuentra en la barra Insertar - Aparece el cuadro de mensaje de «Introducción a la vista de Disposición» - Aceptar

B.- DIBUJAR UNA TABLA O CELDA DE DISPOSICIÓN

1.- Hacer clic en el botón Dibujar tabla de disposición o en el botón Dibujar celda de disposición - El puntero del ratón se convierte en un signo más (+)

2.- Situar el puntero del ratón en la ventana y, a continuación. Hacer clic y arrastrar el ratón para crear la tabla o celda de disposición. Para crear varias tablas o celdas sin necesidad de hacer clic repetidamente en el botón de tabla o celda de disposición, mantener pulsada la tecla Control mientras se van creando las tablas o celdas donde se desee

C.- DIBUJAR UNA TABLA DE DISPOSICIÓN ALREDEDOR DE TABLAS O CELDAS EXISTENTES

1.- Situarse en la vista de Disposición

2.- En la barra Insertar hacer clic en la ficha Disposición

3.- Hacer clic en el botón Dibujar tabla de disposición

4.- El puntero del ratón se convertirá en un signo más (+)

5.- Hacer clic y arrastrar el ratón alrededor de las celdas o tablas de Disposición

D.- DIBUJAR UNA TABLA ANIDADA

1.- Situarse en la vista Disposición

2.- En la barra Insertar hacer clic en la ficha Disposición

3.- Hacer clic en el botón Dibujar tabla de disposición

4.- El puntero del ratón se convertirá en un signo más (+)

5.- Situar el puntero del ratón dentro del espacio gris de una tabla de disposición existente y, a continuación, hacer clic y arrastrar el ratón para crear la tabla de disposición anidada

E.- PARA USAR LA CUADRÍCULA EN LA VENTANA DE DOCUMENTO

1.- Se puede usar la cuadrícula de Dreamweaver como guía al dibujar la tabla de disposición

2.- Para mostrar u ocultar la cuadrícula llevar a cabo una de estas operaciones:

a) Ver - Cuadrícula - Mostrar cuadrícula - Ajustar a cuadrícula , si se quiere activar el ajuste de la tabla a la cuadrícula

b) En la barra de herramientas Documento hacer clic en el último botón de la derecha Ver opciones - En el menú desplegable seleccionar Cuadrícula

3.- Para cambiar la configuración de la cuadrícula: Ver - Cuadrícula - Configuración de la cuadrícula - En el cuadro de diálogo Configuración de la cuadrícula, marcar las opciones deseadas - Aceptar

F.- INTRODUCIR CONTENIDO EN LAS CELDAS DE DISPOSICIÓN.- En la vista de Disposición se pueden añadir textos, imágenes, películas de Flash, vídeos y otros elementos a la celdas de disposición de la misma forma que en la vista normal o estándar de Dreamweaver

1.- Para añadir texto a una celda

a) Hacer clic en la celda de disposición donde se quiere añadir el contenido

b) Escribir el texto en la celda. La celda aumentará automáticamente de tamaño a medida que se escribe el texto

2.- Para insertar una imagen a una celda.- Llevar a cabo una de estas operaciones

a) Insertar - Imagen - En el cuadro de diálogo Seleccionar imagen, buscar y seleccionar un archivo de imagen - Aceptar

b) En la barra Insertar hacer clic en el botón Insertar imagen de la ficha Común (Cfr. O5.- DXM - INSERTAR IMÁGENES, PELÍCULAS FLASH Y VÍDEOS)

3.- Para insertar película de Flash o video, llevar a cabo las operaciones para Añadir una imagen a una celda (Cfr. 05. INSERTAR IMÁGENES, PELÍCULAS FLASH Y VÍDEOS)

G.- CAMBIAR EL TAMAÑO DE CELDAS Y TABLAS DE DISPOSICIÓN

1.- Cambiar el tamaño de una celda de disposición

a) Hacer clic en el borde de la celda o mantener pulsada la tecla Control y hacer clic en cualquier punto de la celda

b) Utilizar los manejadores de selección para arrastrar la celda hasta obtener el tamaño deseado

2.- Cambiar el tamaño de una tabla

a) Hacer clic en el borde de la tabla

b) Utilizar los manejadores de selección para arrastrar la tabla hasta obtener el tamaño deseado

H.- MOVER UNA CELDA DE DISPOSICIÓN,- Hacer clic en el borde de la celda y arrastrar o utilizar las teclas de flecha para mover la celda hasta el lugar del documento que se desee. La tecla se mueve de píxel en píxel; si se mantiene presionada la tecla Mayús., se moverá de 10 en 10 píxeles

I.- MODIFICAR UNA TABLA DE DISPOSICIÓN CON EL INSPECTOR DE PROPIEDADES (Seguir los pasos del apartado I.D.- «CONFIGURAR LAS PROPIEDADES DE TABLAS Y CELDAS CON EL INSPECTOR DE PROPIEDADES»)

1.- Establecer la altura y la anchura de una tabla de disposición

2.- Establecer el relleno de celda y espaciado de una tabla de disposición

3.- Establecer un color de fondo

J.- MODIFICAR UNA CELDA DE DISPOSICIÓN CON EL INSPECTOR DE PROPIEDADES (Seguir los pasos del apartado I.D.- «CONFIGURAR LAS PROPIEDADES DE TABLAS Y CELDAS CON EL INSPECTOR DE PROPIEDADES»)

1.- Establecer la altura y anchura de una celda de disposición

2.- Establecer un color de fondo

3.- Establecer la alineación

 



Usuarios que han visto este tema también han visto...

- Conexión FTP desde DreamWeaver
- Crear un menu desplegable en DreamWeaver
- Tablas en DreamWeaver
- Aprende a dejar preparado el dreamweaver para tu nuevo sitio web.
- Redireccionar a otra página - Actualizar página automáticamente en DreamWeaver


Versión imprimible - Versión imprimible de este documento
Enviar e-mail - Enviar por e-mail este documento
Publicidad






Publicidad








Información legal | Política de Privacidad | Contacte con nosotros

Otro proyecto de Factoría de Internet. Copyright© 2003-2011 Factoría de Internet S.L.. Todos los derechos reservados.


Página generada el 20-01-2017 a las 06:40:15