Hemos cubierto docenas de creadores de sitios web aquí en Ditching, desde lo sublime hasta lo ridículo. También exploramos una aplicación diseñada para ayudarlo a escribir una página o 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 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 2020.
No ignoremos al elefante en la habitación y enfrentémoslo de frente (cuidado con los colmillos): todos los productos de Adobe están disponibles únicamente por suscripción. Esto significa que paga cada mes y siempre tendrá la última y mejor versión a su disposición. Deje de pagar, la aplicación desaparecerá y sus proyectos no serán accesibles para usted (a menos que extraiga los formatos sin formato de ellos).
- ¿Quieres probar Adobe Dreamweaver? Echa un vistazo a la página web aquí
Puede suscribirse a Dreamweaver por su cuenta por $ 20.99 (£ 19.97) por mes en un plan anual o $ 31.49 (£ 30.34) por mes.
Sin embargo, $ 52.99 (£ 49.94) por mes en un plan anual (o $ 79.49 (£ 75.85) mes por mes) le otorga acceso a toda la cartera 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 los maestros pueden obtener la suite completa por solo $ 19.99 (£ 16.24) por mes en un plan anual, que es un valor increíble (o una excelente manera de engancharte).
Comencemos, sin embargo, no se intimide demasiado, al menos no tan pronto … (Crédito de la imagen: Adobe)
Empezando
Como era de esperar, Dreamweaver admite todos los estándares web, desde el HTML básico hasta CSS, Javascript y todas las funcionalidades modernas, incluido Bootstrap. Se enfoca 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 instruir a su sitio para que redirija a páginas específicas dependiendo en el dispositivo en el que se está viendo.
Dreamweaver le ofrece un puñado de plantillas para ayudar a que la pelota ruede (Crédito de la imagen: Adobe)
Si es nuevo en Dreamweaver, la aplicación le ofrece algunas plantillas para comenzar. Estos son muy útiles para ayudarlo a comenzar a correr, 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 a los marcadores de posición como inspiración para ir y personalizar esas páginas usted mismo.
Verifique una vista previa en vivo de su sitio y arrastre y suelte elementos directamente donde desee (Crédito de la imagen: Adobe)
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 Live View.
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 a una vista previa de la página que está creando.
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 (junto con opciones para simular cómo se vería la página en pantallas de diferentes tamaños), solo mirando el código o una mezcla de los dos.
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), abrir la ventana flotante Propiedades le permitirá realizar los cambios que necesita. Incluso hay una manera fácil de arrastrar un icono de destino a otra imagen en la pestaña Archivo para cambiar las imágenes de forma rápida y sencilla.
A pesar de tales 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 a menudo, para realizar las modificaciones necesitas.
Sin embargo, Dreamweaver intenta facilitarlo: resalte el texto en la sección de vista previa, y el mismo texto se resalta en el código, reduciendo el tiempo que pasaría buscando la misma sección. Lo contrario también es cierto: resalte algo de código, y la sección relacionada con los resaltados 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 (Crédito de la imagen: Adobe)
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 para que pueda seleccionar la correcta más rápidamente que escribirla en su totalidad, comience a escribir código en Dreamweaver y se le ofrecerán sugerencias mientras lo hace. No solo te ayuda a escribir más rápido, sino que también puede ayudarte a escribir el código con precisión y evitar errores tipográficos. Creemos que esto puede ser de gran beneficio tanto para profesionales como para 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 nuevas funciones y se mejoran de forma incremental. Curiosamente, dos o nuestros favoritos, es decir, la edición de visualización en vivo y las sugerencias de código, son algunas de las mejoras recientes.
La otra gran 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 pudiéramos comprobar.
Apoyo
‘Ayuda’ lo envía a la base de conocimiento en línea de Adobe Dreamweaver, que incluye tutoriales y una guía de usuario completa. La sección del foro puede ayudarlo a ubicar a otras personas que hayan tenido problemas similares con los que podría 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 hablando regresó rápidamente con las respuestas que necesitábamos..
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 aquí hay mucho para amar. Hay muchas características 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 parecer 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 características de soporte son exhaustivas y el servicio de asistencia está muy bien informado..
- También hemos destacado el mejor software de diseño web.
