Como norma general, cualquier usuario sabe que, cuando el cursor cambia a una mano, se puede hacer click sobre el elemento. Por lo tanto el truco es muy sencillo: Hacer que label responda cambiando el cursor cuando nos situamos encima del mismo, como por ejemplo en este input:

¿Y cómo conseguimos la mano? Para eso tenemos CSS:

label{
    cursor:pointer
}

Listo

Fecha: Martes 21 de Junio de 2011
Hora: 10:00 AM
Lugar: Sala de Reuniones de Q-interactiva en Oviedo (Ver localización)

Os esperamos!

El proceso más útil sería crear nuestra propia plantilla, pero además de ser algo complicado nos obligaría a crear una nueva cada vez que se actualicen las librerías.

La ventaja de utilizar el panel es que nos permite indicar una carpeta desde la que se obtienen los archivos requeridos por jQueryMobile, sin necesidad de que se encuentren dentro de la configuración de Dreamweaver ni en el sitio que estemos creando: Podemos dejar la carpeta en nuestro escritorio, selecionarla desde el diálogo que nos aparece al crear la primera página y DW se encargará de copiarlos al sitio además de recordar la configuración. Además podemos cambiar de versión de librería siempre que queramos.

Por último, otra pequeña ventaja: Al utilizar las plantillas, las librerías son copiadas directamente a la raiz del sitio. Al insertar páginas, en cambio, los archivos son copiados dentro de una carpeta (utiliza el mismo nombre que la carpeta donde tengamos alojados los archivos).

Podemos incluso crear nuestro propio comando, para poder definir la carpeta de origen en cualquier momento e incluso que nos añado los archivos sin necesidad de crear una página.

1.- Copiar los archivos JQMSettings.htm y JQMSettings.js que se encuentran dentro la carpeta Configuration/Commands de DW
2.- Pegarlos en la carpeta Configuration/Commands del usuario (crearla si aún no existe). Las rutas son:

• Mac: /Users/Usuario/Library/Application Support/Adobe/Dreamweaver CS5.5/[idioma]/Configuration
• Win: C:\Users\Usuario\AppData\Roaming\Adobe\Dreamweaver CS5.5\[idioma]\Configuration

3.- Editar la linea 1 de JQMSettings.htm y eliminar el comentario
4.- Editar la linea 89 de JQMSettings.js

• antes:
  result.returnValue = “OK”
• despues:
  if(result!=undefined){
  result.returnValue = “OK”
  }else{
  addResources(dw.getDocumentDOM());
  }

A partir de ahora, nos aparecerá un nuevo comando, desde el que podremos seleccionar y añadir directamente las librerías a nuestro documento:

Sin embargo, por defecto, algunas funcionalidades, como añadir una pantalla de entrada (Splash screen) sólo aparece disponible por defecto para las aplicaciones de iOS.

El problema reside en que esta funcionalidad sólo ha estado disponible desde las últimas versiones de PhoneGap

¿Quiere esto decir que no podemos hacer lo mismo para Android? Con un pequeño retoque, sí.

El código de Dreamweaver ya estaba preparado para aceptarla cuando apareciera, así que sólo necesitamos saber dónde se encuentra escondida y activarla.

1.- Por defecto, la ventana para configurar una aplicación de Android (Site->Mobile Applications->Application Settings…) presenta este diseño:

2.- El diseño y la lógica de esta ventana se encuentra en la carpeta Configuration/NativeAppFramework de DW, concretamente en los archivos NativeAppSetup.htm y NativeApp.js. Para trabajar más seguros, copiaremos todo a la carpeta configuration del usuario para que nos quede esta ruta:
C:\Users\*NombreUsuario*\AppData\Roaming\Adobe\Dreamweaver CS5.5\en_US\Configuration\NativeAppFramework\

De esta manera nos aseguramos de que cualquier problema que pueda aparecer se soluciona simplemente eliminando la carpeta.

3.- Ya tenemos todo listo: Abrimos el archivo NativeAppSetup.js y vamos a la línea 105:

4.- Simplemente comentamos las lineas 106 y 107:

5.- Guardamos los cambios, reiniciamos Dreamweaver y…. voilá:

2.- CSS3 a pleno rendimiento: No sólo vas a ver el resultado en la vista en vivo, sino que se han añadido nuevos grupos de propiedades al panel de estilos. Incluye incluso soporte para trabajar con los formatos de colores rgb, rgba, hsl y hsla

3.- Panel de CSS mejorado: Ahora hay muchas propiedades (como sombras, degradados…) que puede editar de forma visual desde el mismo panel.

4.- Ayuda al código: Además de todo lo que ya hacía, como la introspección de CS5, se añade soporte para HTML5, CSS3, DOM y… jQuery!!! Si utilizas este framework, te lo vas a pasar en grande: Lo primero de todo es que no hace falta ni enlazarlo: Viene de forma nativa. además verás que es capaz de distinguir entre métodos estáticos y no estáticos, encadenado de métodos, métodos sobrecargados, manejadores de eventos, selectores (sabe distinguir entre etiquetas, id’s y classnames sólo con empezar a teclear y funciona incluso con filtros)… impresionante

5.- Vista en múltiples pantallas y CSS media queries: Puedes configurar distintas dimensiones de pantalla y la vista diseño de Dw se redimensionará y se adaptará a los valores que hayamos definidos en los media queries de CSS. Ideal para trabajar en sitios complatibles en múltiples dispositivos (Pc, tablet, teléfonos…)

6.- Ahora sí: Validación de la buena: Los documentos no se validan en local, sino directamente contra el validador del W3C. Puede validar tanto documentos estáticos (html) como dinámicos (php)

7.- Soporte para FTPS, tanto en su modálidad implícita (FTPS) como explícita (FTPeS)

8.- Widget Browser: Ahora se instala por defecto y trae alguna novedad como poder arrastrar el widget directamente al documento que tengas abierto en Dreamweaver.

9.- jQuery Mobile: Se incluyen no sólo una colección de widgets especiales para jQM, sino que también tienes acceso a páginas predefinidas con las que poder comenzar a trabajar directamente con este framework especial para móviles

10.- PhoneGap: He dejado esta para el final porque es mi favorita: Si quieres comenzar en el mundo de las aplicaciones para iOS y Android lo tienes más fácil que nunca. Por ejemplo, si te gusta Android (como es mi caso), Dreamweaver te ayuda a instalar el SDK y el emulador con un sólo click y hasta a crear tus propios dispositivos virtuales para realizar pruebas en diferentes configuraciones. El proceso es tan sencillo como definir las características de tu aplicación (más sencillo que configurar un sitio), comenzar a crear y probarlo en el emulador en cualquier momento.

La principal ventaja de la extensión es que no sólo te ayudará a crear un diseño rápido, sino que además se encargará de añadir todos los archivos necesarios a tu sitio.

La extensión se compone de 3 partes:

- En primer lugar tenemos un panel de inserción, desde el cual añadimos un layout completo a la página que nos servirá de base y que utilizaremos posteriormente para añadir nuevas filas y columnas:

- 960 Grid System incluye una ayuda visual, que nos permite ver las columnas que lo componen:

- Y, para terminar, un inspector de propiedades desde el que podemos modificar no sólo la posición de cada columna, sino sus paddings y añadirles los nombres de estilos css que hayamos creado para nuestro diseño:

Como podéis ver, trabajar con 960 es ahora un trabajo mucho más sencillo gracias a esta excelente extensión.

Aprender más y Descargar 960 Grid System para Dreamweaver (Se necesita registro gratuito en DMXZone.com)

El evento tendrá lugar el Jueves, 18 de Noviembre de 2010 a partir de las 20:00 (hora peninsular española).
El aforo al aula online donde tiene lugar el eSeminar es limitado y sólo podrán entrar las primeras 250 personas que lleguen, así que te deberás ser puntual, ya que abrirán las puertas 5 minutos antes del comienzo de la sesión. Utiliza el nombre de usuario o el nombre y el apellido con el que estás registrado en video2brain.

Para más información sobre el evento, puedes visitar la entrada en el blog de Video2Brain

Fecha: 13 de Octubre de 2010
Hora: 20:00 hora española peninsular

El aforo al aula online donde tiene lugar el eSeminar es limitado y sólo podrán entrar las primeras 250 personas que accedan al aula online.

La entrada al aula es aquí: http://webdwk35.bon.at/extensionesdw/, ¡compártanlo con sus colegas y amigos!

Por favor, para asistir al eSeminar y aprovecharlo al máximo, procura llegar a la hora convenida. Abriremos las puertas 5 minutos antes del comienzo de la sesión. Utiliza el nombre de usuario o el nombre y el apellido con el que estás registrado en video2brain.

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