Posts Tagged ‘Dreamweaver’

Adobe Dreamweaver CS5 – Top de novedades

Lunes, abril 12th, 2010
Number of View: 2216

Estas son las principales novedades de la nueva versión de Dreamweaver CS5, el software para el diseño de sitios web de Adobe. Al final, no olvides ver el video.

  • Compatibilidad integrada con sistemas de gestión de contenido (CMS): disfrute de compatibilidad de creación y comprobación para los marcos de trabajo de sistemas de gestión de contenido existentes como WordPress, Joomla! y Drupal. La función de archivos relacionados dinámicamente ofrece un acceso directo a archivos relacionados con una página, incluso en el caso de páginas dinámicas, y la navegación de vista en vivo ofrece vistas previas precisas de aplicaciones dinámicas.
  • Inspección de CSS: visualice detalladamente el modelo de cuadro de CSS sin leer código y sin necesitar funciones adicionales. Desplace el cursor sobre los elementos de bloque en la vista en vivo para ver su cascada y su contexto en lugar de emplear la herramienta de selección de etiquetas.
  • Integración con Adobe BrowserLab: previsualice páginas web dinámicas y contenido local mediante múltiples herramientas de visualización, diagnóstico y comparación a través de la integración con Adobe BrowserLab, un nuevo Servicio en línea* de Adobe CS Live que comprueba de manera rápida y precisa el contenido web en diversos exploradores web y sistemas operativos. Los Servicios en línea de CS Live son gratuitos durante un tiempo limitado. Visite www.adobe.com/go/cslive_es para obtener información detallada.
  • Habilitar y deshabilitar propiedades de CSS: active y desactive de manera fácil y rápida propiedades de CSS directamente desde el panel de estilos de CSS. Reduzca la necesidad de editar manualmente código de CSS, ya sea de forma integrada, en el encabezado del documento o en una hoja de estilo externa
  • Sugerencias de código (code hinting) PHP de clase personalizada: muestre una sintaxis apropiada de funciones PHP personalizadas para poder escribir código de un modo más preciso. Cree y mantenga aplicaciones de manera rápida y obtenga una perspectiva directa de los métodos, objetos y funciones PHP principales gracias a la sugerencia de códigos PHP dinámica.
  • Sugerencias de código (code hinting) específico del sitio: aproveche las sugerencias de código en directorios y archivos no estándar en Dreamweaver CS5 que activan una compatibilidad de sugerencias mejorada para las bibliotecas PHP de terceros y los marcos de trabajo de sistemas de gestión de contenido existentes como WordPress, Drupal y Joomla!.
  • Integración con Business Catalyst®: aproveche la integración entre Dreamweaver y el nuevo Servicio en línea de Adobe Business Catalyst (disponible por separado) para ofrecer potentes procesos empresariales en línea sin necesidad de programación.

Video de Terry White con sus 5 características preferidas de Flash CS5 y Dreamweaver CS5:
Imagen de previsualización de YouTube

Más información en la página web oficial del producto.

Bookmark and Share

Smart Paste: posible característica de Dreamweaver CS5 con soporte HTML5

Domingo, marzo 14th, 2010
Number of View: 878

Que las aplicaciones Adobe están peleando con HTML5? Nada más alejado de la realidad, de hecho las nuevas aplicaciones CS5 soportarán éste estándar.

En un post anterior habíamos visto un video del Adobe MAX con la demostración de una interesante característica de Dreamweaver llamada “Smart Paste“.  Es muy probable (pero no 100% seguro) que Dreamweaver CS5 integre ésta función la cual permitirá usar el tag canvas de HTML5 para pegar dentro de un archivo html elementos de otras aplicaciones como gráficos, charts y animaciones los cuales se pueden actualizar dinámicamente.

Este nuevo video muestra la misma característica pero se ve mucho más claro. En la demostración se copia un gráfico en Illustrator para luego pegarlo en Dreamweaver mediante el comando “Smart Paste“. Las opciones de éste comando permiten enlazar el gráfico con un archivo XML que alimentará dicho gráfico y que permitirá modificarlo de forma dinámica. Es interesante ver también que el formato vectorial que soporta el archivo que se pega desde Illustrator es FXG.

Imagen de previsualización de YouTube

Sin duda, es un gran característica que permitirá aumentar la compatibilidad entre las diferentes aplicaciones Adobe a niveles que no habíamos visto. Ya que se trata de una caracterítica que se encuentra en estado beta no hay completa seguridad de ser incluida en Dreamweaver CS5, sin embargo no es sorpresa que incluya soporte a HTML5.

Quieres saber más?

Bookmark and Share

Aprende a agregar interactividad a la imágenes en Dreamweaver

Viernes, marzo 5th, 2010
Number of View: 1171

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 tutorial completo en éste link.

Bookmark and Share

Nueva certificacion para Xpert

Domingo, febrero 14th, 2010
Number of View: 449

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?

Bookmark and Share

Dreamweaver CS5 permitirá pegar vectores y animaciones con el comando “Smart Paste”

Viernes, octubre 9th, 2009
Number of View: 3358

En una de las sesiones del Adobe MAX se mostró un interesante comando que incluirá Dreamweaver CS5 llamado “Smart Paste“, el cual tiene 3 opciones:

smartpaste

  • 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”.
  • copyhtml

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:

Imagen de previsualización de YouTube

Puedes encontrar más información en estos links:

Bookmark and Share

Compatibilidad entre Dreamweaver CS4 y Photoshop

Domingo, enero 11th, 2009
Number of View: 792

Hace 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.

dream-phot-compat

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.

optimiz_dream

  • 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.

dream-phot-compat2

  • 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.

Bookmark and Share