Fecha y hora: 14 de Junio a las a las 11:00 hs (Hora española, UTC+2 hours CEST)
¿Como puedo asistir? Desde cualquier lugar en el que te encuentres. Sólo necesitas un navegador con Adobe Flash Player.
Para saber más: Visita los detalles del evento en la web del MAUG

DWUG y el Adobe User Group Granada te presentan una de las principales novedades en Adobe Dreamweaver CS5. El soporte para sistemas de CMS como WordPress, Drupal o Joomla.
Descubre en este eSeminario cómo puedes convertir una página estática en un tema para WordPress utilizando Adobe Dreamweaver CS5
Regístrate ya. Las plazas son limitadas.

eSeminarios Desarrollo de Aplicaciones Web utilizando Adobe Dreamweaver CS5
Descubre CS5
Jue 27 Mayo – 19.30hs – Desarrollo de Aplicaciones Web utilizando Adobe Dreamweaver CS5,

El Adobe User Group Granada ha organizado una serie de eSeminarios que te permitirán, a lo largo de 8 semanas, aprender a desarrollar aplicaciones web, utilizando Adobe Dreamweaver CS5, sin necesidad de saber programar.

Descubre mediante estos eSeminarios el mundo de las Bases de Datos, aprende a configurar las aplicaciones necesarias y desarrolla una aplicación web con su panel de administración, desde donde podrás cargar y modificar contenidos.
Regístrate ya. Las plazas son limitadas.

Más info y registros en: http://www.adobe-user-group-granada.es/

Pues de esto se encarga Widget Browser, disponible en Adobe Labs. Vamos a dar un paseo por sus paneles.

Una vez descargado e instalado como cualquier otra aplicación AIR, lo primero que veremos será una ventana donde se cargan automáticamente todos los widgets disponibles en Adobe Exchange (necesitarás un AdobeID):

Panel principal de Widget Browser

Una vez seleccionado el widget que queramos, podremos añadirlo a “My widgets”, panel donde encontraremos todos los que hayamos seleccionado y que deseamos configurar:

Panel My Widgets

El panel de opciones es muy sencillo: Puedes mostrar/ocultar la barra superior de información o hailitar el panel para crear tus propios proyectos de widgets.

Panel de Opciones

¿Cómo personalizar los widgets? Sencillo: Seleccionamos uno del panel “My Widgets” y se nos abrirá una vista previa del mismo. A partir de aquí, el panel izquierdo mostrará presets que haya creado el desarollador y que pueden servir de muestra.Podemos seleccionar cualquiera de ellos como primer paso:

Panel de configuración del widget

La configuracióin puede ir más allá: Pulsando el botón “Configure” en la parte inferior izquierda del panel, se nos abrirán todas las opciones de personalización que el desarrollador haya añadido. En este widget, por ejemplo, se pueden ver cuatro apartados: General, Animation, Colors and Dimensions y Fonts:

Configurando el widget

Cuando hayamos realizado las modificaciones, podemos guardar nuestro preset desde la parte inferior derecha: Le asignamos un nombre, le damos una descripción (opcional) y pulsamos “Save Preset”:

Guardando nuestro preset

Ya tenemos nuestro widget personalizado. El siguiente paso es poder utilizarlo con Dreamweaver.

• Informe de validación de accesibilidad: Se veía venir ya que apenas nadie lo usaba, sino que se prefería utilizar los servicios online disponibles para esta tarea
• Comportamientos de servidor ASP/JavaScript: Ya había desaparecido prácticamente en CS4. Nada nuevo
• Comportamiento de JavaScript “comprobar navegador”: ¿Alguien recuerda la última vez que lo uso?
• Conectarse por FTP/RDS sin definir un sitio: Ésta es la que más voy a echar en falta: Era el método idea para realizar pequeñas ediciones en sitios sin necesidad de realizar todo el proceso de definir un sitio
• Comportamiento Control Shockwave o SWF: Vease “comprobar navegador” un par de puntos más arriba
• Create Web Photo Album: Era una forma sencilla de crear un album, pero la verdad que los resultados dejaban bastante que desear.
• Hide Pop-up Menu: Vease de nuevo “Comprobar navegador”
• InContext Editing Manage Available CSS Classes
• Insertar FlashPaper: no estaba mal, pero nunca tuvo mucho éxito
• Insert/Remove Mark of the Web: ¿Alguien se acuerda de Netscape4?
• Integración con Microsoft Visual Sourcesafe:/li>
• Barras de navegación: Ahora pasan a ser de Spry
• comportamiento Play Sound: vease “Comprobar navegador”. Una pesadilla menos
• Menu “Show Events For…” en el panel de comportamientos: Hoy en día todos los navegadores soportan los eventos disponibles en DW, así que no tenía gran sentido
• Show Pop-up Menu: más de lo mismo
• comportamientos con Timeline: tuvieron sus días de gloria, ya pasados
• Validate tags: Sólo han quedado las opciones para validar ColdFusion y xml (File->Validate…)
• View Live Data: Con la potencia actual de la vista en vivo no se echará de menos, palabra

Mis 5 atajos básicos son los siguientes:
F4: Cambiar a pantalla completa: te permite cerrar todos los paneles y es ideal cuando vás a trabajar en el código directamente.
F6: Congelar JavaScript: Otra imprescindible cuando realizas vistas en vivo de páginas que utilicen ajax: Permite ‘congelar’ la ejecución de scripts, de manera que se puede ver de forma muy sencilla qué partes del código original han cambiado (por ejemplo, qué estilos css se han aplicado a determinado elemento)
F12: Vista previa en el navegador principal; utiliza ctrl+F12 para utilizar el navegador secundario.
ctrl+T: Selecciona un objeto en vista diseño, pulsa ctrl+T una vez y tendrás acceso al código html del mismo; púlsalo de nuevo y podrás enolver la selección con la etiqueta que quieras. El segundo paso es ideal cuando tienes elementos anidados que hacen dificil a veces averiguar dónde terminan.
ctrl+Espacio: abrir la ayuda al código, que siempre viene bien!

El primero es “DW CS4 avanzado”, en el que, de la mano de Alejandro Rodriguez, manager de MAUG, aprenderás a sacar todo el provecho a Dreamweaver creando sitios dinámicos con PHP y MySQL. Puedes ver los videos gratuitos y adquirir el curso con un importante descuento desde nuestra sección de E-learning

El segundo de los cursos, titulado “Mi primer proyecto web” es una excelente guía con todo lo que conviene tener en cuenta al comenzar a desarrollar sitios completos, ya que la adquisición de estas habilidades desde el principio nos servirá en el futuro: Planear el sitio, pensar en el usuario final, organización la información, optimización, usabilidad… Todo ello enfocado desde la perspectiva del uso de Dreamweaver y Fireworks para estas tareas. Puedes ver los detalles y adquirirlo desde nuestra sección

La explicación es sencilla: Dreamweaver sigue siendo fiel a los estándares y éstos dictan que para dichas tareas se utilice CSS en lugar del ya desparecido atributo “background”.

Para facilitar la migración, hemos creado una breve demo que muestra los pasos a seguir ahora: No es el mejor de los ejemplos en lo que se refiere a buenas prácticas (CSS insertado en vez de enlazado), pero hemos intentado que sea lo más sencillo posible para facilitar la migración a los usuarios noveles y que aprendan los pasos a seguir a partir de ahora no sólo para este atributo, sino para muchos otros ya desaparecidos oficialmente (aunque los navegadores lo soporten por el eterno conflicto de compatibilidad vs buenas prácticas) en beneficio de las hojas de estilo.

Ver la demo