Creative_Cloud_mnemonic_RGB_128px

Actualización de Dreamweaver CC disponible

Para obtener más información, consulte el Resumen de las nuevas funciones.


Selector de color

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.

Selector de color
Selector de color

A. Color seleccionado B. Color original C. Muestra de color D. Añadir muestra de color E. Regulador de opacidad F. Regulador de luminosidad G. Regulador de color H. Herramienta Cuentagotas I. Modelos de color J. Paleta de color 

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.
Para cerrar el Selector de color, presione Esc.

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.

Cuadro de diálogo Preferencias
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 cuadro de diálogo Preferencias
Mejoras en el cuadro de diálogo Preferencias

Mejoras en el Diseñador de CSS

Resaltado en vivo

Al editar las propiedades de un selector CSS anterior a la versión 13.1 de Dreamweaver, 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 la 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 las fichas dentro del panel de propiedades se mantienen 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 de 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 de 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 los números de líneas
Resaltado de los números de líneas

Resaltado de los números de una línea
Resaltado de los números de líneas

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.

Resaltado de etiquetas
Resaltado de etiquetas

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

Preferencias (Colores de código)
Preferencias (Colores de código)

Sugerencias para el código para selectores CSS

Sugerencias para el código para la clase e ID presentes en los archivos HTML principales ahora se pueden ver en CSS, LESS, SASS, y SCSS junto con el estilo en línea de la etiqueta.

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.

Sugerencias para el código
Sugerencias para el código

Preferencias (Sugerencias para el código)
Preferencias (Sugerencias para el código)

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 más información, consulte /es/Integración con CEF.

Nota: Debido a la integración de CEF, la forma en que usa <mm:browsercontrol> al desarrollar extensiones requiere un cambio. Consulte este artículo para obtener información detallada.

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 proporciona nuevas funciones que mejoran la experiencia de descargar extensiones y mantenerlas 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á el 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.

Actualice 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 proporcionar una URL de descarga del paquete ZXP, en cuyo caso Extension Manager lo descarga e instala automáticamente, o puede hacer referencia a una página con instrucciones que permitan al usuario descargar e instalar la actualización manualmente.

Extension Manager muestra que hay actualizaciones disponibles.
Extension Manager muestra que hay actualizaciones disponibles.

Haga clic en el botón Actualizar para iniciar una actualización.
Haga clic en el botón Actualizar para iniciar una actualización.

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