Resumen de nuevas funciones

Dreamweaver 13.1 es una actualización de Dreamweaver CC (13.0) que exige que la versión Dreamweaver CC (13.0) esté instalada en el equipo. Para ver la lista de las nuevas funciones de Dreamweaver CC (13.0), consulte Novedades de Dreamweaver CC.

Ahora puede utilizar el Selector de color para seleccionar una amplia gama de colores al utilizar funciones de Dreamweaver como Diseñador de CSS, el panel Activos y Preferencias.

El nuevo Selector de color de Dreamweaver le permite:

• Elegir colores de diferentes modelos de color (RGBa, Hexadecimal o HSLa). Ajustar la luminosidad (F) y la opacidad (E) de los colores según sea necesario. A continuación, guarde las diferentes combinaciones de colores como muestras de color.
  • Para restablecer el color nuevo con el color original, haga clic en el color original (B).
  • Para cambiar el orden de las muestras, arrastre las muestras a la posición deseada.
  • Para eliminar una muestra de color, arrastre la muestra fuera del panel.
• Utilice la herramienta Cuentagotas (H) para muestrear colores a partir de cualquier punto de la pantalla del equipo. Para elegir colores de aplicaciones distintas de Dreamweaver, mantenga pulsado el botón del ratón, arrastre el ratón sobre el color correspondiente y suelte el botón del ratón.

Mejoras en la sincronización con la nube

Sincronización de métodos abreviados de teclado y del espacio de trabajo

Ahora puede sincronizar métodos abreviados de teclado y espacios de trabajo personalizados con la nube (y otro equipo que ejecute Dreamweaver CC en el mismo sistema operativo).

Los métodos abreviados de teclado y los espacios de trabajo están configurados para que se sincronicen de forma predeterminada. Puede optar por no sincronizarlos anulando la selección de las opciones en el cuadro de diálogo Preferencias.

Mejoras en el cuadro de diálogo Preferencias

El botón Aceptar del cuadro de diálogo Preferencias se sustituye por el botón Aplicar para permitirle modificar el ajuste en varias categorías y aplicar los cambios antes de cerrarlo.

Mejoras en el Diseñador de CSS

Resaltado en vivo

Al editar las propiedades de un selector CSS con anterioridad a la versión Dreamweaver 13.1, no había forma de identificar los elementos de la página que se iban a ver afectados por los cambios.

Ahora, con Resaltado en vivo, puede identificar fácilmente los elementos de la página asociados a un selector CSS. Puede optar por continuar editando las propiedades o, si desea cambiar las propiedades de un solo elemento concreto, crear un nuevo selector CSS para dicho elemento y editar sus propiedades. 

Para obtener más información, consulte Identificar los elementos de página asociados a un selector CSS.

Almacenamiento y restauración del contexto

Dreamweaver dispone ahora de almacenamiento y restauración del contexto para conservar el contexto original del panel Diseñador de CSS en todos los flujos de trabajo de edición/adición/eliminación.

Anteriormente, si editaba o añadía una propiedad en un selector de la lista calculada de selectores, el panel de propiedades cambiaba a la lista calculada de propiedades. Asimismo, la edición/eliminación de valores de márgenes hacía descender el bloque de propiedades de margen.

El almacenamiento y restauración del contexto resuelve estos problemas.

Puede ver cómo funciona Almacenamiento y restauración del contexto en los siguientes escenarios:

• Rastreador de regla CSS: Haga clic en cualquier selector del panel de selectores. La IP se actualiza en el código CSS
• Elimine las propiedades del texto/borde o de cualquier otra categoría. El panel de propiedades no perderá el contexto.
• Los desplazamientos y fichas dentro del panel de propiedades se mantiene para todos los selectores (si se desplaza hasta el borde en un selector y después cambia a otro selector, seguirá viendo el panel de propiedades con la categoría de borde).

Además de esto, comprobará que la edición/adición de propiedades dentro de un selector en la lista calculada de selectores y la edición/eliminación de valores de margen funcionan mucho mejor.

Mejoras en la vista Código

Resaltado de los números de líneas

Los números de línea en los que está presente el punto de inserción se resaltan en la vista Código, Código en vivo, vista Diseño, Vista en vivo y el inspector de código. Los números de línea también se resaltan en el caso de que existan errores de sintaxis.

Resaltado de etiquetas y atributos

Se resalta la etiqueta en la que está presente el punto de inserción. Si el punto de inserción está en la etiqueta de apertura, la etiqueta de cierre también se resalta y viceversa. El resaltado funciona con clics de ratón y con teclas de navegación mediante teclado. El resaltado de etiquetas funciona en Código en vivo y en el inspector de código.

Puede cambiar el color del resaltado de etiquetas en Preferencias (Colores de código).

Sugerencias para el código para selectores CSS

Las sugerencias para el código para la clase e ID que están presentes en los archivos HTML principales ahora pueden verse en archivos CSS, LESS, SASS y SCSS junto con la etiqueta de estilo en línea.

Dreamweaver proporciona sugerencias para el código al escribir . o # en un archivo CSS relacionado o en etiquetas de estilo en línea del archivo HTML principal.

Método abreviado de teclado para desplazarse al principio o al final de la línea actual

• En Mac: Cmd+Flecha izquierda para desplazarse al inicio de la línea actual; Cmd+Flecha derecha para desplazarse al final de la línea actual.
• En Win: Ctrl+Flecha izquierda para desplazarse al inicio de la línea actual; Ctrl+Flecha derecha para desplazarse al final de la línea actual.

Los métodos abreviados de teclado se pueden personalizar en la sección Edición > Métodos abreviados de teclado > Comandos > Edición de código.

Integración con CEF

Dreamweaver está integrado ahora en CEF (Chromium Embedded Framework), un marco de código abierto basado en el proyecto Google Chromium. Esta integración permite a Dreamweaver controlar la carga de recursos, la navegación, los menús contextuales, la impresión y otras actividades aprovechando a la vez el mismo rendimiento y las mismas tecnologías HTML5 disponibles en el navegador web Google Chrome.

Para conocer más información, consulte Integración de CEF.

Nota: Debido a la integración de CEF, es necesario cambiar la forma de usar <mm:browsercontrol> al desarrollar extensiones. Consulte este artículo para conocer más detalles.

Compatibilidad con PHP 5.4

Compatibilidad completa con PHP 5.4 (sin errores de sintaxis).

Actualizaciones de Adobe Extension Manager

Adobe Extension Manager 7.1 aporta nuevas funciones que mejoran la experiencia a la hora de descargar extensiones y tenerlas actualizadas.

Mejoras en Adobe Exchange

• Antes, cualquier contenido para Adobe Exchange se tenía que empaquetar como archivo ZXP con una utilidad como Adobe Exchange Packager. Adobe Exchange y Extension Manager se han actualizado para permitir que se envíe e instale cualquier tipo de archivo. Esto significa que Adobe Exchange admite más aplicaciones de Adobe CC y mucho más contenido. Adobe Exchange incluirá contenido compatible seleccionado de Adobe Exchange clásico y del catálogo Photoshop Marketplace.

• Ahora cualquiera puede enviar archivos a Adobe Exchange Producer Portal. Cuando selecciona esta opción, Adobe Exchange empaqueta el contenido automáticamente como ZXP sin firmar y Extension Manager lo instala en la carpeta de descargas del usuario, donde está disponible para cargarse del mismo modo que las extensiones automáticas más complejas. Esta nueva compatibilidad de contenido funciona con cualquier aplicación de escritorio de CC compatible con Exchange, por ejemplo, Photoshop® CC, InDesign® CC, Illustrator® CC, Dreamweaver® CC, InCopy® CC, Prelude® CC y Premiere® Pro CC.

Actualizar las extensiones directamente mediante Adobe Extension Manager

Ahora una extensión que se ofrece a través de Extension Manager puede proporcionar un vínculo de actualización, que dirige a información actualizada en el servidor de actualizaciones del proveedor. Extension Manager muestra las actualizaciones disponibles en esta ubicación y permite que el usuario las inicie. Puede facilitar una URL de descarga del paquete ZXP, en cuyo caso Extension Manager lo descargará e instalará automáticamente, o puede incluir un enlace a una página con instrucciones que permitan al usuario descargar e instalar la actualización manualmente.