Como poner videos en nuestra pagina.

Para pode insertar algun video en nuestra pagina tendremos que hacer es:

Vamos a la opcion de “Insertar à Media -> Plug-in”, al hacer esto nos aparecera la siguiente ventana:

Aquí tendremos que buscar el archivo de video que queramos poner.

Ya que buscamos y aceptamos el archivo que queremos poner, en nuestra pagina aparecera un cuadro indicando la posición en donde estara el video, si hacemos click en el apareceran unos puntos negros que podran usarse para tener un mejor manejo a la hora de la colocacion.

Asi tambien podremos modificar el tamaño del cuadro, podremos hacerlo mas grande, recuerda que el tamño en el que decidas dejar el cuadro sera el tamaño del video.

Ya que nuestro video este del tamaño y ubicación que queramos, podremos poner “Reproducir”

Y listo .. tenemos nuestro video ya en nuestra pagina.

OJO:

Si ya no lo quieres o simplemente no te gusto como se ve solo da click encima de el y presiona en tu teclado “Supr”, esto hara que se elimine.

Da click aqui para ver el tutorial completo.

Animacion para nuestra pagina.

Para poder poner animación a algun objeto deberemos de hacer lo siguiente.

1ero:

Deberemos de arrastrar la capa hasta un canal de animación, esto lo haremos presionando el cuadro que aparecera al momento de seleccionar nuestro objeto/imagen (sea cual sea tu caso)

Como veras en la parte de abajo, en la linea de tiempo, Dreamweaver asigna una duracion de 15 fotogramas a la capa, pero podemos ampliarla si nosotros queremos y para hacerlo solo debemos de hacer click el ultimo fotograma clave que esta de lado derecho (en el extremo) y arrastrar hacia la derecha, esto si queremos alargar la duracion pero si queremos que tenga menos duracion haremos lo contrario, arrastraremos hacia la izquierda.

Aquí puedes ver aquí estan algunos fotogramas clave, para poder distinguirlos podras ver que tienen un circulo, con estos podremos manipular las caracteristicas asi como la posición de algun objeto.

Para nosotros poder hacer nuestra animación ocuparemos de los siguientes fotogramas clave:

El de la izquierda, este sera para poder establecer el punto inicial desde que empezara el movimiento. Si antes hemos dado click sobre el borde de la capa, en el inspector de propiedades podremos cambiar los valores de “Iz” y “Sup”

El fotograma clave de la derecha sera para establecer el punto final del movimiento.

Nuevamente haremos click encima del borde y modificaremos los valores de “Iz” y “Sup”, esto para marcar en donde finalizara el movimiento en nuestra pagina.

Si lo que queremos es hacer desaperecer o aparecer nuestro objeto daremos click en el fotograma clave que corresponda el momento en el que queramos aparecer/desaparecer, nuestro objeto, ahora presionaremos el menú desplegable “Vis à hidden (oculto) o visible”, depende de lo que queramos lograr.

Algo que es importante es saber las propiedades del panel “Lineas de tiempo”, como veras en la siguiente imagen:

Timeline 1:

Esta opcion nos da la posibilidad de cambiar el nombre de la linea del tiempo.

flecha hacia la derecha:

Ir al principio/anterior.

Flecha hacia la izquierda

Siguiente.

Estas 2 opciones se pondran en los fotogramas que queramos o tambien podremos ponerlas en un fotograma haciendo click encima de el.

Fps (Fotogramas por segundo):

Con esta opcion podremos controlar la velocidad del movimiento con el cual se movera nuestro objeto, obviamente mientras mas “Fps” tengamos, mas rapido sera el movimiento.

>Reprod. Autom:

Deberemos de activar esta casilla para que la animación comience en cuanto un usuario entre a nuestra pagina

Bucle:

Si lo que queremos es que la animación comience nuevamente después de haberse acabado deberemos de seleccionar esta casilla, ya que si lo dejamos desactivada, solo se movera una vez y al terminar el tiempo (ya seleccionado) quedara fija.

Da click aqui para ver el tutorial completo.

Poner fotogramas clave.

En tutoriales pasados hemos aprendido a poner movimiento en una sola direccion.

En este nuevo tuto veremos cmo hacer que el movimiento de nuestras animaciones “Vayan y Vengan”, tambien aprenderemos a darle un movimiento en forma curva.

Para poder lograr este tipo de movimientos necesitamos añadir mas fotogramas clave a nuestra linea de tiempo.

Estos 2 tipos de movimientos lo haremos solo con 2 fotogramas clave, uno al final y el otro al principio.

(si queremos crear un fotograma clave en medio deberemos de hacer click encima de un fotograma que este en la mitad de nuestra linea de tiempo, cuando hagamos click deberemos de hacerlo mientras presionamos en nuestro teclado ctrl. (al mismo tiempo hacemos click y mantenemos presionado ctrl.)

Ya que tengamos nuestro nuevo punto clave podremos cambiar la posición de la capa en el para tener un “camino” diferente, por ejemplo:

Si ponemos la capa en el fotograma clave que esta en medio, en vez de la pagina en el que se encontrara el final del movimiento, y en el fotograma clave final lo ponemos en el lugar inicial del trayecto podremos conseguir que nuestro objeto “Vaya y Venga”.Si cuando hacemos click en el fotograma clave de en medio ponemos la capa, mas arriba o mas abajo tendremos un movimiento curvo.

Da click aqui para ver el tutorial completo.

Objetos con movimiento.

En este nuevo tutorial veremos como desplazar objetos por la pagina cuando el usuario este de visita en ella, lo haremos de las siguientes formas:

Por capas, estan tendran la información que moveremos.

Por tiempo, con esto se podra controlar el modo en que se moveran los objetos.

Para poder realizar la primera debemos de crear una nueva capa, la que debera de tener el texto/imagen que queramos mover.

Una vez que tenemos la capa ya dibujada (lo explicamos en tutos pasados) lo que haremos sera moverla hacia la linea de tiempo de Dreamweaver.

Como puedes ver, tiene los elementos necesarios para poder dar vida a nuestros objetos.

Canales de animación:

Esta opcion es para poner el objeto que se movera.

Canal Behavior (canal de comportamientos)

Esta funcion sera para poder repir el mismo efecto que ya hemos creado una vez que termine.

Cabezal de reproducción:

Muestra la posición del movimiento.

Da click aqui para ver el tutorial completo.

Como poner musica en nuestra pagina.

Nuestras paginas pueden tener alguna cacncion o sonido en especial que se reproducira cada que un usuario entre a la pagina, para lograr esto debemos de hacer lo siguiente:

1ero:

click sobre la etiqueta “Body” (esta en la parte de debajo de la ventana)

2do:

Activamos “Inspector de etiquetas”

3ro:

Ahora presionamos en “Comportamientos” y presionaremos el icono +

4to:

Ya que hicimos esto seleccionaremos la opcion de “Controlar sonido”

Al hacer todo esto, nos aparecera una nueva ventana como esta:

Ahí podremos poner el nombre del archivo que queremos poner, si no sabes la dirección correcta de donde esta nuestro archivo presionamos “Examinar” ahí buscaremos entre las carpetas el archivo, cuando lo encuentres pones aceptar y, eso es todo.

IMPORTANTE:

Normalmente los sonidos que pondremos en nuestra pagina sera de baja calidad, con el fin de que los usuarios no esperen tanto tiempo a que se cargue la pagina

Da click aqui para ver el tutorial completo.

Poner vinculos en zonas interactivas.

Este es el complemento del tutorial "Zonas Interactivas", aqui explicaremos como asignarle un comportamiento a nuestras imagenes ...

Cuando ya hemos decidido la forma de la zona interactiva (circulo, poligono o rectangulo) debemos d eponer la direccion hacia donde ira después de hacer click sobre ese pedazo de la imagen.

Vinculo:

Aquí pondremos la dirección del vinculo

Destino:

Esta opcion se usa para elegir en que ventana aparecera, la lista deplegable nos dara las mismas opciones:

_blank … _parent … _sel … _self.

Alt:

Esta opcion es para poner un texto, para cuando un usuario pase el mouse por el vinculo, le aparezca el texto que hayamos puesto en esta seccion

Da click aqui para ver el tutorial completo.