La presencia en línea es más que estar en línea, y Adobe tiene una aplicación para eso.

Adobe Dreamweaver es un software de diseño web que le permite codificar su propio sitio sin necesidad de tener muchos conocimientos de codificación. Es un poco más profundo que los creadores de sitios web, pero al usar la edición visual y HTML, casi cualquiera puede aprender y jugar. Si está dispuesto a trabajar un poco, tiene el poder de crear diseños verdaderamente profesionales.

Como la mayoría de los productos de Adobe, Dreamweaver solo está disponible a través de una suscripción a Creative Cloud, pero esto le da acceso a las últimas actualizaciones: la última versión importante llegó en junio de 2022, lleva el software a la versión 21.3.

Para la aplicación independiente, Dreamweaver comienza en €21/€20 por mes. También está en el plan CC All Apps, desde €53 / €52. Esto ha incluido el software con Photoshop, Lightroom e InDesign.

Esto significa que puede diseñar activos en Adobe Illustrator y moverlos directamente a Dreamweaver. O edite una película en Premiere Pro y luego agréguela a su página web. Todo está diseñado para trabajar en conjunto. Existen muchas similitudes de interfaz entre las aplicaciones de Adobe, lo que facilita el cambio entre ellas como parte de su flujo de trabajo.

Start creating

Empecemos, no se deje intimidar demasiado, al menos no tan pronto… (Crédito de la imagen: Adobe)

    Opciones de suscripción a Adobe Dreamweaver CC:

  • 1 month plan – €28.80 per month (total cost €28.80) (Opens in a new tab)

Adobe Dreamweaver: Primeros pasos

Como era de esperar, Dreamweaver es compatible con todos los estándares web, desde HTML básico hasta CSS, Javascript y todas las funciones modernas, incluido Bootstrap. Se enfoca en crear sitios web receptivos que se adaptan al dispositivo en el que el visitante lo está viendo (ya sea una computadora, tableta o teléfono), pero, por supuesto, no hay nada que le impida crear sitios que no respondan e indicarle a su sitio que redirija a páginas específicas dependiendo del dispositivo en el que se esté viendo.

Models

Dreamweaver tiene un puñado de plantillas para que comiences (Crédito de la imagen: Adobe)

Si es nuevo en Dreamweaver, la aplicación ofrece algunas plantillas para que pueda comenzar. Estos son excelentes para comenzar, 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: considere los marcadores de posición como inspiración para ir y personalizar estas páginas usted mismo.

Live preview

Verifique una vista previa en vivo de su sitio y arrastre y suelte elementos directamente donde los desee (Crédito de la imagen: Adobe)

Adobe Dreamweaver: diseñador de sitios web

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

Las pestañas de la derecha le permiten administrar 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 tu código o a una vista previa de la página que estás creando.

resolutions

Compruebe cómo se verá su sitio simulando diferentes pantallas y resoluciones (Crédito de la imagen: Adobe)

Puede cambiar fácilmente entre ver una vista previa completa de su página (con opciones para simular cómo se ve la página en pantallas de diferentes tamaños), solo mirar el código o una combinación de ambos.

Properties

La ventana de propiedades lo ayuda a realizar cambios rápidos en los elementos resaltados (Crédito de la imagen: Adobe)

Para modificar partes de su página (como una imagen o texto), mostrar la ventana flotante de 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 rápida y fácilmente.

A pesar de estas características, si no tiene conocimientos de codificación, se perderá con bastante rapidez. Oui, vous pouvez faire glisser et déposer des éléments de l’onglet «Insérer» sur l’aperçu de la page, mais cela ne vous mènera que très loin, et vous constaterez que vous devrez vous plonger dans le code rapidement et souvent pour apporter los cambios. usted necesita.

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

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

Code tips

La sugerencia de código es una excelente manera de autocompletar mientras escribe (Crédito de la imagen: Adobe)

Otra mejora que nos gustó fueron las sugerencias para el código: al igual que cuando está escribiendo en un teléfono y la interfaz le ofrece una selección de palabras que cree que está escribiendo para que pueda seleccionar la correcta. escribir código en Dreamweaver y se le ofrecerá orientación sobre la marcha. Esto 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 puede ser muy beneficioso tanto para profesionales como para principiantes.

Adobe Dreamweaver: Soporte

«Ayuda» lo lleva a la base de conocimiento en línea de Dreamweaver de Adobe (se abre en una nueva pestaña) para obtener tutoriales y una guía de usuario completa. La sección del foro puede ayudarlo a ubicar a otras personas que han encontrado problemas similares con los que podría estar luchando y, con suerte, le mostrará cómo resolverlos.

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

Adobe Dreamweaver: 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 que le gustará aquí. Muchas funciones están diseñadas para ayudarlo a crear sitios de manera rápida y eficiente, siempre que no le importe profundizar en el código. Dreamweaver no hará todo por usted, pero hará todo lo posible para facilitar su proceso creativo.

Sin embargo, si su conocimiento de HTML es limitado o incluso inexistente, le recomendamos comenzar con una aplicación o servicio diferente, ya que puede parecer demasiado desalentador. 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 el servicio de soporte está muy bien informado.

Adobe Dreamweaver CC ofrece

at Adobe (opens in a new tab)

Share This