Resumen de las nuevas funciones Adobe Dreamweaver CC 2015, Parte - 1

versión de Adobe Dreamweaver CC 2015.1 le ofrece una experiencia innovadora en todo lo relacionado con el diseño y la creación de sitios webs en Dreamweaver. Ahora, se puede acceder a las Bibliotecas Creative Cloud y a Adobe Stock desde el mismo Dreamweaver a fin de integrar los elementos de diseño y los estilos de las aplicaciones de escritorio y móviles de Adobe, así como imágenes y vídeos de gran calidad de Stock. Las funciones de colaboración de Creative Cloud proporcionan un flujo de trabajo sencillo entre diseñadores y desarrolladores.

Además, esta versión incluye varias mejoras en el diseño web interactivo, en Extract, en las funciones de edición de la Vista en vivo y en diferentes áreas solicitadas por otros usuarios como usted. En este artículo se presentan las mencionadas nuevas funciones y mejoras, y se proporcionan vínculos a recursos para obtener más ayuda y cursos de aprendizaje.

Novedades

Integración con las Bibliotecas Creative Cloud
Integración con Adobe Stock
Mejoras en el diseño interactivo
Mejoras en Extract
Mejoras en la edición de la Vista en vivo
Actualizaciones integradas
Servidor de prueba: mejoras en el flujo de trabajo
Contracción de código basada en una selección
Mejoras en el diseñador de CSS
Posibilidad de limitar las acciones de deshacer y rehacer a los documentos activos
Mejoras en el panel DOM
Opción Restablecer para las guías de las nuevas funciones
Actualización del validador de W3C
Compatibilidad con los archivos SVG en el panel Activos
Sincronización más rápida de la configuración de Dreamweaver con Creative Cloud

¿Qué ha cambiado?

Mejoras en el flujo de trabajo para añadir consultas de medios
Cambios en el Inspector de propiedades de visualización rápida de imágenes
Cambios en las opciones de zoom
Cambios en el menú Ver
API y panel Estilos CSS en desuso

Ir al principio
Integración con las Bibliotecas Creative Cloud
Con la nueva compatibilidad para Bibliotecas Creative Cloud, puede colaborar y compartir los vectores y los temas de color creados con otras herramientas de diseño, como Photoshop, Illustrator u otras aplicaciones móviles. Puede examinar, gestionar y acceder a los activos creativos en cualquier momento, donde los necesite y en los distintos proyectos de Dreamweaver.

Panel Bibliotecas CC en Dreamweaver

Cuando inserte activos desde Bibliotecas Creative Cloud, puede elegir mantener el vínculo entre el activo y la fuente para que los activos estén actualizados en todo momento.

El nuevo panel Bibliotecas CC de Dreamweaver le ayuda a ver los activos en sus bibliotecas Creative Cloud y a insertarlos en sus páginas web. Puede insertar los activos en la Vista en vivo o en la Vista de código mediante sugerencias para el código.

Integración con Adobe Stock

La integración con Adobe Stock le permite descargar imágenes, gráficos vectoriales y vídeos libres de derechos directamente en las Bibliotecas Creative Cloud, así como administrar y reutilizar su contenido de Adobe Stock desde Dreamweaver.

Encuentre las imágenes, vectores y vídeos de Adobe Stock que necesita para darle un matiz visual atractivo a su página web mientras trabaja en Dreamweaver.

Búsqueda y compra de imágenes desde Adobe Stock

Mejoras en el diseño interactivo
Mejoras de Bootstrap

Compatibilidad con la versión 3.3.5 de Bootstrap

La versión de Bootstrap utilizada en Dreamweaver se ha actualizado a la versión 3.3.5. Como resultado, los componentes, fragmentos y plantillas de inicio de Bootstrap son de la versión 3.3.5.

La versión de jQuery también se ha actualizado a la versión 1.11.3.
Duplicar filas y columnas

Además de las funciones Añadir columna/Añadir fila disponibles para los documentos de Bootstrap en la Vista en vivo, ahora Dreamweaver también le permite duplicar filas y columnas.

Para duplicar una fila o una columna seleccionada, haga clic en el icono Duplicar (

) que aparece en la esquina inferior derecha. La fila o la columna entera se duplicará, junto con todo su contenido.

Nota: La opción Añadir fila o Añadir columna duplica la fila o la columna con las clases, pero sin el contenido.

Opción de duplicar fila y columna en documentos de Bootstrap
Mejoras en el flujo de trabajo de la creación de documentos de Bootstrap

Tanto si crea un documento de Bootstrap desde el cuadro de diálogo Nuevo documento como si lo hace a partir de una plantilla de inicio, el flujo de trabajo es fluido e impecable. Los cuadros de diálogo "Copiar archivos dependientes” y "Sobrescribir archivos existentes” ya no se muestran, a diferencia de las versiones anteriores de Dreamweaver.

Al crear y guardar un documento de Bootstrap en una ubicación específica, los archivos dependientes también se guardan en la misma ubicación.

Ahora, Dreamweaver resalta las consultas de medios asociadas al tamaño de las ventanas gráficas que se estén usando de modo que pueda identificarlas rápidamente. El resaltado se indica con unas flechas más oscuras y un fondo oscuro que señalan los valores de los puntos de corte de las consultas de medios.

Consultas de medios activos y consultas de medios inactivos (resaltadas)
Mejoras en el flujo de trabajo para añadir consultas de medios

Ahora, al hacer clic en + en la barra de consulta de medios visuales, Dreamweaver no le indicará que haga clic en las opciones de max-width o min-width, sino que mostrará inmediatamente una ventana emergente para añadir una consulta de medios.
Además, la opción de max-width ya está seleccionada de forma predeterminada en la ventana emergente. Se ha introducido una lista desplegable que le permite cambiar la opción a min-width o min-max.

Cambios en la adición de consultas de medios
Mejoras en la edición de los puntos de corte

Ahora, puede editar los valores de las consultas de medios haciendo doble clic en los valores de los puntos de corte que aparecen en la barra de consulta de medios visuales. Al hacer doble clic en el valor de un punto de corte, se muestra un borde naranja, y el punto de inserción aparece dentro del borde.

Tras introducir los nuevos valores (en píxeles), pulse Intro o Retorno para confirmar los cambios, o bien pulse Escape para descartarlos.

Seguir Leyendo