La Extensión de Adobe® AIR® para Dreamweaver® le permite transformar una aplicación basada en la Web en una aplicación de escritorio. Los usuarios pueden posteriormente ejecutar la aplicación en sus escritorios y, en algunos casos, sin conexión a Internet.

Puede utilizar la extensión con la versión Dreamweaver CS3 y posteriores. No es compatible con Dreamweaver 8.

Nota:

Adobe AIR no es compatible con Adobe InContext Editing. Si utiliza la extensión de AIR para Dreamweaver para exportar una aplicación que contiene regiones de InContext Editing, la funcionalidad de InContext Editing no estará disponible.

Instalación de la Extensión de AIR para Dreamweaver

La Extensión de AIR para Dreamweaver le ayuda a crear aplicaciones de Internet completas para escritorio. Supongamos, por ejemplo, que dispone de un conjunto de páginas Web que interactúan para mostrar datos XML. Puede utilizar la Extensión de Adobe AIR para Dreamweaver para empaquetar este conjunto de páginas en una pequeña aplicación que se puede instalar en el equipo del usuario. Cuando el usuario ejecuta la aplicación desde su escritorio, la aplicación carga y muestra el sitio Web en su propia ventana de aplicación independiente del navegador. El usuario puede examinar el sitio Web de forma local en su equipo sin conexión a Internet.

Las páginas dinámicas, como son las páginas de Adobe® ColdFusion® y PHP, no se ejecutan en Adobe AIR. La versión de tiempo de ejecución sólo funciona con HTML y JavaScript. No obstante, puede utilizar código JavaScript en las páginas para llamar a cualquier servicio Web expuesto en Internet (entre ellos, servicios generados mediante ColdFusion o PHP) con métodos Ajax como XMLHTTPRequest o API específicas de Adobe AIR.

Requisitos del sistema

Para utilizar la Extensión de Adobe AIR para Dreamweaver, es preciso que el siguiente software esté instalado y configurado correctamente:

  • Dreamweaver CS3 o posterior

  • Adobe® Extension Manager CS3 o posterior

  • Java JRE 1.4 o posterior (necesario para crear el archivo de Adobe AIR). Java JRE está disponible en http://java.sun.com/.

    Los requisitos indicados más arriba sólo son necesarios para crear y obtener una vista previa de aplicaciones Adobe AIR en Dreamweaver. Para instalar y ejecutar una aplicación de Adobe AIR en el escritorio, deberá instalar también Adobe AIR en su equipo. Para descargar la versión de tiempo de ejecución, consulte www.adobe.com/go/air_es.

Instalación de la Extensión de AIR para Dreamweaver

  1. Descargue la Extensión de Adobe AIR para Dreamweaver de la siguiente dirección: http://www.adobe.com/es/products/air/tools/ajax/.

  2. Haga doble clic en el archivo de extensión .mxp en el Explorador de Windows (Windows) o en el Finder (Macintosh).

  3. Siga las instrucciones que aparecen en pantalla para instalar la extensión.

  4. Cuando termine, reinicie Dreamweaver.

    Para obtener más información sobre cómo usar la Extensión de Adobe AIR para Dreamweaver, consulte Uso de la Extensión de AIR para Dreamweaver.

Creación de una aplicación de AIR en Dreamweaver

Para crear una aplicación de AIR basada en HTML en Dreamweaver, deberá seleccionar un sitio existente para empaquetarlo como aplicación de AIR.

  1. Asegúrese de que las páginas Web que desea empaquetar en la aplicación están contenidas en un sitio definido de Dreamweaver.

  2. En Dreamweaver, abra la página principal del conjunto de páginas que desea empaquetar.

  3. Seleccione Sitio > Configuración de aplicación Air.

  4. Complete el cuadro de diálogo AIR - Configuración de aplicación e instalador y, a continuación, haga clic en Crear archivo AIR.

    Para más información, consulte las opciones del cuadro de diálogo enumeradas más abajo.

    La primera vez que se crea un archivo de Adobe AIR, Dreamweaver crea un archivo application.xml en la carpeta raíz del sitio. Este archivo sirve un archivo manifest que define diversas propiedades de la aplicación.

    A continuación se describen las opciones del cuadro de diálogo AIR - Configuración de aplicación e instalador:

    Nombre de archivo de la aplicación

    es el nombre empleado para el archivo ejecutable de la aplicación. De manera predeterminada, la extensión utiliza el nombre del sitio de Dreamweaver como nombre del archivo. Puede cambiar el nombre si lo desea. No obstante, el nombre debe contener sólo caracteres válidos para nombres de archivo o nombres de carpeta. (Es decir, sólo puede contener caracteres ASCII y no puede terminar en punto). Este ajuste es necesario.

    Nombre de aplicación

    es el nombre que aparece en las pantallas de instalación cuando los usuarios instalan la aplicación. Una vez más, la extensión especifica el nombre del sitio de Dreamweaver de manera predeterminada. Este ajuste no tiene ninguna restricción de caracteres y no es obligatorio.

    ID de la aplicación

    identifica la aplicación con un ID exclusivo. Puede cambiar el ID predeterminado si lo desea. No utilice espacios ni caracteres especiales en el ID. Los únicos caracteres válidos son 0-9, a-z, A-Z, . (punto) y - (guión). Este ajuste es necesario.

    Versión

    especifica un número de versión de la aplicación. Este ajuste es necesario.

    Contenido inicial

    especifica la página inicial de la aplicación. Haga clic en el botón Examinar para ir a la página inicial y seleccionarla. El archivo elegido debe encontrarse en la carpeta raíz del sitio. Este ajuste es necesario.

    Descripción

    le permite especificar una descripción de la aplicación que aparecerá cuando el usuario instale la aplicación.

    Copyright

    Le permite especificar el copyright que se muestra en la información de Acerca de para aplicaciones de Adobe AIR instaladas en Macintosh. Esta información no se utiliza para las aplicaciones instaladas en Windows.

    Estilo de ventana

    especifica el estilo de ventana (o fondo cromático) que debe utilizarse cuando el usuario ejecuta la aplicación en un equipo. Fondo cromático del sistema aplica el control de ventana estándar del sistema operativo a la aplicación. Fondo cromático personalizado (opaco) elimina el fondo cromático del sistema estándar y le permite crear un fondo cromático propio para la aplicación. (El fondo cromático personalizado se integra directamente en la página HTML empaquetada). Fondo cromático personalizado (transparente) es igual que Fondo cromático personalizado (opaco), con la diferencia de que añade características de transparencia a los bordes de la página, lo que permite utilizar ventanas de aplicación que no tengan forma rectangular.

    Tamaño de ventana

    especifica las dimensiones de la ventana de la aplicación cuando se abre.

    Icono

    le permite seleccionar imágenes personalizadas para los iconos de la aplicación. (Las imágenes predeterminadas son imágenes de Adobe AIR que se suministran con la extensión). Para utilizar imágenes personalizadas, haga clic en el botón Seleccionar imágenes de icono. Seguidamente, en el cuadro de diálogo Imágenes de icono que aparece, haga clic en la carpeta para cada tamaño de icono y seleccione el archivo de imagen que desea utilizar. AIR sólo admite archivos PNG para imágenes de iconos de aplicaciones.

    Nota:

    Las imágenes personalizadas seleccionadas deben residir en el sitio de la aplicación y sus rutas deben ser relativas a la raíz del sitio.

    Tipos de archivos asociados

    le permite asociar tipos de archivos a la aplicación. Para más información, consulte la sección siguiente.

    Actualizaciones de la aplicación

    determina si es el instalador de aplicaciones de Adobe AIR o la propia aplicación la que debe llevar a cabo las actualizaciones a nuevas versiones de la aplicación de Adobe AIR. La casilla de verificación está seleccionada de manera predeterminada, lo que provoca que el instalador de aplicaciones de Adobe AIR lleve a cabo actualizaciones. Si desea que la aplicación realice sus propias actualizaciones, anule la selección de la casilla de verificación. Recuerde que si anula la selección de la casilla de verificación, deberá crear una aplicación con capacidad para realizar actualizaciones.

    Archivos incluidos

    especifica los archivos o las carpetas que deben incluirse en la aplicación. Puede añadir archivos HTML y CSS, archivos de imagen y archivos de biblioteca JavaScript. Haga clic en el botón Más (+) para añadir archivos y el icono de carpeta para añadir carpetas. No debe incluir determinados archivos como _mmServerScripts, _notes, etc. Para eliminar un archivo o una carpeta de la lista, selecciónelo y haga clic en el botón Menos (-).

    Firma digital

    Haga clic en Establecer para firmar la aplicación de forma digital. Este ajuste es necesario. Para más información, consulte la sección siguiente.

    Carpeta de menú del programa

    especifica el subdirectorio del menú Inicio de Windows en el que desea que se cree el acceso directo a la aplicación. (No aplicable a Macintosh).

    Destino

    especifica el lugar en el que debe guardarse el instalador de la aplicación (archivo .air). La ubicación predeterminada es la raíz del sitio. Haga clic en el botón Examinar para seleccionar otra ubicación. El nombre de archivo predeterminado se basa en el nombre del sitio con la extensión .air añadida. Este ajuste es necesario.

    A continuación se ofrece un ejemplo del cuadro de diálogo con algunas opciones básicas establecidas:

     

    Cuadro de diálogo Configuración de aplicación e instalador de AIR
    Cuadro de diálogo Configuración de aplicación e instalador de AIR

Firmar una aplicación de con un certificado digital

Una firma digital proporciona la garantía de que el código de la aplicación no se ha modificado ni corrompido desde que lo creó el autor del software. Todas las aplicaciones de Adobe AIR necesitan una firma digital y no se pueden instalar sin ella. Puede firmar su aplicación con un certificado digital adquirido, crear su propio certificado o preparar un archivo Adobe AIRI (un archivo intermedio de Adobe AIR) que firmará en un momento posterior.

  1. En el cuadro de diálogo AIR - Configuración de aplicación e instalador, haga clic en el botón Establecer que aparece junto a la opción Firma digital.

  2. En el cuadro de diálogo Firma digital, realice una de las acciones siguientes:

    • Para firmar una aplicación con un certificado digital comprado, haga clic en el botón Examinar, seleccione el certificado e introduzca la contraseña correspondiente, a continuación, haga clic en Aceptar.

    • Para crear su propio certificado digital, haga clic en el botón Crear y complete el cuadro de diálogo. La opción de tipo de certificado se refiere al nivel de seguridad: 1024-RSA utiliza una clave de 1024 bits (menos segura) y 2048-RSA utiliza una clave de 2048 bits (más segura). Cuando acabe, haga clic en Aceptar. A continuación, introduzca la contraseña correspondiente en el cuadro de diálogo Firma digital y haga clic en Aceptar.

    • Seleccione Preparar un paquete AIRI para firmarlo más tarde y haga clic en Aceptar. Esta opción le permite crear una aplicación de archivo intermedio (AIRI) de AIR sin firma digital. No obstante, los usuarios no podrán instalar la aplicación hasta que le añada una firma digital.

Acerca de la marca de fecha

Al firmar una aplicación de Adobe AIR con un certificado digital, la herramienta de empaquetado consulta el servidor de una autoridad de marca de fecha para obtener una fecha y hora de firma verificables de manera independiente. La marca de fecha obtenida se incorpora al archivo AIR. El archivo AIR se podrá instalar incluso después de que haya caducado el certificado, siempre y cuando el certificado de firma fuera válido en el momento de la firma. Si, por el contrario, no se obtiene marca de fecha, el archivo AIR ya no podrá instalarse cuando el certificado caduque o sea revocado.

De manera predeterminada, la Extensión de Adobe AIR para Dreamweaver obtiene una marca de fecha al crear una aplicación de Adobe AIR. No obstante, puede desactivar la marca de fecha anulando la selección de la opción Marca de fecha en el cuadro de diálogo Firma digital. (Es posible que desee hacer esto, por ejemplo, si no hay disponible ningún servicio de marca de fecha). Adobe recomienda que todos los archivos AIR distribuidos públicamente incluyan marca de fecha.

La autoridad de marca de fecha predeterminada que emplean las herramientas de empaquetado de AIR es Geotrust. Para más información sobre la marca de fecha y los certificados digitales, consulte Digitally signing an AIR file (Firma digital de un archivo de AIR).

Edición de los tipos de archivos AIR asociados

Puede asociar diferentes tipos de archivos a la aplicación Adobe AIR. Por ejemplo, si desea que los archivos con extensión .avf se abran en Adobe AIR cuando el usuario hace doble clic en ellos, puede añadir la extensión .avf a la lista de tipos de archivos asociados.

  1. En el cuadro de diálogo AIR - Configuración de aplicación e instalador, haga clic en el botón Modificar lista situado junto a la opción Tipos de archivo asociados.

  2. En el cuadro de diálogo Tipos de archivo asociados, proceda de una de las siguientes formas:

    • Seleccione un tipo de archivo y haga clic en el botón menos (-) para eliminar el tipo de archivo.

    • Haga clic en el botón más (+) para añadir un tipo de archivo.

      Si hace clic en el botón de signo más para añadir un tipo de archivo, aparecerá el cuadro de diálogo Configuración de tipo de archivo. Complete el cuadro de diálogo y haga clic en Aceptar para cerrarlo.

      A continuación figura una lista de opciones:

      Nombre

      especifica el nombre del tipo de archivo que aparece en la lista Tipos de archivos asociados. Esta opción es obligatoria y sólo puede incluir caracteres ASCII alfanuméricos (a-z, A-Z, 0-9) y puntos (por ejemplo, adobe.VideoFile). El nombre debe empezar por una letra. La longitud máxima es de 38 caracteres.

      Extensión

      especifica la extensión del tipo de archivo. No incluya un punto inicial. Esta opción es obligatoria y sólo puede incluir caracteres ASCII alfanuméricos (a-z, A-Z, 0-9). La longitud máxima es de 38 caracteres.

      Descripción

      le permite especificar una descripción opcional para el tipo de archivo.

      Tipo de contenido

      especifica el tipo MIME o el tipo de medio para el archivo (por ejemplo, text/html, image/gif, etc.).

      Ubicaciones de archivos de icono

      le permite seleccionar imágenes personalizadas para los tipos de archivos asociados. (Las imágenes predeterminadas son imágenes de Adobe AIR que se suministran con la extensión).

Edición de la configuración de aplicaciones de AIR

Puede editar la configuración de su aplicación de Adobe AIR en cualquier momento.

  1. Seleccione Sitio > Configuración de aplicación AIR y realice los cambios deseados.

Vista previa de una página web en una aplicación de AIR

Puede obtener una vista previa de una página HTML en Dreamweaver tal y como aparecería en una aplicación de Adobe AIR. La vista previa resulta útil para comprobar el aspecto que tendrá una página Web en la aplicación sin tener que crear toda la aplicación.

  1. En la barra de herramientas Documento, haga clic en el botón Vista previa/Depurar en navegador y luego seleccione Vista previa en AIR.

    También puede presionar Ctrl+Mayús+F12 (Windows) o Cmd+Mayús+F12 (Macintosh).

Uso de sugerencias para el código y colores de código de AIR

La Extensión de Adobe AIR para Dreamweaver también añade sugerencias para el código y colores de código para elementos del lenguaje de Adobe AIR en la vista de Código de Dreamweaver.

  1. Abra un archivo HTML o JavaScript en la vista de Código e introduzca código de Adobe AIR.

    Nota:

    El mecanismo de sugerencias para el código sólo funciona dentro de las etiquetas <script> o en archivos .js.

    Para más información sobre los elementos del lenguaje de Adobe AIR, consulte la documentación para desarrollador incluida en el resto de esta guía.

Acceso a la documentación de Adobe AIR

La extensión de Adobe AIR añade un elemento de menú Ayuda a Dreamweaver que le permite obtener acceso a Developing AIR Applications with HTML and Ajax (Desarrollo de aplicaciones AIR con HTML y Ajax).

  1. Seleccione Ayuda > Ayuda de Adobe AIR.

Esta obra está autorizada con arreglo a la licencia de Reconocimiento-NoComercial-CompartirIgual 3.0 Unported de Creative Commons.  Los términos de Creative Commons no cubren las publicaciones en Twitter™ y Facebook.

Avisos legales   |   Política de privacidad en línea