¿Por qué deberías utilizar Dreamweaver?

Interfaz visual

Una de las primeras cosas que debes aprender, y una de las mejores características de Dreamweaver, es que te permite alternar entre ver el código de un sitio web y una vista en vivo que hace que organizar y modificar los diferentes elementos sea una experiencia más visual. Incluso es posible tener ambos abiertos a la vez para que los cambios que hagamos en el código se reflejen inmediatamente en la web y viceversa.

Esta herramienta es muy útil porque nos permitirá trabajar directamente en un diseño muy similar a los visitantes del futuro sitio web. El programa también incluye controles para simular varias resoluciones y tipos de pantalla, lo cual es esencial al diseñar sitios web responsivos: páginas que se adaptan correctamente al dispositivo que usa, ya sea una tableta, una PC o un teléfono móvil.

Media Queries

Estrechamente relacionadas con lo anterior están las media queries, que son funciones que le dicen a la web qué hacer cuando el visitante está usando un tipo específico de dispositivo o una resolución de pantalla en particular.

Dreamweaver permite al diseñador crear y administrar estas consultas fácilmente. Se pueden programar a mano, utilizando HTML y CSS, pero la ventaja de Dreamweaver es que te permite hacerlo de una forma muy intuitiva y visual.

Vista en vivo del navegador

Otra característica útil de Dreamweaver al diseñar páginas web es que puedes consultar el sitio web directamente en varios navegadores instalados en la PC o Mac.

Esto es importante porque, aunque son estándares, cada navegador interpreta el código HTML o CSS de una manera particular. Eso puede resultar en un desajuste de ciertos elementos o efectos no deseados.

Esta función no solo es útil para ver un sitio web en la computadora donde se está diseñando. Cuando haces clic en la opción de vista previa, Dreamweaver genera un código QR que se puedes escanear desde un teléfono móvil para ver cómo se ve la página web en el navegador del teléfono. El programa cargará automáticamente la página web en un sitio temporal en los servidores de Adobe para la prueba.

Administrar un sitio web

Crear una sola página web puede parecer fácil, pero a medida que agregas páginas e información a un sitio web, organizar todo el contenido puede convertirse en una tarea muy complicada y que requiere mucho tiempo.

Dreamweaver resuelve este problema. La aplicación incluye un administrador de archivos que facilita la clasificación de los diferentes elementos, como imágenes, fuentes o las propias páginas HTML del sitio.

Herramienta DOM

Para aquellos a los que les gusta trabajar con código, Dreamweaver también tiene algunas funciones útiles. Por ejemplo, incluye un visor DOM (Document Object Model), que muestra los diferentes bloques que componen el sitio con su jerarquía.

Este visor también permite seleccionar varios elementos simultáneamente, útil cuando se agregan nuevas secciones en una página, por ejemplo, pero también para comprender cómo funciona el código HTML y cómo se organiza la estructura interna de una página web.

Publicar directamente

Finalmente, Dreamweaver es una buena herramienta para diseñar un sitio web, pero también te permite publicar todo en un servidor web externo gracias a una función de transferencia de archivos FTP integrada.

Esto es muy útil porque simplifica una de las partes más tediosas y complejas del desarrollo web. Una vez que se publica un sitio web, también es posible utilizar Dreamweaver para realizar pequeños cambios rápidamente y ver esos cambios reflejados inmediatamente en el servidor.

Si quieres aprender más sobre cómo diseñar un sitio web responsivo en Dreamweaver, apúntate al curso de Arturo Servín, Diseño web responsive con Adobe Dreamweaver, en el que aprenderás todo lo que necesitas para dominar el software, incluyendo los básicos de CSS y HTML.

También te puede interesar:

- Dos y Don'ts del Diseño UX.
- 5 libros perfectos para iniciarse en UX.
- Tutorial Procreate: acciones básicas para trabajar con el iPad.