TRABAJO

TEMA: TEXTO, HIPERVINCULO, IMÁGENES Y TABLAS EN DREAMWEAVER

YERLIS YULIS URREA GONZALEZ

11°

PRESENTADO AL LICENCIADA YENIFER HENRIQUEZ CARCAMO EN EL

AREA DEINFORMATICA Y TECNOLOGIA

INSTITUCION EDUCATIVA PLACIDO RETAMOZA

FECHA: 19/06/2020

SAN JACINTO DEL

CAUCA-BOLIVAR

2020
  INTRODUCCION

Las tablas constituyen una herramienta muy eficaz para presentar datos de tabla y establecer el diseño
de texto y gráficos en una página HTML. Una tabla consta de una o varias filas, cada una de las cuales
consta, a su vez, de una o más celdas. Aunque las columnas no suelen especificarse explícitamente en el
código HTML, Dreamweaver permite manipular tanto columnas como filas y celdas.
Dreamweaver muestra el ancho de la tabla y de cada columna cuando se selecciona una tabla o cuando
el punto de inserción está en ella. Junto a los anchos se encuentran flechas para el menú de encabezado
de la tabla y los menús de encabezado de las columnas. Utilice los menús para acceder rápidamente a
comandos relacionados con tablas. Puede activar o desactivar los anchos y los menús.
Si no ve el ancho de una columna o de una tabla, esta tabla o columna no tiene un ancho especificado en
el código HTML. Si aparecen dos números, el ancho visual que aparece en la vista de diseño no
coincide con el ancho especificado en el código HTML. Esto puede ocurrir al cambiar el tamaño de una
tabla arrastrando la esquina inferior derecha o al añadir contenido a la celda cuyo ancho es superior al
establecido. En el cuadro de diálogo Dividir celda, especifique cómo desea dividir la celda:
Dividir celda en específica si la celda debe dividirse en filas o en columnas.
Número de filas/Número de columnas. Especifica el número de filas o de columnas en que debe
dividirse la celda. Un rellover es una imagen que cambia por otra cuando el puntero se sitúa sobre ella. Este tipo
de imagen suele utilizarse en los menús o en los botones para desplazarnos a través de distintas páginas.
  OBJETIVOS

GENERAL: investigar acerca de las tablas, botones de flash, rellover y los elementos de multimedia de
Dreamweaver.

ESPECIFICOS:

 Conocer como rellenar una tabla con elemento en una celda, ya sea texto o imágenes, simplemente
hay que situar el cursor previamente dentro de la celda deseada.

 Reconocer como puedes cambiar el tamaño de una tabla completa o de filas y columnas
individuales.

 Distinguir un rellover que es una imagen que cambia por otra cuando el puntero se sitúa sobre
ella.
  JUSTIFICACIÓN

Este trabajo tiene como finalidad conocer y aplicar las diferentes técnicas en Dreamweaver como lo son
Como rellenar celdas en una tabla de Dreamweaver, Como cambiar el tamaño de una tabla en
Dreamweaver, Como eliminar y dividir celdas en una tabla de Dreamweaver, Que son los botones flash
y como se insertan en DW.
Dreamweaver muestra el ancho de la tabla y de cada columna cuando se selecciona una tabla o cuando
el punto de inserción está en ella. Junto a los anchos se encuentran flechas para el menú de encabezado
de la tabla y los menús de encabezado de las columnas. Utilice los menús para acceder rápidamente a
comandos relacionados con tablas. Puede activar o desactivar los anchos y los menús. Si queremos
incluir un título, lo indicamos en Texto, el título aparecerá fuera de la tabla.
En alinear texto indicamos dónde queremos alinear el título con respecto a la tabla.
En Resumen: indicamos una descripción de la tabla, los lectores de pantalla leen el texto del resumen
pero dicho texto no aparece en el navegador del usuario. En ocasiones, los anchos de columna de tabla
establecidos en código HTML no coinciden con los anchos que aparecen en la pantalla. Cuando esto
sucede, puede hacer que los anchos coincidan. Los anchos y los menús de encabezado de las tablas y
columnas se muestran en Dreamweaver para ayudarle a diseñar las tablas, y puede activarlos y
desactivarlos según sea necesario. El Texto alternativo es el texto que aparece al situar el puntero sobre
una imagen, o el que aparecerá en lugar de la imagen en el caso de que por algún motivo ésta no pueda
ser mostrada en el navegador.
Taller de investigación.
Este taller de investigación debe realizarse en Word con todas las normas de Icontec. Introducción,
objetivos, justificación, conclusión, bibliografía, anexos.

1. Como rellenar celdas en una tabla de Dreamweaver:

Relleno de celda: Indica la distancia entre el contenido de las celdas y los bordes de éstas.
Espacio entre celdas indica la distancia entre las celdas de la tabla. También se puede establecer
si se quiere un encabezado para la tabla es recomendable utilizar encabezados en el caso de que
los usuarios utilicen lectores de pantalla. Los lectores de pantalla leen los encabezados de tabla y
ayudan a los usuarios de los mismos a mantener un seguimiento de la información de la tabla.
Si queremos incluir un título, lo indicamos en Texto, el título aparecerá fuera de la tabla.
En alinear texto indicamos dónde queremos alinear el título con respecto a la tabla.
En Resumen: indicamos una descripción de la tabla, los lectores de pantalla leen el texto del
resumen pero dicho texto no aparece en el navegador del usuario.

Rellenar las celdas: Las celdas son cada uno de los recuadros que forman una tabla, resultan de
la intersección entre una fila y una columna. Para poder insertar algún elemento en una celda, ya
sea texto o imágenes, simplemente hay que situar el cursor previamente dentro de la celda
deseada.

2. Como cambiar el tamaño de una tabla en Dreamweaver:

Cambio del tamaño de tablas
Puede cambiar el tamaño de una tabla completa o de filas y columnas individuales. Al cambiar el
tamaño de toda la tabla, el tamaño de todas sus celdas cambiará proporcionalmente. Si el alto y
el ancho de las celdas de una tabla están explícitamente especificados, al cambiar el tamaño de la
tabla también lo hará el tamaño visual de las celdas en la ventana de documento, aunque no el
alto y el ancho especificado para las celdas.
Puede cambiar el tamaño de una tabla arrastrando uno de sus manejadores de selección.
Dreamweaver muestra el ancho de la tabla junto con un menú de encabezado de tabla en la parte
superior o inferior de la tabla cuando esta se selecciona o el punto de inserción está en ella.
En ocasiones, los anchos de columna de tabla establecidos en código HTML no coinciden con
los anchos que aparecen en la pantalla. Cuando esto sucede, puede hacer que los anchos
coincidan. Los anchos y los menús de encabezado de las tablas y columnas se muestran en
Dreamweaver para ayudarle a diseñar las tablas, y puede activarlos y desactivarlos según sea
necesario.
 3. Como eliminar y dividir celdas en una tabla de Dreamweaver:
Eliminación de una fila o columna en una tabla
Siga uno de estos procedimientos:
 Haga clic en una celda dentro de la fila o de la columna que desea eliminar y, a continuación,
seleccione Editar > Tabla > Eliminar fila, o bien Editar > Tabla > Eliminar columna.
 Seleccione una fila o columna completa y, a continuación, pulse Eliminar.
 En el inspector de propiedades (Ventana > Propiedades), siga uno de estos procedimientos:
 Para añadir o eliminar filas, aumente o reduzca el valor de Filas.
 Para añadir o eliminar columnas, aumente o reduzca el valor de Cols.
Nota:
Dreamweaver no advertirá de que las filas o las columnas que desea eliminar contienen datos.
Combinación de dos o más celdas en una tabla
1. Seleccione las celdas en una línea contigua y en forma de un rectángulo.
En la siguiente ilustración, la selección es un rectángulo de celdas, por lo que éstas se pueden combinar.

División de una celda

1. Haga clic en la celda y siga uno de estos procedimientos:

o Seleccione Editar > Tabla > Dividir celda.
o En el inspector de propiedades HTML expandido (Ventana > Propiedades), haga clic en
Dividir celda.
En el cuadro de diálogo Dividir celda, especifique cómo desea dividir la celda:
Dividir celda en Específica si la celda debe dividirse en filas o en columnas.
Número de filas/Número de columnas. Especifica el número de filas o de columnas en que debe
dividirse la celda.

4. Que son los botones flash y como se insertan en DW:

Este objeto del panel, permite personalizar e insertar un conjunto de botones Flash prediseñados.
Se recomienda guardar el documento antes de hacer la inserción.
Para insertar un botón Flash:
Mientras se encuentra en la vista de Diseño de la ventana de documento, seleccione Insertar
botón Flash en el panel Objetos o elija Insertar > Imágenes interactivas > Botón Flash. También
puede arrastrar el icono de botón Flash sobre la ventana de documento.
Aparecerá el cuadro de diálogo Insertar
botón Flash.
2. Seleccione el estilo de botón que desee en la lista Estilo. Verá un ejemplo del botón en el campo
Muestra. 
3. En el campo Texto del botón (opcional), escriba el texto que desea mostrar. Por ejemplo,
escriba Presione aquí. Este campo sólo acepta cambios si el botón seleccionado tiene un
parámetro {Button Text} definido. Esto se puede observar en el campo Muestra. El texto que
escriba reemplazará {Button Text} cuando previsualice el archivo.
4. En el campo Fuente, especifique un tamaño de fuente y seleccione la fuente que desea utilizar
del menú emergente. 
5. En el campo Vínculo (opcional), introduzca un vínculo absoluto o relativo al documento para el
botón. No se admiten vínculos relativos al sitio porque los navegadores no los reconocen en las
películas Flash. Si utiliza un vínculo relativo al documento, guarde el archivo SWF en el mismo
directorio que el archivo HTML para garantizar el correcto funcionamiento del botón.
6. En el campo Destino (opcional), especifique un marco o una ventana de destino para cargar el
vínculo del botón Flash. 
7. En el campo Color fondo (opcional), establezca el color del fondo para el botón Flash. Utilice el
selector de colores o escriba un valor hexadecimal para la Web (como #FFFFFF).
8. En el campo Guardar como, introduzca un nombre de archivo para guardar el nuevo archivo
SWF. Puede utilizar el nombre de archivo predeterminado (por ejemplo, button1.swf) o escribir
uno nuevo.
9. Haga clic en Obtener más estilos para pasar al sitio Macromedia Exchange y descargar más
estilos de botón. 
10. Haga clic en Aplicar o Aceptar para insertar el botón Flash en la ventana de documento.
Para modificar un Botón Flash pre-diseñado ya insertado haga doble clíck sobre el botón y
aparecerá el cuadro de diálogo Insertar Botón Flash, luego haga las modificaciones que quiera.

5. Que es Rellover.
Un rellover es una imagen que cambia por otra cuando el puntero se sitúa sobre ella. Este tipo de
imagen suele utilizarse en los menús o en los botones para desplazarnos a través de distintas páginas.
Para insertar un rellover hay que dirigirse al menú Insertar, Objetos de Imagen, a la opción Imagen

de sustitución. En la nueva ventana hay que especificar la imagen original y la de sustitución.

Es preferible que la opción Carga previa de imagen de sustitución esté activa. Si se activa, la imagen de

sustitución se carga cuando se carga la página, de este modo se evitan las demoras debidas a la descarga
de la imagen cuando llega el momento de que aparezca.
El Texto alternativo es el texto que aparece al situar el puntero sobre una imagen, o el que aparecerá en
lugar de la imagen en el caso de que por algún motivo ésta no pueda ser mostrada en el navegador.
El texto alternativo puede asignarse a todas las imágenes, no sólo a los rellovers. Puede hacerse a través
del campo Alt del inspector de propiedades de la imagen seleccionada.

6. Como insertar elementos multimedia (flash, videos, sonidos).

Vamos a ver cómo insertar elementos multimedia. En concreto, veremos cómo insertar una animación

Flash, un sonido y un vídeo.

Las películas Flash son animaciones, que al igual que los botones y el texto Flash, tienen la
extensión SWF. Es frecuente verlas en las páginas iniciales de los sitios web, a modo de presentación
hacia los usuarios, aunque se pueden utilizar para realizar cualquier tipo de animación.
Estas películas pueden crearse mediante el programa Flash de Macromedía, y necesitan que el usuario
tenga instalado el plug-in para poder ser visualizadas.

Las películas Flash pueden insertarse en una página a través del menú Insertar, Media, opción Flash,

o pulsando Ctrl+Alt+F.
También pueden insertarse pulsando sobre la opción  Flash que aparece en la pestaña Común del
panel Insertar, botón Media.
 Sonido  
No es muy habitual incluir sonido en una página web, ya que algunos usuarios suelen estar escuchando
su propia música cuando navegan en Internet, por lo que el escuchar también sonido en cada página que
se visita puede resultar algo molesto.
A pesar de ello, el incluir un sonido agradable, apropiado al contenido de la página, puede hacerla más
atractiva. Muchas de las páginas que contienen sonido suelen ofrecer la posibilidad de activarlo o
desactivarlo, para que aquellos usuarios que no deseen escuchar el sonido de la página puedan
desactivarlo.
Los formatos de sonido más habituales en Internet son, fundamentalmente, el MP3, el WAV y en
algunas ocasiones el MIDI, aunque existen otros formatos diferentes que también pueden utilizarse. Lo
ideal es incluir algún archivo de audio que no ocupe mucho espacio, y que no por ello sea de mala
calidad.
Para insertar un archivo de audio en un documento tienes que dirigirte al menú Insertar, Medía,
opción Plug-in.
En Dreamweaver no se mostrarán los controles de audio. Todos los archivos que son insertados como
plug-in aparecen representadas dentro de Dreamweaver por una imagen como la de la izquierda.

 CONCLUSION
En conclusión podemos decir que al Relleno de celda: Indica la distancia entre el contenido de las celdas y
los bordes de éstas. Espacio entre celdas indica la distancia entre las celdas de la tabla. Cambio del
tamaño de tablas Puede cambiar el tamaño de una tabla completa o de filas y columnas individuales. Al
cambiar el tamaño de toda la tabla, el tamaño de todas sus celdas cambiará proporcionalmente. Si el alto
y el ancho de las celdas de una tabla están explícitamente especificados, al cambiar el tamaño de la tabla
también lo hará el tamaño visual de las celdas en la ventana de documento, aunque no el alto y el ancho
especificado para las celdas. Es preferible que la opción Carga previa de imagen de sustitución esté activa.
Si se activa, la imagen de sustitución se carga cuando se carga la página, de este modo se evitan las demoras
debidas a la descarga de la imagen cuando llega el momento de que aparezca. A pesar de ello, el incluir un sonido
agradable, apropiado al contenido de la página, puede hacerla más atractiva. Muchas de las páginas que contienen
sonido suelen ofrecer la posibilidad de activarlo o desactivarlo, para que aquellos usuarios que no deseen
escuchar el sonido de la página puedan desactivarlo.

 BIBLIOGRAFIAS:
 https://www.aulaclic.es/dreamweaver8/t_10_1.htm
 https://www.google.com/search?q=Como+insertar+elementos+multimedia+(flash
%2C+videos%2C+sonidos).
+dreanweaver&rlz=1C1EQUG_enCO803CO803&oq=Como+insertar+elementos+multime
dia+(flash%2C+videos%2C+sonidos).
+dreanweaver&aqs=chrome..69i57.9300j0j4&sourceid=chrome&ie=UTF-8
 https://sites.google.com/site/magyintriago/home/5-como-insertar-objetos/4-boton-flash
 https://es.slideshare.net/Jomicast/dreamweaver-8-72999594
 ANEXOS:
 CONCLUSION
En conclusión podemos decir que al Relleno de celda: Indica la distancia entre el contenido de las celdas y
los bordes de éstas. Espacio entre celdas indica la distancia entre las celdas de la tabla. Cambio del
tamaño de tablas Puede cambiar el tamaño de una tabla completa o de filas y columnas individuales. Al
cambiar el tamaño de toda la tabla, el tamaño de todas sus celdas cambiará proporcionalmente. Si el alto
y el ancho de las celdas de una tabla están explícitamente especificados, al cambiar el tamaño de la tabla
también lo hará el tamaño visual de las celdas en la ventana de documento, aunque no el alto y el ancho
especificado para las celdas. Es preferible que la opción Carga previa de imagen de sustitución esté activa.
Si se activa, la imagen de sustitución se carga cuando se carga la página, de este modo se evitan las demoras
debidas a la descarga de la imagen cuando llega el momento de que aparezca. A pesar de ello, el incluir un sonido
agradable, apropiado al contenido de la página, puede hacerla más atractiva. Muchas de las páginas que contienen
sonido suelen ofrecer la posibilidad de activarlo o desactivarlo, para que aquellos usuarios que no deseen
escuchar el sonido de la página puedan desactivarlo.