Prontuario Parte3 Oct2007

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