Scribd Logo
Загрузить

Добро пожаловать в Scribd!

  • Clase 17

    Загружено:

    Bibiana Norma Rey
    29 просмотров3 страницы

    Авторское право

    © Attribution Non-Commercial (BY-NC)

    Доступные форматы

    PDF, TXT или читайте онлайн в Scribd

    Этот документ был вам полезен?

    Это неприемлемый материал?

    Пожаловаться на этот документ

    Авторское право:

    Attribution Non-Commercial (BY-NC)
    Скачайте в формате PDF, TXT или читайте онлайн в Scribd
    Отметить как неприемлемый контент
    29 просмотров3 страницы

    Clase 17

    Загружено:

    Bibiana Norma Rey

    Авторское право:

    Attribution Non-Commercial (BY-NC)
    Скачайте в формате PDF, TXT или читайте онлайн в Scribd
    Отметить как неприемлемый контент
    из 3

    Diseo Web Adobe Dreamweaver CS3

    Clase 17
    Tema: sonido, video, refresh, lbum de fotografas.

    Sonido
    Dreamweaver nos da la posibilidad de colocar un sonido de fondo mientras navegamos por nuestro sitio. Los formatos de sonido ms habituales son: MP3, WAV y MIDI, aunque existen otros formatos diferentes que tambin pueden utilizarse. Lo ideal es incluir algn archivo de audio que no ocupe mucho espacio, y que no por ello sea de mala calidad. Para insertar un archivo de audio en una pgina vamos al men Insertar Media Plug-in.

    Dreamweaver no nos mostrar los controles de audio. Todos los archivos que son insertados como plug-in aparecen representadas por una imagen similar a una pieza de rompecabezas. En el inspector de propiedades pueden establecerse la altura y la anchura con la que se mostrarn los controles de audio, mediante Al y An. Si queremos escuche el sonido de fondo, pero que el visitante no vea los controles, el valor de los campos Al y An debe ser 0. La msica se reproducen automticamente al cargarse la pgina, y se reproduce solamente una vez. Estos valores no pueden cambiarse a travs del inspector de propiedades, pero s a travs del cdigo. Insertando un archivo de sonido desde la vista diseo, generara un cdigo similar al siguiente: <embed src="msica/brillantes sobre el mic.mp3"></embed>. Para que no se reproduzca automticamente podemos aadir autostart="false", y para que se reproduzca continuamente aadimos loop="true". Con lo cual el cdigo queda as: <embed src="msica/brillantes sobre el mic.mp3" autostart="false" loop="true"></embed> Otra forma de poner msica de fondo en una pgina web, sin que aparezcan los controles de audio, es la siguiente. <bgsound src="cancion1.mp3" loop="-1"> Lo insertamos despus de la etiqueta </title> Con el parmetro loop indicamos cuantas veces queremos que se reproduzca, 1, 2, 3 ... (con -1 se reproduce de modo continuo).

    Video
    Podemos colocar videos dentro de una pgina web de forma muy similar a la que lo hacemos con el sonido (Insertar Media Plug-in).

    Pgina 1/3
    TODOS LOS DERECHOS RESERVADOS, MATERIAL PARA USO EXCLUSIVO DEL IAC

    Diseo Web Adobe Dreamweaver CS3

    Los formatos de video que suelen utilizarse son AVI, MPEG y MOV. Los videos se reproducen automticamente al cargarse la pgina, y se reproducen solamente una vez. Estos valores pueden cambiarse a travs del cdigo, del mismo modo que en el caso de los archivos de audio, aadiendo autostart="false" y loop="true". Todos los objetos insertados a travs de la opcin Plug-in necesitan que el usuario tenga instalado un reproductor apropiado para reproducirlos. En el campo Origen del inspector de propiedades se establece el archivo vinculado (el archivo de audio o de vdeo) que ha de reproducirse.

    Refresh
    Con esta palabra indicamos que la pgina que estamos visualizando en un momento determinado se va a cambiar por otra elegida por el diseador de la web. El visitante no va a poder hacer nada ms que esperar esa actualizacin. Para insertar una actualizacin automtica de este tipo activamos la barra de herramientas HTML. Hacemos clic en el cono Head y hacemos clic en el botn Actualizar. Nos aparece una pantalla en la que tenemos que indicar el tiempo (en segundos) que demora el cambio de pgina, si queremos cambiar la pgina actual por otra, si vamos a actualizar este mismo documento. En el cdigo, dentro de la cabecera (entre las etiquetas <head> y </head>),se habr generado una lnea como sta: <meta http-equiv="refresh" content="30;URL=pagina2.htm"> Esto nos indica que dentro de 30 segundos se cambiar la pgina actual por la pgina2.html.

    lbum de fotos web


    Dreamweaver permite generar automticamente un sitio Web que contenga un lbum de fotos ubicado en una carpeta determinada. El programa utiliza Fireworks para crear una imagen en miniatura y otra de mayor tamao de cada una de las imgenes de la carpeta. Luego, Dreamweaver crea una pgina Web que contiene todas las miniaturas, as como vnculos con las imgenes ms grandes. Antes de empezar, todas las imgenes que van a ser parte del lbum de fotos deben estar en una misma carpeta, deben tener alguna de las siguientes extensiones: .gif, .jpg, .jpeg, .png, .psd, .tif o .tiff (es conveniente que todas tengan la misma extensin) y los nombres de las mismas no deben tener caracteres latinos ni espacios en blanco. En Dreamweaver, vamos al men Comandos Crear lbum de fotos Web.

    En el cuadro de texto Ttulo del lbum de fotos, colocamos el ttulo, que aparecer en un rectngulo gris en la parte superior de la pgina que contiene las miniaturas.

    Pgina 2/3
    TODOS LOS DERECHOS RESERVADOS, MATERIAL PARA USO EXCLUSIVO DEL IAC

    Diseo Web Adobe Dreamweaver CS3

    Si queremos, podemos ingresar hasta dos lneas de texto adicional para que aparezcan directamente debajo del ttulo, en los cuadros de texto Informacin de subencabezado y Otra informacin. Seleccionamos la carpeta que contiene las imgenes de origen (clic en el botn Examinar situado junto al cuadro de texto Carpeta de imgenes de origen). A continuacin, seleccionamos (o creamos) la carpeta de destino en la que colocar todas las imgenes y archivos HTML exportados; para ello, hacemos clic en el botn Examinar situado junto al cuadro de texto Carpeta de destino. Debemos elegir un tamao para las imgenes en miniatura en el men emergente Tamao de miniatura. Si queremos ver el nombre del archivo de cada imagen original debajo de la miniatura correspondiente, activamos Mostrar nombres de archivos. Ingresamos el nmero de columnas de la tabla que muestra las miniaturas. Elegimos un formato para las imgenes en miniatura en el men emergente Formato de miniatura. Seleccionamos un formato para las imgenes de tamao grande en el men emergente Formato de foto. Elegimos un porcentaje de escala para las imgenes de tamao grande. Seleccionamos Crear pgina de navegacin para cada foto para crear una pgina Web individual para cada imagen, que contenga los botones Anterior, Inicio y Siguiente. Una vez concluidos los pasos anteriores, hacemos clic en Aceptar, con lo que Fireworks se inicia (si todava no est abierto) y crea las miniaturas y las imgenes de gran tamao. Este proceso puede llevar varios minutos si se ha incluido un gran nmero de fotos. Una vez finalizado el proceso, Dreamweaver vuelve a activarse y crea la pgina que contiene las miniaturas. Cuando aparezca el cuadro de dilogo con el mensaje "lbum creado", hacemos clic en Aceptar.

    Pgina 3/3
    TODOS LOS DERECHOS RESERVADOS, MATERIAL PARA USO EXCLUSIVO DEL IAC

    Вам также может понравиться