Hemos estado ocupados.

Con Dreamweaver CC siempre tendrás acceso a las nuevas funciones en cuanto están disponibles. ¿Tienes una versión anterior? Comparar las funciones ›

Dreamweaver CC (2017)

Nuevo editor de código

Escribe código más rápido y con mayor flexibilidad gracias al nuevo motor de programación. Las sugerencias de código ayudan a los usuarios nuevos a familiarizarse con HTML, CSS y otros estándares web, y las ayudas visuales, como la identificación automática, la representación del código en colores y las fuentes ajustables ayudan a reducir los errores y facilitar la lectura del código.

Espacio de trabajo para desarrolladores

Carga y abre archivos con rapidez y muévete por los proyectos más rápido gracias al nuevo espacio de trabajo sencillo y de mayor rendimiento, diseñado para desarrolladores.

Compatibilidad con preprocesadores de CSS

Dreamweaver admite ahora preprocesadores de CSS habituales, como SASS, Less y SCSS, con representación del código a todo color, así como compilaciones, con lo que es posible ahorrar tiempo y generar código más limpio.

Vista previa en el navegador en tiempo real

Comprueba las modificaciones que has hecho en la página en tiempo real, sin necesidad de actualizar el navegador de forma manual.

Rápida edición de CSS en archivos HTML

El nuevo modo de edición rápida es un editor integrado para modificar el código CSS pertinente del archivo HTML, por lo que podrás realizar cambios de código más rápido.

Documentación de CSS en contexto

Gracias al nuevo modo de documentación rápida, ahorrarás tiempo visualizando la información de referencia pertinente sobre las propiedades de CSS de Web Platform Docs directamente en la vista de código.

Varios cursores para tareas repetitivas

Escribe más de una línea de código a la vez para llevar a cabo de forma rápida tareas como crear una lista con viñetas, actualizar una serie de cadenas y realizar varias modificaciones al mismo tiempo.

IU actual

En respuesta a la información recibida por parte de miles de evaluadores de la versión beta, Dreamweaver se ha rediseñado con una interfaz más intuitiva y personalizable, menús y paneles más accesibles, y una barra de herramientas configurable y contextual que te muestra únicamente las herramientas que necesitas.

Temas de colores de la IU

Ahora la interfaz ofrece cuatro niveles de contraste, desde claro a oscuro, por lo que resulta más sencillo leer y editar las líneas de código.

Mejoras de Creative Cloud Assets

Archiva y restaura todos los activos almacenados en Creative Cloud, incluidos los de las bibliotecas de Creative Cloud Libraries, los activos creados con tus productos para ordenadores de sobremesa y los proyectos para dispositivos móviles.

Presentamos Typekit Marketplace

Compra fuentes de algunas de las empresas con mayor renombre del sector y utilízalas en tus proyectos de Dreamweaver. Adobe Typekit utiliza la sincronización de fuentes y las tecnologías web para distribuir las fuentes de la tienda donde las necesites.

Y mucho más

También incluye la integración con Adobe CreativeSync, mejoras en la búsqueda y el reemplazo, mejoras en la función de completar el código con PHP 5.6, inicio y cambio entre archivos, fichas y vistas más rápidos, recuperación tras bloqueo y mucho más.
Ver todas las notas de la versión ›

Dreamweaver CC (beta)

Ayúdanos a construir el futuro de Dreamweaver

Estamos transformando Dreamweaver para que resulte más rápido y asequible, con una interfaz más moderna y una experiencia intuitiva para los diseñadores que deban recurrir a la codificación. Consigue la versión beta y ayúdanos a mejorarlo.
Más información ›

Dreamweaver CC (2015.1)

Activos al alcance de tu mano con las bibliotecas de Creative Cloud Libraries

Explora y accede a colores, gráficos y otros activos creativos de las bibliotecas disponibles en Dreamweaver y otras aplicaciones de Creative Cloud. Los activos se pueden vincular de forma que, si se cambia alguno, tu equipo podrá actualizarlo en cualquier proyecto. La gestión de tus proyectos es más fácil que nunca gracias a las bibliotecas de Creative Cloud Libraries.
Comprobar cómo funciona ›

Integración de Adobe Stock

Ahora puedes buscar, implantar licencias, y gestionar imágenes y gráficos vectoriales sin derechos de autor directamente desde Dreamweaver. Elige entre 45 millones de activos, guarda tu selección en tus bibliotecas de Creative Cloud Libraries y, después, arrástrala a tu proyecto para utilizarla. También puedes obtener licencias para activos de vídeo directamente en la tienda (marketplace) de Adobe Stock.
Comprobar cómo funciona ›

Nuevas ayudas visuales con el framework de Bootstrap más reciente

Crea con facilidad sitios web que se adapten a cualquier navegador y dispositivo gracias a la integración con la versión más reciente del framework de Bootstrap. Las nuevas ayudas visuales te ayudan a definir puntos de corte para diversas dimensiones de pantalla y organizar el código, todo ello con Dreamweaver.

Uso de las mesas de trabajo de Photoshop para diseñar sitios web adaptativos

Diseña sitios web adaptativos a partir de archivos de Photoshop que contienen varias mesas de trabajo, cada una de las cuales con diseños para tamaños de pantalla distintos. Extrae CSS, imágenes, colores y mucho más directamente desde archivos PSD compartidos, directamente en Dreamweaver.
Comprobar cómo funciona ›

Mejoras en la vista de código y la vista en vivo

Codifica de forma más eficiente mediante la compatibilidad con Emmet que convierte abreviaciones sencillas en códigos HTML y CSS complejos, y realiza comprobaciones en tiempo real con Linting. También podrás editar HTML incrustado en archivos PHP en Vista en vivo.

Y mucho más

También incluye plantillas de inicio sencillas para ayudar a los principiantes y a los estudiantes a crear sitios web atractivos y mucho más.
Ver todas las notas de la versión ›

Dreamweaver CC (2015)

Tienda de fotos e imágenes

Encuentra las imágenes perfectas para tu sitio en la tienda (marketplace) de Adobe Stock. Explora una biblioteca de fotos e ilustraciones cada vez más amplia y descárgalas directamente en tu proyecto desde Creative Cloud.

Previsualizaciones en varios dispositivos

Prueba e inspecciona sitios web en varios dispositivos a la vez. Solo tienes que escribir una URL corta en el navegador de tu dispositivo móvil para previsualizar tus sitios.
Comprobar cómo funciona ›

Creación de sitios web adaptativos

Desarrolla sitios web que se adapten dinámicamente a diferentes tamaños de pantalla con Bootstrap integrado. Revitaliza tus sitios existentes, empieza desde cero, utiliza plantillas o incorpora componentes de Bootstrap. Previsualiza tus diseños en tiempo real cambiando el tamaño de la Vista en vivo en Dreamweaver. Define consultas multimedia visualmente y más.
Comprobar cómo funciona ›

Exportación por lotes a partir de archivos PSD

Ahorra tiempo extrayendo rápidamente imágenes optimizadas para la web de documentos de Photoshop en diferentes resoluciones y formatos.
Comprobar cómo funciona ›

Codificación más rápida

Los nuevos temas del editor de código, la validación de código en tiempo real con Linting y la función de autocompletar compatible con Emmet hacen que la escritura de código en Dreamweaver resulte más rápida y sencilla que nunca.
Comprobar cómo funciona ›

Y mucho más

También se incluye un nuevo panel de DOM para navegar y editar elementos de páginas HTML con facilidad, previsualizaciones en tiempo real de colores e imágenes en la vista de código, nuevos fragmentos de código adaptativo para acelerar el desarrollo, inserción automática de archivos dinámicos al guardar y mucho más.
Ver todas las notas de la versión ›

Dreamweaver CC (2014.1)

Extract

Obtén sugerencias de código contextuales; arrastra y suelta imágenes optimizadas en Vista en vivo; copia fácilmente código CSS y texto; y consigue mediciones e información sobre los colores, degradados, fuentes y más a partir de un archivo PSD.
Comprobar cómo funciona ›

Vista en vivo

Las nuevas capacidades, como los menús contextuales y las actualizaciones en el panel Insertar, los métodos abreviados de teclado y el editor de etiquetas de HTML hacen que la edición y la previsualización de los sitios web sean más rápidas que nunca.
Comprobar cómo funciona ›

Guías interactivas

Con las Guías interactivas, puedes mover elementos HTML junto con su código asociado con precisión con solo arrastrar y soltar.

Plantillas de inicio

Obtén una ventaja inicial en los sitios web adaptativos con los diseños personalizables integrados.

Arquitectura de 64 bits

Dreamweaver se ha rediseñado para aprovechar al máximo los sistemas operativos y el hardware de 64 bits, lo que se traduce en una mayor compatibilidad y un mejor rendimiento.

Dreamweaver CC (2014)

Vista rápida de elementos

Visualiza tus marcas en un nivel superior con la nueva herramienta Visualización de DOM. Haz cambios en tu estructura de contenido fácilmente arrastrando y soltando, duplicando, eliminando o seleccionando varios flujos de trabajo.
Comprobar cómo funciona ›

Inspector de propiedades de la Vista en vivo

Selecciona, cambia e inspecciona las propiedades de cualquier elemento HTML en la Vista en vivo. Consulta los resultados sin tener que actualizar.
Comprobar cómo funciona ›

Inserción en la Vista en vivo

Cuando te encuentres en la Vista en vivo, puedes utilizar el panel Insertar para añadir elementos HTML y previsualizar los cambios sin tener que cambiar los modos o actualizar la página.
Comprobar cómo funciona ›

Mejoras en el Diseñador de CSS

Genera CSS limpio y basado en estándares con herramientas de edición visuales e intuitivas. Aplica texto, diseño, color y otras propiedades CSS rápidamente. Entre las importantes mejoras de usabilidad se encuentran la nueva herramienta Borde, la posibilidad de deshacer y mejoras significativas del flujo de trabajo.
Comprobar cómo funciona ›

Gestión de sitios basada en certificados

Gestiona archivos de forma segura desde tu sitio utilizando la autenticación SFTP basada en certificados, que proporciona un acceso optimizado a múltiples servidores.

Centro de Ayuda

Esta función te ayudará a descubrir nuevos flujos de trabajo eficaces y funciones en la primera ejecución. Podrás omitirla sin problemas y, además, el contenido está organizado por módulos, por lo que podrás volver a ella fácilmente siempre que lo necesites.
Comprobar cómo funciona ›

Y mucho más

También se incluyen mejoras de la función Deshacer/Rehacer; cambios en el acceso a las extensiones; actualizaciones de los flujos de trabajo de Adobe Business Catalyst y PhoneGap Build y mucho más.
Ver todas las notas de la versión ›

Dreamweaver CC (13.1)

Resaltado en vivo

Visualiza las relaciones existentes entre los elementos HTML de Vista en vivo y los selectores de CSS aplicados. Inspecciona y resalta elementos en Vista en vivo en tiempo real mientras interactúas con el Diseñador de CSS.
Comprobar cómo funciona ›

Vista en vivo renovada

El nuevo motor de representación de la Vista en vivo muestra el contenido web con el mismo rendimiento y compatibilidad con HTML5 disponibles en Google Chrome. Ahora puedes dedicar más tiempo a Dreamweaver y menos a entrar y salir del navegador para comprobar el contenido.
Comprobar cómo funciona ›

Mejora del Diseñador de CSS

Genera código limpio de conformidad con los estándares web a través de herramientas de edición visuales e intuitivas. Aplica rápidamente propiedades CSS, como degradados y sombras de cuadro. Las mejoras de la facilidad de uso y un nuevo selector de color mejoran la productividad al agilizar los flujos de trabajo de edición de CSS visuales.
Comprobar cómo funciona ›

Sincronización de la configuración mejorada

Inicia sesión en Creative Cloud desde cualquier equipo y sincroniza tus preferencias, configuración del sitio, espacios de trabajo personalizados y métodos abreviados de teclado. Personaliza tu flujo de trabajo una vez y llévatelo contigo allá donde vayas, y todo ello a través de Creative Cloud.
Comprobar cómo funciona ›

Compatibilidad con plataformas actuales

Crea proyectos con HTML (formularios HTML5, compatibilidad con jQuery mejorada), CSS y JavaScript.
Comprobar cómo funciona ›

Vista de código mejorada

Programa de un modo más eficaz gracias a la Vista de código mejorada, que ahora permite resaltar números de líneas y etiquetas coincidentes. La nueva función de sugerencias de código del selector de CSS incluye compatibilidad con preferencias para personalizar los colores.
Comprobar cómo funciona ›

Y la lista continúa

También se incluyen sugerencias de código para selectores CSS, compatibilidad con PHP 5.4, actualizaciones de Adobe Extension Manager, mejoras de Adobe Exchange y mucho más.
Ver todas las notas de la versión ›

Dreamweaver CC (13)

Diseñador de CSS

Esta intuitiva herramienta de edición visual te ayuda a crear código limpio de conformidad con los estándares web y a aplicar rápidamente propiedades CSS como degradados y sombras de cuadro.
Comprobar cómo funciona ›

Diseño de cuadrícula fluida mejorado

Crea visualmente diseños web y diseños con capacidad de respuesta. La interfaz actualizada de Diseño de cuadrícula fluida hace que diseñar proyectos para diferentes tamaños de pantalla para ordenadores de sobremesa y dispositivos sea pan comido.
Comprobar cómo funciona ›

Sincronización de la configuración

Inicia sesión en Creative Cloud desde cualquier ordenador para acceder a tus archivos, preferencias y configuración. Tienes todo lo que necesitas para trabajar en tus proyectos web, en cualquier momento y en cualquier lugar.
Comprobar cómo funciona ›

Adobe Edge Web Fonts

Utiliza la extensa biblioteca de Edge Web Fonts que se encuentra en constante ampliación y que utiliza la tecnología de Adobe Typekit.
Comprobar cómo funciona ›

Compatibilidad con plataformas actuales

Crea proyectos con HTML, CSS y JavaScript. Desarrolla páginas dinámicas con más seguridad gracias a la nueva compatibilidad con PHP 5.4.

Experiencia de usuario simplificada

La interfaz renovada de Dreamweaver CC es más intuitiva y cuenta con flujos de trabajo mejorados. Disfruta de una aplicación más rápida y ligera gracias a la retirada de funciones obsoletas.
Comprobar cómo funciona ›

Widgets de IU de jQuery

La compatibilidad visual completa con widgets de IU de jQuery mejora tu flujo de trabajo de desarrollo.
Comprobar cómo funciona ›

Audio y vídeo HTML5 agilizados

Mejora tus proyectos para dispositivos móviles y ordenadores de sobremesa con películas y sonidos divertidos. Añade fácilmente audio y vídeo HTML5 a tus sitios web y aplicaciones. La interfaz limpia y las sugerencias de código agilizan la inserción de medios sofisticados y la hacen más eficaz.
Comprobar cómo funciona ›

Inserción de elementos HTML5 más rápida

Haz uso del panel Insertar, que cuenta con una organización nueva, para añadir rápidamente etiquetas HTML5 y elementos de página comunes. El panel se ha dividido en útiles categorías para que resulte más sencillo identificar las opciones. Te llevará muy poco tiempo buscar y añadir elementos en una interfaz cómoda y centralizada.

Y mucho más

Obtén más información acerca de todas estas nuevas funciones.
Ver todas las notas de la versión ›