Revisión de la suite de diseño web Adobe Dreamweaver CC 2022-2023

Tabla de contenido:

Anonim

Hemos cubierto docenas de las mejores plataformas de software de creación de sitios web aquí, desde lo sublime hasta lo ridículo. También exploramos una aplicación diseñada para ayudarlo a escribir una página o un sitio completo únicamente en código. Sin lujos, solo HTML sin formato. Está claro que, sea cual sea su experiencia, habrá una aplicación o servicio para satisfacer sus necesidades.

Pero hay una aplicación que está diseñada para profesionales y es bastante única en la industria, ya que ha sobrevivido o comprado a su competencia a lo largo de los años: el poderoso Adobe Dreamweaver. Así que echemos un vistazo a la última versión, CC 2022-2023.

No ignoremos al elefante en la habitación y lo abordemos de frente (cuidado con los colmillos): todos los productos de Adobe están disponibles únicamente mediante suscripción. Esto significa que paga todos los meses y siempre tendrá la última y mejor versión a su disposición. Deje de pagar y la aplicación desaparecerá y no podrá acceder a sus proyectos (a menos que extraiga los formatos sin procesar de ellos).

  • ¿Quiere probar Adobe Dreamweaver? Echa un vistazo a la página web aquí

Puede suscribirse a Dreamweaver por su cuenta por $ 20,99 (£ 19,97) al mes en un plan anual o $ 31,49 (£ 30,34) mes a mes.

Sin embargo, $ 52.99 (£ 49.94) por mes en un plan anual (o $ 79.49 (£ 75.85) mes a mes) le otorga acceso a todo el portafolio de Adobe, lo que significa que puede diseñar en Photoshop e Illustrator, mover esos archivos a Dreamweaver, editar un película en Premiere e insértela en su página web. Todo está diseñado para funcionar en conjunto, y todas las interfaces tienen similitudes entre ellas que lo ayudan a pasar de una aplicación a otra con poca dificultad, siempre que comprenda las complejidades de cada una, por supuesto.

Los estudiantes y profesores pueden obtener el paquete completo por solo $ 19,99 (£ 16,24) al mes en un plan anual, lo cual es una locura (o una excelente manera de engancharte).

Empecemos, aunque no se deje intimidar demasiado, al menos no tan pronto …

Empezando

Como era de esperar, Dreamweaver admite todos los estándares web, desde HTML básico hasta CSS, Javascript y todas las funcionalidades modernas, incluido Bootstrap. Se centra en crear sitios web receptivos que se adapten al dispositivo en el que el visitante lo está viendo (ya sea una computadora, tableta o teléfono), pero, por supuesto, nada le impide crear sitios que no responden e indicarle a su sitio que redirija a páginas específicas según en el dispositivo en el que se está viendo.

Dreamweaver le ofrece un puñado de plantillas para ayudarlo a poner las cosas en marcha

Si es nuevo en Dreamweaver, la aplicación le ofrece algunas plantillas para comenzar. Estos son muy útiles para ayudarlo a comenzar de inmediato, por así decirlo, y a menudo pueden ser más útiles que mirar una página en blanco.

Sin embargo, no hay muchas plantillas para elegir, y no se deje engañar pensando que Dreamweaver hará todo el trabajo por usted: trate los marcadores de posición como fuentes de inspiración para personalizar esas páginas usted mismo.

Verifique una vista previa en vivo de su sitio y arrastre y suelte los elementos directamente donde los desee

Construyendo un sitio web

La interfaz se divide en varias secciones que se pueden personalizar hasta cierto punto. La barra lateral en el lado izquierdo le otorga acceso a comandos comunes, como abrir documentos, administración de archivos y opciones de Vista en vivo.

Las pestañas de la derecha son donde administra los archivos de su sitio y las bibliotecas CC. Hay una lista de elementos que puede arrastrar y soltar en su página, así como una sección para diseñar hojas de estilo en cascada.

Y la parte principal de la interfaz está dedicada a su código o una vista previa de la página que está creando.

Compruebe cómo se verá su sitio simulando diferentes pantallas y resoluciones

Puede cambiar fácilmente entre ver una vista previa completa de su página (junto con opciones para simular cómo se vería la página en pantallas de diferentes tamaños), solo mirar el código o una mezcla de los dos.

La ventana de propiedades le ayuda a realizar cambios rápidos en los elementos resaltados

Para alterar partes de su página (como una imagen o texto), abrir la ventana flotante Propiedades le permitirá realizar los cambios que necesita. Incluso hay una forma sencilla de arrastrar un icono de destino a otra imagen en la pestaña Archivo para cambiar de imagen de forma rápida y sencilla.

A pesar de estas características, si no tiene conocimientos de codificación, se perderá bastante rápido. Sí, puede arrastrar y soltar elementos desde la pestaña 'Insertar' en la Vista previa de la página, pero esto solo lo llevará hasta cierto punto, y encontrará que tendrá que profundizar en el código rápidamente, y con frecuencia, para realizar las modificaciones. necesitas.

Sin embargo, Dreamweaver intenta hacerlo más fácil: resalte el texto en la sección de vista previa, y el mismo texto se resaltará en el código, lo que reduce el tiempo que dedicaría a buscar la misma sección. Lo contrario también es cierto: resalte algo de código y la sección que se relaciona con resalta en el área de vista previa.

Esta es probablemente una de las razones por las que creemos que la vista dividida es la mejor opción, ya que le permite arrastrar y soltar elementos, luego sumergirse en el código para realizar los cambios que necesita en segundos.

La sugerencia de código es una excelente manera de autocompletar mientras escribe

Otra mejora que apreciamos fueron las sugerencias de código: al igual que cuando escribe en un teléfono y la interfaz le ofrece una selección de palabras que cree que está escribiendo actualmente, puede seleccionar la correcta más rápidamente que escribirla por completo, comience a escribir código en Dreamweaver y se le ofrecerán sugerencias mientras lo hace. No solo lo ayuda a escribir más rápido, sino que también puede ayudarlo a escribir el código con precisión y evitar errores tipográficos. Creemos que esto puede ser de gran beneficio tanto para los profesionales como para los principiantes.

Últimas incorporaciones con CC2020

Como Dreamweaver se actualiza constantemente y puede descargar la última versión en cualquier momento mientras su suscripción aún es válida, se agregan y mejoran nuevas funciones de forma incremental. Curiosamente, dos de nuestros favoritos, a saber, la edición de visualización en vivo y las sugerencias de código, son algunas de las mejoras recientes.

La otra grande es una nueva configuración de fuente para Dreamweaver japonés, pero al no tener ningún conocimiento de este idioma, lamentablemente no es algo que pudimos comprobar.

Apoyo

La "Ayuda" le envía a la base de conocimientos en línea de Dreamweaver de Adobe, que incluye tutoriales y una guía de usuario completa. La sección del foro puede ayudarlo a ubicar a otras personas que han tenido problemas similares con los que puede estar luchando y, con suerte, mostrarle cómo resolverlos.

Si esto no es suficiente, puede chatear con un representante de Adobe. Cuando probamos esto, la persona con la que estábamos charlando regresó con las respuestas que necesitábamos rápidamente.

Veredicto final

Dreamweaver es un programa enorme y complejo y esta revisión apenas ha arañado su superficie, pero esperamos que pueda ver que hay mucho aquí para amar. Hay muchas funciones que están diseñadas para ayudarlo a crear sitios de manera rápida y eficiente, siempre y cuando no le importe profundizar en el código. Dreamweaver no lo hará todo por usted, pero hará todo lo posible para facilitar su proceso de creación.

Sin embargo, si su conocimiento de HTML es limitado o incluso inexistente, le recomendamos que comience con una aplicación o servicio diferente, ya que esto puede resultar demasiado intimidante. Por el contrario, si ya tiene una suscripción a Adobe Creative Cloud, hay muy pocas razones para no probar este programa, especialmente porque las funciones de soporte son completas y la mesa de ayuda está muy bien informada.

  • También hemos destacado el mejor software de diseño web.