Cómo utilizar archivos animados borde de adobe en Dreamweaver

Adobe Edge Animate es un programa de software que puede utilizar con las nuevas funciones de Dreamweaver CC que permite a los diseñadores que están familiarizados con la interfaz de Flash para crear animaciones y luego exportarlos como liado .OAM archivos que son fáciles de insertar en sus páginas web. Desde muy popular iPhone de Apple y el iPad famoso negaron a apoyar a Flash, Adobe ha estado trabajando en ofrecer alternativas a los diseñadores web.

los .OAM archivos contienen las imágenes y el javascript, HTML5, CSS y el código que Dreamweaver utiliza para visualizar la animación en su página web. Para agregar el .OAM archivos a una página en Dreamweaver, utilice los siguientes pasos:

  1. Haga clic donde desea que el archivo Animate Edge a aparecer en tu página web.

  2. Si el panel Insertar no está abierto, elija Ventana-Insertar. A continuación, utilice la lista desplegable para seleccionar el panel Media.

  3. En la lista desplegable Medios, seleccione la opción Composición Edge Animate.

    También puede seleccionar Insertar-Media-Edge Animate Composición o pulse Ctrl + Alt + Shift + E. Aparecerá el cuadro de diálogo Seleccionar Edge Animate paquete.

  4. Examinar para localizar el archivo del paquete Animate Edge que desea insertar en tu página, seleccione el archivo y haga clic en Aceptar.

  5. Si usted tiene opciones de accesibilidad encendidos, se le pedirá para agregar texto alternativo para describir el archivo Animate Edge. Introduzca una descripción del archivo y haga clic en Aceptar.

    El cuadro de diálogo se cierra y el archivo Animate Edge se inserta en el documento. Dreamweaver también copia el requisito jQuery, CSS, HTML y archivos de imagen a la carpeta raíz de su sitio.

    imagen0.jpg
  6. Haga clic en el botón Vista de la parte superior del espacio de trabajo para ver la animación insertada.

    (A diferencia de Flash, no hay botón para reproducir la animación para ver si funciona.) Tenga en cuenta la extensa lista de archivos que aparecen al lado del botón de código fuente por encima del diseño de la página.

    image1.jpg

Dreamweaver incluye sólo algunas opciones en el inspector de propiedades para modificar animaciones Edge en sus páginas web. Se puede asignar un estilo de clase al archivo Animate Edge, pero no debe ajustar la altura o la anchura de la animación con los cuadros de diálogo en el inspector de propiedades, a menos que usted es experto en la edición en forma manual los archivos CSS, jQuery, y HTML.




» » » » Cómo utilizar archivos animados borde de adobe en Dreamweaver