El 14 de septiembre de 2017, publicamos una versión revisada de nuestra Política de privacidad. Tu uso continuado de video2brain.com significa que aceptas este documento revisado, por lo que te recomendamos que dediques unos minutos a leerlo y comprenderlo.

Dreamweaver CC 2017 esencial

Añadir objetos Animate HTML5 y swf a Dreamweaver CC 2017

Prueba ahora LinkedIn Learning sin cargo y sin compromiso.

Prueba gratis Mostrar modalidades de suscripción
Por supuesto, Dreamweaver también está integrado perfectamente con Adobe Animate CC 2017, y veremos también cómo añadir contenidos swf y, sobre todo, contenidos canvas HTML5 dentro de nuestros archivos HTML.

Transcripción

(hombre) Adobe Animate, antes conocido como Flash, es un programa que permite hacer animaciones y todo tipo de composiciones mezclando imágenes, vídeo, vectores, para poderlas visualizar de muchas maneras, y entre ellas, con internet. Tradicionalmente este programa generaba archivos .swf, que se pueden ver como vídeo dentro de las páginas HTML, pero debido a que su utilización ha sido cada vez más limitada, y hay muchos tipos de tablet donde ya no se pueden ver, Adobe modificó el programa, le renombró como Animate y permite la generación de contenidos Canvas HTML5. Este Canvas HTML5 hace exactamente lo mismo que hacía, pero es visualizable desde cualquier dispositivo, con lo cual, si queremos añadir infografías o presentaciones complejas, las podemos hacer desde este programa. Y este programa está muy bien integrado dentro de Dreamweaver. Y lo podemos ver fácil. En la parte de abajo, en la parte final... del apartado HTML, en donde están todos los elementos multimedia, tenemos la selección de flash SWF, para añadir archivos flash o de composición animada para añadir ese Canvas HTML5. Vamos a ver como hacer ambas cosas. En el caso de los archivos SWF lo único que necesito es públicar ese archivo como SWF. Esto me va a generar un archivo, como decía SWF que puedo seleccionar fácilmente. Voy a guardar este documento. Ahora voy a buscar donde se ha almacenado ese archivo SWF lo selecciono, como lo estoy sacando de una carpeta ajena a mi sitio, me pregunta si quiero copiarlo o no. Voy a decirle que sí, que me lo copie dentro de mi sitio, y lo voy a guardar dentro de la carpeta assets. Y así ahora la ruta va a ser sobre él. Puedo, como siempre, añadir claves de acceso, índice de tabulación, o también un título, pero en cualquier caso, una vez que acepto, me añade ese contenido. Además es interesante ver, que cuando he añadido un contenido flash, no solo me pone el flash, sino también me pone el código que serviría para ver ese mismo contenido en caso de no tener instalado el flash player, que es el software específico para visualizar flash. Voy a deshacerlo, y ahora vamos a ver la otra opción, la opción universal, que es la de generar ese HTML5 Canvas para que sea visualizable desde cualquier dispositivo. Este documento está configurado para que sea SWF Canvas. Y dentro de él, en Archivo Configuración de publicación, tengo la posibilidad de, a parte del formato HTML, generar el formato Paquete DOAM, esto me deja guardar ese archivo donde yo quiera, voy a irme a donde tengo el sitio... dentro de Maqueta Assets. Y además de generar ese archivo DOAM Assets, también me permite generar un archivo PNG que sirva para hacer una previsualización de este archivo. Puede ser transparente o no, o puede ser otro PNG distinto. Cuando lo tengo listo, pulso en publicar y cuando haya terminado esa publicación acepto, veré dentro de Dreamweaver en la carpeta Assets, como me ha generado este archivo OAM, y ahora para insertarlo, me voy al panel de insertar, a la zona donde están los elementos multimedia, selecciono composición animada y dentro de esta composición animada voy a buscar dentro de mi sitio, en la carpeta Assets, este archivo, lo selecciono... Y aquí vemos como me lo añade sin más dificultad. Si me voy a la parte de código, observaremos que lo que ha hecho ha sido añadir una etiqueta Object, que se ocupa de cargar un archivo HTML. Y es que, realmente este archivo que se ha generado, es un archivo HTML que lleva varios archivos distintos. Un archivo de JavaScript y un archivo HTML que se ocupan de generar los contenidos que se van a ver dentro del Canvas.

Dreamweaver CC 2017 esencial

Crea sitios web gracias al software de Adobe, Dreamweaver CC 2017. Con este repaso esencial a sus fundamentos podrás crear páginas responsive y mostrar tus contenidos a la última.

6:11 horas (78 Videos)
Actualmente no hay comentarios.
 

Este curso video2brain está disponible como descarga y para ser visualizado online. ¡Pero no hace falta que decidas entre las dos opciones! Al comprar el curso, disfrutarás de ambas posibilidades.

La descarga te permite ver las lecciones sin estar conectado/a a internet y supone una navegación fácil y ágil entre capítulo y capítulo. Si vas a trabajar en diferentes ordenadores o si no quieres descargarte el curso completo, entra en la web con tus datos de acceso y disfruta directamente de tus vídeos online. Te deseamos que disfrutes de este curso y te resulte de mucha utilidad.

Estamos a tu disposición si tienes cualquier tipo de duda o pregunta.