En www.tutorialesadobe.com ha sido publicado un video tutorial que muestra cómo aplicar interactividad a una galería fotográfica dentro de Dreamweaver mediante los Behaviors. Puedes ver el listado de video tutoriales en éste link.
Archive for the ‘Dreamweaver’ Category
Aprende a agregar interactividad a la imágenes en Dreamweaver
Friday, March 5th, 2010Nueva certificacion para Xpert
Sunday, February 14th, 2010
Confirmando nuestro compromiso de ofrecer a nuestros clientes únicamente capacitación certificada, nos complace informarles la nueva certificación en Adobe Dreamweaver CS4 obtenida por nuestro instructor Marlon Ceballos. Este programa entra a formar parte de los productos soportados por el Adobe Authorized Training Center – Xpert los cuales pueden ver en la imagen:
Haz clic en al imagen para ver nuestro listado de certificaciones en el sitio web de Adobe.
Si estás interesado en nuestros programas de capacitación certificada puedes ver nuestra programación. Si te encuentras fuera de Colombia, te informamos que a partir del segundo semestre del 2010 iniciaremos cursos certificados online en productos Adobe CS5.
Quieres estar en contacto con nosotros?
- Síguenos vía Twitter
- Adobe Colombia y Latinoamérica en Facebook
- Colombia Adobe User Group – Xpert en Groups Adobe
Dreamweaver CS5 permitirá pegar vectores y animaciones con el comando “Smart Paste”
Friday, October 9th, 2009En una de las sesiones del Adobe MAX se mostró un interesante comando que incluirá Dreamweaver CS5 llamado “Smart Paste“, el cual tiene 3 opciones:
- Vector Graphics: Esta opción permite pegar elementos vectoriales copiados desde Illustrator.
- Chart: Esta opción permite pegar elementos vectoriales tipo “chart” los cuales se pueden alimentar mediante el enlace de un archivo XML.
- Animation: Esta opción permite pegar animaciones que han sido copiadas desde Flash CS5 con el comando “Copy to HTML Canvas”.
Tanto la información vectorial como las animaciones se mantienen en Dreamweaver debido a que son renderizadados como FXG.
Puedes ver parte de la demostración en este video:
Puedes encontrar más información en estos links:
Compatibilidad entre Dreamweaver CS4 y Photoshop
Sunday, January 11th, 2009Hace días había discutido un poco sobre la conveniencia de los usuarios de aplicaciones Adobe de preferir el uso del formato .psd sobre otros formatos como .eps y .tiff y aunque dicho post tuvo opiniones encontradas (lo cual es natural), la compatibilidad de Dreamweaver CS4 con el formato .psd me convence aún mas de las ventajas de usar este formato.
Dreamweaver CS4 ha mejorado la compatibilidad con Photoshop mediante una nueva característica llamada Smart Object (tiene el mismo nombre que una característica de Photoshop pero no se trata de lo mismo) que permite insertar archivos .psd los cuales son optimizados y guardados en el formato para web (jpg, gif o png). Lo interesante es que la imagen optimizada queda vinculada con el archivo original .psd de manera que en cualquier momento se puede llamar este .pds desde Dreamweaver para editarlo en Photoshop con la ventaja de que la imagen optimizada se actualizará automáticamente en Dreamweaver.
Ahora aprendamos a usar esta característica:
- En Dreamweaver insertas una imagen en formato .psd mediante el menú Insert/Image o arrastrándola desde Bridge con lo cual obtendremos esta una ventana muy similar a la ventana Save for Web y Devices.
- En esta ventana seleccionamos los ajustes de optimización y al presionar OK nos a aprece la ventana Save Web Image donde escogemos el nombre y ruta donde guardamos la imagen ya optimizada. Naturalmente la guardamos en la carpeta de imagenes de nuestro site y finalmente tendremos la imagen optimizada en el archivo de Dreamweaver con un ícono en la parte superior izquierda de la misma la cual nos indica que es un Smart Object.
- En panel de propiedades veremos la ruta del archivo optimizado (Src) y un poco más abajo la ruta del archivo psd (Original). A la derecha vemos un ícono de Photoshop (Edit) dondo haremos click para editar la imagen original. Después de editar la imagen grabamos los cambios y al regresar a Dreamweaver veremos que ha cambiando el color de una de las flechas del ícono Smart Object de la imagen lo cual indica que hay cambios en el psd que deben actualizarse en la imagen optimizada. Para actualizar los cambios haces click derecho sobre la imagen y escoges la opción “Update from Original“.
Esta es sin duda una de las característica de Dreamweaver CS4 que más agradecerán los diseñadores web.
¿Dudas y preguntas? Visita nuestros foros Xpert.
