PRONTUARIO PARA EL USO DEL DREAMWEAVER MX 2004 (Tercera Parte)

13) INSERTAR UN BOTÓN FLASH:

También se coloca una capa, según lo explicado en el primer paso del punto anterior.

Ahora solo debes dar clic en el menú Insertar, seleccionar Media y dar clic en Botón Flash.

Se abre una ventana llamada Insertar Botón Flash, donde deberás seleccionar el estilo del
botón en Estilo, observa que en la parte de arriba aparece la opción Muestra que cambia
cada vez que te mueves en los diferentes estilos de botones.

Debes colocar el titulo al botón en Texto del botón, podrás entonces seleccionar el tipo de
Fuente y el Tamaño de la misma, y dar clic en Aceptar.

Para guardar el botón flash en la carpeta correspondiente, localiza el apartado de Guardar
como: que ya tendrá un nombre para el botón dado por default y haz clic en la carpeta de
Examinar, se abrirá la ventana Seleccionar archivo, localiza la carpeta de botones,
seleccionada y da clic en Guardar.

Ahora solo cuida que la capa se ajuste al botón, graba tu página y visualízala en el Internet
Explorer.

14) COLOCAR UNA BARRA DE DESPLAZAMIENTO VERTICAL EN EL MARCO DE LOS

BOTONES:

Esto es si tienes tantos botones que se requiera desplazarte hacia abajo y arriba. Primero
coloca el cursor en el marco respectivo.

Procede a seleccionar el marco presionando la tecla Alt y la tecla cursora de flecha hacia
arriba.

El marco quedará seleccionado apareciendo una línea punteada alrededor del mismo.

Hecho lo anterior, abajo en Propiedades localiza la opción Desplaz. donde deberás
seleccionar la opción Sí, apareciendo automáticamente la barra de desplazamiento vertical
en el marco seleccionado.

Graba tu trabajo antes de visualizarlo en el Internet Explorer.

15) ESTABLECER EL VÍNCULO ENTRE UN BOTON WEB DE LA PÁGINA PRINCIPAL Y

OTRA PÁGINA:

Primero debes crear la página que vas a enlazar o vincular.

Ahora solo tienes que seleccionar el titulo o el botón que se va a enlazar y abajo en
Propiedades, buscar la opción Vínculo y dar clic en la pequeña carpeta, se abrirá la
ventana Seleccionar Archivo podrás ahora seleccionar la pagina con la que vas a enlazar el
botón y das clic en Aceptar. El botón debe aparecer con el título subrayado.

Ahora ubica la opción Destino y selecciona _blank cuando quieras que se abra en una
página nueva o completa, o bien mainFrame cuando quieras que se muestre en el cuadrante
principal de tu página Web.

Si quieres quitar el subrayado al titulo de los botones, solo debes colocar el cursor en el
marco de los botones y dar clic abajo en Propiedades de la página, se abrirá una ventana
llamada así, que tiene dos apartados, a la izquierda en Categorías, haz clic en Vínculos y a
la derecha localiza la opción Estilo subrayado y selecciona Nunca subrayar, da clic en
Aceptar.

Recuerda siempre guardar los cambios para poder visualizarlos en el Internet Explorer.

16) ESTABLECER EL VÍNCULO ENTRE UN BOTON FLASH DE LA PÁGINA PRINCIPAL Y

OTRA PÁGINA:

Solo debes dar doble clic en el botón flash para que se abra la ventana de Insertar botón
Flash, localiza la opción Vínculo y da clic en donde dice Examinar, se abrirá la ventana de
Seleccionar Archivo para localizar la página a donde va a ir el enlace o vínculo selecciónala
y da clic en Aceptar.

Ahora colócate en Destino y selecciona _blank si deseas el desplegado en una página
completa o mainFrame si quieres que aparezca en el cuadrante principal de tu página Web.

Da clic en Aceptar y graba para visualizar tu trabajo en el Internet Explorer.

Lic. Ricardo Martínez García PAWEB 07/10/2007 Pág. 1

 ***RECOMENDACIÓN: Si ya estableciste vínculo entre la página principal con otra pagina, es
factible colocar un botón que ejecute la acción de regresar o volver a la página principal,
procura revisar el destino que tendrá el vínculo.

17) INSERTAR MUSICA:

El procedimiento tiene dos variantes:

Primera forma, aquí vamos a insertar un archivo de música a la página para que inicie
ejecutándolo como música de fondo:

Coloca la capa respectiva, esto es obligatorio siempre.

Da clic en menú Insertar, selecciona Media y da clic en Plug-in.

Se abre una ventana llamada Seleccionar archivo y en Buscar en localiza tu carpeta de
elementos Web en donde tienes la carpeta de música, selecciona una de ellas y da clic en
Aceptar.

Recuerda que Dreamweaver va a guardar una copia del archivo en el sitio, da clic en Sí y
selecciona la carpeta de música para finalmente dar clic en Guardar.

En tu página web va a aparecer dentro de la capa un icono con forma de pieza de
rompecabezas, solo dale la dimensión o tamaño adecuado y procede a grabar en menú
Archivo y Guardar todo para poder visualizarlo y escucharlo en el IExplore.

Segunda forma, es hacer una lista de melodías y agregarles un vínculo o liga para que el
usuario de clic en la canción deseada y se abra el Windows Media Player y se escuche la
canción.

Volvemos a colocar nuestra ya conocida capa y tecleamos el nombre de las melodías a
insertar en una lista hacia abajo.

Ya que tengo mi lista, me voy a Propiedades para darle formato al texto como se indicó en
insertar un texto simple.

Ahora selecciono el primer título y de nuevo en Propiedades me voy a donde dice Vínculo y
hago clic a la derecha en la carpeta llamada Buscar el archivo, abriéndose la ventana de
Seleccionar archivo para localizar el archivo de música MP3, recuerda ubicar tu carpeta de
elementos Web donde tienes la música y seleccionar una de ellas, dando clic en Aceptar.
Igualmente Dreamweaver va a copiar el archivo en el sitio da clic en Si, solo busca que sea
en la carpeta de música y da clic en Guardar.

Al regresar al Dreamweaver verás que en tu página dentro de la capa donde está el título de
la canción, se encuentra subrayado y abajo en Propiedades en Vínculo aparece la ruta
donde se encuentra el archivo de música.

Si deseas quitar el subrayado al título de la música vinculada, solo debes dar clic abajo en
Propiedades de la página, se abrirá una ventana llamada así, que tiene dos apartados, a la
izquierda en Categorías, haz clic en Vínculos y a la derecha localiza la opción Estilo
subrayado y selecciona Nunca subrayar, da clic en Aceptar.

Procede así con todos los títulos de canciones que hayas colocado en lista.

Ahora puedes grabar la página y ejecutar el IExplore para ver si funciona el archivo de
música solo da clic en el titulo de la melodía que desees ejecutar, no olvides que se deberá
de abrir el Windows Media Player.

18) INSERTAR VIDEO:

Para insertar video, también existen dos maneras:

Primera: se va a insertar un video para que se ejecute dentro de la página web.

Coloca la capa respectiva, esto es obligatorio siempre.

Da clic en menú Insertar, selecciona Media y da clic en Plug-in.

Se abre una ventana llamada Seleccionar Archivo y en Buscar en localiza tu carpeta de
elementos Web, donde tienes la carpeta de videos, selecciona uno y da clic en Aceptar,
recuerda que Dreamweaver va a guardar una copia del archivo en el sitio, da clic en Sí y
selecciona la carpeta de video para finalmente dar clic en Guardar.

En tu página Web va a aparecer dentro de la capa un icono con forma de pieza de
rompecabezas, solo dale la dimensión o tamaño adecuado y procede a grabar en Archivo y
Guardar todo para poder visualizarlo y escucharlo en el IExplore.

Lic. Ricardo Martínez García PAWEB 07/10/2007 Pág. 2


Segunda: es hacer una lista de videos y agregarles un vínculo o liga para que el usuario de
clic en video deseado y se abra el Windows Media Player y se visualice el mismo.

Volvemos a colocar nuestra ya conocida capa y tecleamos el nombre de los videos a insertar
en una lista hacia abajo.

Ya que tengo mi lista, me voy a Propiedades para darle formato al texto como se indicó en
insertar un texto simple.

Ahora selecciono el primer titulo y de nuevo en Propiedades me voy a donde dice Vínculo y
hago clic a la derecha en la carpeta llamada Buscar el archivo, abriéndose la ventana de
Seleccionar archivo para localizar el archivo de video, recuerda ubicar tu carpeta de
elementos Web, donde tienes los videos y seleccionar uno correspondiendo al titulo, dando
clic en Aceptar. Igualmente Dreamweaver va a copiar el archivo en el sitio da clic en Sí, solo
busca que sea en la carpeta de video y da clic en Guardar.

Al regresar al Dreamweaver veras que en tu página dentro de la capa donde está el título del
video, se encuentra subrayado y en Propiedades en Vínculo aparece la ruta donde se
encuentra el archivo de video.

Procede así con todos los títulos de videos que hayas colocado en lista.

Ahora puedes grabar la página y ejecutar el IExplore para ver si funciona el archivo de video
solo da clic en el titulo que desees ejecutar, no olvides que debe de abrir el Windows Media
Player.

19) INSERTAR DOCUMENTO DE WORD, POWER POINT, EXCEL, ADOBE READER:

Insertar un documento de Word, debes realizar lo siguiente:

Coloca el cursor en el marco donde quieres incluirlo, inserta una capa y escribe el título del
documento que vas a insertar.

Ahora me voy a Propiedades para darle formato al texto.

Selecciono el titulo y de nuevo en Propiedades me voy a donde dice Vínculo y hago clic a la
derecha en la carpeta llamada Buscar el archivo, abriéndose la ventana de Seleccionar
archivo para localizar el documento de Word, dando clic en Aceptar. Igualmente
Dreamweaver va a copiar el archivo en el sitio da clic en Sí, solo busca que sea en la carpeta
de documentos de Word y da clic en Guardar.

Al regresar al Dreamweaver veras que en Propiedades, en Vínculo aparece la ruta donde se
encuentra el documento de Word.

Ahora puedes grabar la página y ejecutar el IExplore para ver si abre el documento de Word,
solo da clic en el titulo que desees ejecutar.

**NOTA: Este mismo procedimiento se ejecuta para los archivos de Power Point, Excel y Adobe
Reader.

Lic. Ricardo Martínez García PAWEB 07/10/2007 Pág. 3