Adobe Dreamweaver

Adobe Dreamweaver es la herramienta web líder de la industria que proporciona una solución robusta e integrada para diseñar, desarrollar y publicar proyectos para cualquier tamaño de pantalla.

Esta aplicación es parte de Adobe Creative Cloud (más de 20 aplicaciones y servicios). ¡Es GRATIS durante los primeros 7 días, Pruébala ahora!

Con características como el nuevo Diseñador CSS, Adobe Edge Web Fonts (suministradas por Adobe Typekit), widgets de jQuery UI, inserción de audio y video HTML5 más sencilla, y una interfaz mejorada de Diseño de Cuadrícula Fluida, los diseñadores y desarrolladores web pueden crear contenido web y móvil más rápido que nunca.

Te ofrece formas más rápidas y sencillas de diseñar, codificar y publicar sitios web y aplicaciones web que se ven increíbles en cualquier tamaño de pantalla.

El espacio de trabajo optimizado y todo en uno de Adobe Dreamweaver CC ofrece un entorno intuitivo y visual para aplicar rápidamente propiedades CSS como gradientes y sombras de caja.

Diseñadores y desarrolladores de todos los niveles pueden usar sugerencias de código avanzadas y una representación de navegador uno a uno utilizando el motor WebKit para seguir los estándares web y las mejores prácticas mientras crean sitios web atractivos y dinámicos para múltiples dispositivos.

La aplicación es una potente herramienta para desarrollar sitios web y aplicaciones móviles.

Ahorra tiempo, trabaja de forma más eficiente y crea diseños atractivos con el conjunto completo de herramientas que obtienes con tu membresía de Creative Cloud, incluyendo Adobe Edge Animate, Edge Code, Edge Reflow, Edge Inspect, Flash Professional y Photoshop.

Crea y publica rápidamente páginas web en casi cualquier lugar con software de diseño web compatible con HTML, CSS, JavaScript y más.

¿Novedades?

Descubre las novedades de la última versión de Dreamweaver de junio de 2022 (versión 21.3)

• Edición fluida en Vista en vivo
• Soporte multi-monitor para Windows
• Interfaz de usuario rediseñada y moderna
• Soporte para Git

Codificación rápida y flexible
Crea, codifica y gestiona sitios web dinámicos fácilmente con un motor de codificación inteligente y simplificado. Accede a sugerencias de código para aprender y editar rápidamente HTML, CSS y otros estándares web. Y utiliza ayudas visuales para reducir errores y acelerar el desarrollo del sitio.

Configuración del sitio en menos pasos
Pon tus sitios en marcha más rápido con plantillas de inicio que puedes personalizar para crear correos electrónicos HTML, páginas 'Acerca de', blogs, páginas de comercio electrónico, boletines y portafolios. El coloreado del código y las sugerencias visuales te ayudan a leer el código más fácilmente para ediciones y actualizaciones rápidas.

Visualización dinámica en cada dispositivo
Crea sitios web responsivos que se adapten a cualquier tamaño de pantalla. Previsualiza tus sitios y ediciones en tiempo real para asegurarte de que tus páginas se vean y funcionen como deseas antes de publicarlas.

Soporte multi-monitor para Windows
Ahora puedes ampliar tu espacio de trabajo mostrando tus páginas en varios monitores.

Integración CEF
La última versión de Dreamweaver 2025 ahora se integra con la última versión de Chromium Embedded Framework, para que puedas construir un sitio web HTML5 moderno y mostrar elementos, cuadrículas CSS y mucho más.

Interfaz de usuario rediseñada y moderna
Una interfaz optimizada y ordenada te permite personalizar tu espacio de trabajo para mostrar solo las herramientas que necesitas para codificar.

Soporte para Git
La colaboración es fácil con el soporte para Git. Gestiona todo tu código fuente dentro de la aplicación y realiza todas las operaciones comunes directamente desde el panel de Git.

Características y Aspectos Destacados

Soporte para jQuery Mobile
Añade interactividad avanzada con sugerencias de código jQuery. jQuery simplifica la adición de interactividad a las páginas web. Empieza rápidamente con plantillas iniciales para teléfonos móviles.

Soporte para PhoneGap
Crea y empaqueta aplicaciones nativas para Android e iOS con Adobe PhoneGap. Convierte HTML existente en una aplicación para teléfono móvil dentro de La herramienta usando el framework PhoneGap. Prueba los diseños con el emulador proporcionado.

Panel de vista previa multipantalla
Diseña para smartphones, tablets y ordenadores de escritorio con el panel de vista previa multipantalla. Utiliza el soporte de consultas de medios para estilizar y visualizar la renderización de tus diseños para una amplia gama de dispositivos.

Diseño de cuadrícula fluida
Construye diseños y maquetaciones web complejos sin tener que sumergirte en el código. El Diseño de Cuadrícula Fluida es adaptable para ayudarte a diseñar proyectos que se muestran en diferentes tamaños de pantalla para ordenadores de escritorio y dispositivos.

Vista en vivo
Comprueba tus páginas antes de publicarlas con un motor de renderizado WebKit que soporta la visualización de contenido HTML5. Ayuda a asegurar la compatibilidad entre navegadores y una visualización consistente de tus diseños.

Soporte CSS3/HTML5
Estiliza con el panel CSS, que soporta CSS3. La vista de diseño soporta consultas de medios para aplicar diferentes estilos que se ajusten a las dimensiones de la pantalla. La vista de diseño y la sugerencia de código soportan HTML5.

Integración con Adobe Business Catalyst
Utiliza el panel integrado de Business Catalyst en el programa para conectar y editar sitios que construyas con Adobe Business Catalyst (disponible por separado). Construye sitios de comercio electrónico con la solución alojada.

FTP
Sube archivos grandes rápidamente con la herramienta de transferencia FTP rediseñada. Ahorra tiempo transfiriendo lotes de archivos asociados al publicar tus proyectos.

Soporte CMS integrado
Crea sitios usando CMS como WordPress, Joomla! y Drupal. Accede a archivos relacionados con la función Archivos Relacionados Dinámicamente. La Navegación en Vista en Vivo ofrece previsualizaciones precisas de aplicaciones dinámicas.

Sugerencias de código específicas del sitio
Benefíciate de las sugerencias de código en archivos no estándar en Dreamweaver 2025, lo que permite un soporte mejorado de sugerencias para bibliotecas PHP de terceros y frameworks CMS como WordPress, Joomla! y Drupal.

Soporte FTPS, FTPeS
Despliega archivos de forma más segura con soporte nativo para los protocolos FTPS y FTPeS.

Integración con Adobe Creative Suite
Ahorra tiempo y trabaja de forma más eficiente con los componentes de Adobe Creative Suite, incluyendo Adobe Flash Professional, Fireworks y Photoshop Extended.

Comunidad extendida
Aprende y comparte con una comunidad extensa. Accede al Centro de Diseño de Adobe y Adobe Developer Connection en línea, capacitaciones y seminarios, programas de certificación para desarrolladores y foros de usuarios.

Soporte para tecnologías líderes
Diseña y desarrolla en un entorno que soporta la mayoría de las tecnologías líderes de desarrollo web, incluyendo HTML, XHTML, CSS, XML, JavaScript, Ajax, PHP, el software Adobe ColdFusion y ASP.

Integración con Adobe BrowserLab
Previsualiza páginas web dinámicas y contenido local con herramientas de diagnóstico y comparación. Utiliza Adobe BrowserLab (disponible por separado) para probar el contenido web en diferentes navegadores y sistemas operativos.

Transiciones CSS3
Anima los cambios en las propiedades CSS como transiciones para dar vida a los diseños web. Mantén un mayor control del diseño web mientras perfeccionas los elementos de la página y creas efectos cautivadores.

Validación W3C
Utiliza el Servicio de Validación de Marcado W3C en línea para ayudar a asegurar la precisión de tus diseños web basados en estándares.

Soporte para Subversion
Almacena tus archivos de forma más segura con soporte para el software Subversion®.

Inspección CSS
Muestra visualmente el modelo de caja CSS en detalle y alterna fácilmente las propiedades CSS sin leer código ni necesitar una utilidad separada.

Sugerencias de código de clases personalizadas de PHP
Crea y mantén aplicaciones PHP y obtén una visión directa de las funciones, métodos y objetos principales con las sugerencias de código PHP dinámicas.

Configuración sencilla del sitio
Configura un sitio con facilidad utilizando el cuadro de diálogo de Definición de Sitio de Dreamweaver rediseñado. Añade múltiples servidores con nombres personalizados para utilizar sitios en fase o en red u otros tipos de sitios.

Páginas iniciales CSS
Comienza tu diseño de sitio web basado en estándares con los Diseños Iniciales CSS. Elige entre una amplia selección de plantillas que incorporan las mejores prácticas CSS y selectores y reglas fáciles de entender.

Soporte CSS completo
Diseña y desarrolla sitios web con potentes herramientas CSS. Muestra visualmente el modelo de caja CSS en Dreamweaver y reduce la necesidad de editar manualmente el código CSS, incluso en hojas de estilo externas.

Contenido FLV integrado
Añade archivos FLV a cualquier página web con facilidad de apuntar y hacer clic y codificación conforme a estándares. Previsualiza tus películas con capacidades de reproducción FLV en Vista en vivo.

Preguntas Frecuentes

¿Qué es Adobe Dreamweaver?
Adobe Dreamweaver es una herramienta de desarrollo web que te permite crear y diseñar sitios web, aplicaciones web y aplicaciones móviles.

¿Puedo usar Adobe Dreamweaver GRATIS?
No, Adobe Dreamweaver es un software de pago. Sin embargo, puedes descargar una versión de prueba GRATUITA de 7 días de Dreamweaver desde el sitio web de Adobe.

¿Qué lenguajes de programación soporta Adobe Dreamweaver?
Soporta varios lenguajes de programación, incluyendo HTML, CSS, JavaScript, PHP y más.

¿Puedo previsualizar mi sitio web en Dreamweaver antes de publicarlo?
Sí, tiene una función incorporada que te permite previsualizar tu sitio web en diferentes navegadores antes de publicarlo.

¿Dreamweaver tiene plantillas o temas?
Sí, La aplicación tiene una variedad de plantillas y temas que puedes usar para comenzar tus proyectos de desarrollo web.

¿Puedo usar Dreamweaver para diseño web responsivo?
Sí, tiene funciones incorporadas para el diseño web responsivo, lo que te permite crear sitios web que se vean bien en cualquier dispositivo.

¿Se puede usar Dreamweaver para programación del lado del servidor?
Sí, soporta lenguajes de programación del lado del servidor como PHP y ASP, lo que te permite crear sitios web dinámicos.

¿Es Dreamweaver fácil de usar para principiantes?
Puede ser un poco abrumador para principiantes, pero tiene una interfaz fácil de usar y varias funciones útiles para ayudar a los principiantes.

¿Dreamweaver tiene capacidades FTP?
Sí, tiene capacidades FTP que te permiten subir fácilmente los archivos de tu sitio web a tu servidor de alojamiento web.

¿Puedo usar Dreamweaver para el desarrollo de aplicaciones móviles?
Sí, tiene funciones que te permiten crear aplicaciones móviles para plataformas iOS y Android usando PhoneGap.

Precios

Aplicación Individual - US$22.99/mes

Creative Cloud Todas las Aplicaciones - US$59.99/mes

Estudiantes y profesores - US$19.99/mes

Empresas - US$37.99/mes por licencia

Alternativas

Visual Studio Code - Un editor de código gratuito y de código abierto desarrollado por Microsoft.

Sublime Text - Un editor de código ligero y rápido conocido por su velocidad y capacidad de respuesta.

Brackets - Un editor de código de código abierto desarrollado por Adobe.

Notepad++ - Un editor de código popular y ligero para PC con Windows.

Pinegrow - Una herramienta de diseño y desarrollo web que se centra en la edición visual.

Requisitos del Sistema

• Sistema operativo: Microsoft Windows 11/10 (64 bits) versiones 1809, 1903, 1909, 2004, 20H2 y posteriores
• Procesador: Procesador Intel® Core 2 o AMD Athlon® 64; procesador de 2 GHz o más rápido
• RAM: 4 GB de RAM (8 GB recomendados)
• Espacio en disco duro: 3.1 GB o más de espacio disponible en el disco duro para la instalación de 64 bits; se requiere espacio libre adicional durante la instalación (no se puede instalar en dispositivos de almacenamiento flash extraíbles)
• Resolución del monitor: Pantalla de 1280 x 1024 con tarjeta de video de 16 bits

VENTAJAS

Diseño Visual: Ofrece una potente interfaz de diseño visual que permite a los usuarios crear páginas web de forma visual, facilitando la creación de sitios web a diseñadores que quizás no se sientan cómodos con la codificación.

Editor de Código: Tiene un editor de código incorporado con características como resaltado de sintaxis, autocompletado de código y validación de código. Esto es útil para desarrolladores que prefieren trabajar directamente con el código.

Integración: Se integra bien con otros productos de Adobe como Photoshop e Illustrator, permitiendo una transferencia fluida de activos y diseños.

Plantillas y Bibliotecas: Proporciona plantillas y bibliotecas de código, lo que puede acelerar el proceso de desarrollo y ayudar a mantener la coherencia en un sitio web.

Diseño Responsivo: Incluye herramientas para crear diseños web responsivos, asegurando que los sitios web funcionen bien en varios tamaños de pantalla y dispositivos.

FTP y Publicación: Tiene soporte FTP incorporado, lo que facilita la carga y gestión de archivos de sitios web directamente desde la aplicación.

Extensibilidad: Soporta extensiones y plugins, permitiendo a los usuarios añadir funcionalidades adicionales y personalizar el software según sus necesidades.

DESVENTAJAS

Modelo de Suscripción: Adobe pasó a un modelo de precios basado en suscripción con Creative Cloud, lo que puede ser costoso para algunos usuarios, especialmente si solo necesitan el programa y no la suite completa.

Intensivo en Recursos: Puede ser intensivo en recursos, especialmente al trabajar en proyectos grandes, lo que puede llevar a un rendimiento lento en computadoras antiguas o menos potentes.

Curva de Aprendizaje: Si bien las funciones de diseño visual pueden ser útiles, todavía hay una curva de aprendizaje involucrada, particularmente para principiantes. Aprender a usar el editor de código de manera efectiva puede llevar tiempo.

Calidad del Código: El código generado por el editor visual de Dreamweaver puede no ser siempre tan limpio y optimizado como el código escrito a mano. Los desarrolladores pueden necesitar revisar y limpiar el código manualmente.

Conclusión

En resumen, Adobe Dreamweaver es una potente herramienta de desarrollo web para PC que proporciona una interfaz visual para la construcción de sitios web y aplicaciones web.

Ofrece una gama de características y capacidades, incluyendo herramientas de diseño responsivo, resaltado de código y sintaxis, y soporte FTP/SFTP/FTPS para transferencias de archivos.

Con su interfaz de usuario intuitiva y su extensa documentación, Dreamweaver es una excelente opción para desarrolladores web de todos los niveles. Ya sea que estés construyendo una simple página de aterrizaje o una aplicación web compleja, puede ayudarte a lograr tus objetivos de forma rápida y sencilla.

Nota: Versión de prueba de 7 días.

También disponible: Descargar Adobe Dreamweaver para Mac

Traducido por el Equipo de Localización de Filehorse