Inicio top 10 Revisión de Adobe Dreamweaver CC | PCMag

Revisión de Adobe Dreamweaver CC | PCMag

POR admin
0 comentario

Puede crear sitios web utilizando cualquiera de las docenas de herramientas, algunas que se ejecutan en línea, algunas que se ejecutan en su computadora local, algunas que se ejecutan en parte en línea, en parte en su máquina, pero Adobe Dreamweaver 2020 es la única aplicación de creación de sitios que es simplemente tan adecuado para diseñadores individuales como para proyectos a escala empresarial. Es tan útil cuando crea un sitio escribiendo código real como cuando trabaja en un diseño gráfico WYSIWYG que oculta todo el código hasta que lo necesita. La aplicación hace el trabajo para usuarios individuales o equipos donde diferentes miembros del equipo tienen diferentes niveles de libertad para agregar o cambiar contenido y, por supuesto, funciona sin problemas con el arsenal de aplicaciones gráficas y servicios web de Adobe.

Como todas las demás aplicaciones de Adobe, viene en versiones de Mac y Windows prácticamente idénticas, y está disponible a través de una suscripción paga solo de Dreamweaver ($ 20.99 por mes con un compromiso de 1 año, $ 31.49 por mes o $ 239.88 por un año de prepago ) o como parte de la suite Creative Cloud completa ($ 52.99 por mes), que le ofrece Photoshop, Illustrator y todos los demás programas y aplicaciones creativas. Tanto la aplicación individual como la suscripción a la suite completa vienen con 100 GB de almacenamiento en la nube.

Diseño de sitio receptivo

Dreamweaver sobresale en la creación de sitios web multiplataforma (receptivos) que funcionan igualmente bien en un teléfono, tableta o computadora. Cualquier diseñador web privado o corporativo que busque reemplazar un sitio web antiguo de estilo de escritorio o portátil con un sitio moderno multiplataforma encontrará en Dreamweaver la primera opción obvia. Describiré algunas alternativas más adelante en esta historia, pero ninguna de ellas se acerca a Dreamweaver en términos de potencia y facilidad.

Después de más de 20 años de evolución, Dreamweaver todavía tiene algunos puntos incómodos en los que no puede decidir si es una herramienta para codificadores avanzados o para diseñadores orientados visualmente, pero estos son fáciles de solucionar para los usuarios serios, y el precio de suscripción de Adobe significa que es probable que solo los usuarios serios lo tengan. Dreamweaver no es barato, pero para el diseño web de nivel profesional, paga el precio en potencia y conveniencia. El modelo de suscripción de Adobe significa que obtiene actualizaciones periódicas de funciones sin costo adicional.

Adobe quiere que trabaje con las herramientas de Adobe, por lo que es fácil usar Photoshop e Illustrator para editar imágenes o Premiere Pro y Audition para archivos de video y sonido. También puede usar Photoshop para crear una maqueta de cómo desea que se vea su sitio y luego usar el menú Extraer de Dreamweaver para arrastrar elementos del archivo de Photoshop a sus páginas web. Pero Dreamweaver también funciona con casi cualquier herramienta de creación de sitios de terceros que desee utilizar. Por ejemplo, puede usar Dreamweaver para diseñar y editar sitios administrados por WordPress, Joomla! O Drupal, o puede crear un repositorio Git y usarlo para realizar un seguimiento de los cambios en su sitio.

Dreamweaver usa el marco Bootstrap para sitios receptivos y, de forma predeterminada, usa la última versión de Bootstrap, 4.3.1, aunque la versión 3.4.1 anterior todavía está incorporada si desea continuar usándola. Dreamweaver le guía a través de la actualización de sitios basados ​​en la versión anterior e intenta resolver los problemas de incompatibilidad mediante la creación de nuevos archivos CSS y JavaScript que utilizan el estándar más reciente. Los sitios receptivos de Bootstrap son móviles primero, lo que significa que el marco de Bootstrap está optimizado principalmente para teléfonos o tabletas, pero las plantillas Bootstrap integradas de Adobe están lo suficientemente bien diseñadas como para verse igualmente bien en computadoras de escritorio y teléfonos.

Propiedades CSS de Adobe Dreamweaver 2020

La experiencia Dreamweaver

Los usuarios primerizos enfrentan una curva de aprendizaje empinada, pero si está familiarizado con Photoshop o Illustrator, debería poder escalarlo con bastante rapidez. Si, como yo, se desconcierta al buscar alguna característica desconocida, el menú Ayuda puede guiarlo exactamente al elemento del menú que necesita, incluso cuando se encuentra en lo más profundo de la estructura del menú. Dreamweaver utiliza la interfaz estándar de Adobe, una ventana de edición principal rodeada por una barra de herramientas a la izquierda y paneles de información con múltiples pestañas a la derecha. A menos que sea un codificador experto que no necesitará todas las herramientas y paneles en pantalla, ni siquiera piense en usar Dreamweaver en una computadora portátil pequeña. Esta aplicación necesita todo el espacio en pantalla que puedas darle.

Al editar un sitio web típico y relativamente simple, tiene al menos cuatro pestañas de documentos abiertas, una para la página actual, las otras para archivos JavaScript y CSS, y un panel de información con al menos siete pestañas, que muestran archivos, bibliotecas Creative Cloud, HTML etiquetas que puede arrastrar a un archivo, un conjunto complejo de controles CSS, un árbol del Modelo de objetos de documento (DOM), una lista de activos (ordenados en URL, imágenes, medios y más) y una larga lista de elementos prediseñados y personalizados -fragmentos construidos. Agregue a esto una barra de herramientas personalizable a la izquierda y un menú densamente poblado en la parte superior, y obtendrá una de las interfaces más complejas jamás integradas en la aplicación, que solo rivaliza con otro software de desarrollo como Microsoft Visual Studio.

Afortunadamente, si es un experto en codificación o si desea la vista WYSIWYG más espaciosa posible, puede ocultar todo menos la ventana de edición principal de Dreamweaver. Y esa ventana es una maravilla de flexibilidad camaleónica. Las opciones de visualización de la ventana incluyen una vista de todo el código con la sangría típica de la ventana de codificación y la codificación de colores para hacer visible la estructura de su proyecto.

Puede elegir entre dos tipos de vistas WYSIWYG. Una es una vista en vivo que se aproxima a lo que vería en un navegador, excepto con los elementos de la página delineados para mayor claridad y con botones que le permiten modificar las etiquetas para elementos individuales simplemente haciendo clic en el elemento. La otra es una vista de Diseño que muestra todos los elementos de diseño en una página, incluidos los que pueden ser invisibles en un navegador hasta que un usuario hace clic en ellos. Por último, puede dividir la ventana para mostrar el código en un panel y la vista Live o Design en el otro, o con código en ambos paneles para poder ver y editar dos partes diferentes del código al mismo tiempo. Las opciones avanzadas le permiten sincronizar los cambios que realiza en su escritorio con el código en su servidor web remoto.

Adobe Dreamweaver 2020 editar código en vivo

Nuevas características

El Dreamweaver 2020 recién lanzado se ve y actúa casi exactamente como el Dreamweaver 2019 del año pasado. Adobe menciona solo tres características nuevas: clic para editar simplificado en la vista en vivo, para que pueda editar texto, no solo etiquetas, en la vista en vivo simplemente haciendo clic en en un elemento de texto; nueva configuración predeterminada para fuentes japonesas; y ventanas emergentes de sugerencias de código mejoradas. No hay una nueva curva de aprendizaje y la interfaz y otras funciones no han cambiado. Un pequeño problema potencial en la función de edición de visualización en vivo mejorada es que algunas pulsaciones de teclas no actúan como cabría esperar. Por ejemplo, puede dividir un párrafo presionando Intro en algún texto en la vista en vivo, pero Retroceso no volverá a combinar los párrafos divididos; tendrá que cambiar a la vista de código y eliminar la etiqueta del nuevo párrafo.

Los editores web siempre han tenido una función que muestra una vista previa de su página web en un navegador de escritorio. Dreamweaver mejora aún más al agregar vistas previas en vivo en dispositivos móviles, una característica esencial cuando está diseñando una página receptiva que debe funcionar en múltiples plataformas. Haga clic en un icono de vista previa en la parte inferior derecha de la ventana de edición, use su teléfono o tableta para escanear un código QR que aparece en el menú emergente del icono de vista previa, ingrese su contraseña de Adobe en su dispositivo. Después de esto, puede obtener una vista previa de su código en el navegador predeterminado de su dispositivo, y los cambios que realice en el escritorio aparecerán de inmediato. No es necesario instalar ninguna aplicación nueva en su teléfono o tableta.

¿Debería comprar una suscripción a Dreamweaver? Si ya usa Photoshop o Illustrator o si está creando un sitio corporativo o con mucho diseño, Dreamweaver es una opción obvia. Si eres reacio a la codificación, puedes hacer lo que parece hacer la mitad del mundo en línea y usar WordPress para construir tu sitio eligiendo un tema visual y usándolo o modificándolo desde menús simples. Necesitarás algunos conocimientos técnicos, pero puede arreglárselas con casi ninguno.

Si no quiere pensar en codificar en absoluto, utilice un servicio de alojamiento que ofrezca Wix o Weebly o cualquier otro entorno de creación de sitios completamente visual que no requiera codificación. Sin embargo, tenga en cuenta que sacrificará algo de personalización y control. Weebly te permite cambiar temas en cualquier momento, pero te ofrece opciones limitadas para el formato de texto. Ambos ofrecen opciones de comercio electrónico de pago. También puede probar una versión gratuita del sistema CKEditor orientado a empresas, que ofrece funciones avanzadas como edición colaborativa, edición WYSIWYG y control total sobre el código de su sitio.

Vista previa de Adobe Dreamweaver 2020 en el dispositivo

Para sitios web más pequeños diseñados principalmente para navegadores de computadoras portátiles y de escritorio, puede usar cualquiera de las docenas de editores de páginas web tradicionales como RapidWeaver o Coda en Mac, pero no obtendrá una verdadera edición WYSIWYG como lo hace en Dreamweaver o sistemas basados ​​en navegador como WordPress o Wix. Muchos editores de páginas web tradicionales ofrecen modos de vista previa, y algunos (como el excelente y gratuito editor de soportes de Adobe) ofrecen una vista previa en tiempo real en su navegador, pero eso no es lo mismo que editar completamente en el modo WYSIWYG que en el modo de edición en vivo de Dreamweaver.

Mi editor web WYSIWYG favorito, rápido y limpio para sitios simples es Expression Web, gratuito y exclusivo para Windows de Microsoft, que anteriormente era una aplicación de alto precio, pero ahora se puede descargar gratis, porque Microsoft dejó de actualizarla después de que Visual Studio proporcionó una creación de sitios más avanzada. herramientas. Expression Web no se ha actualizado desde 2011, pero su conjunto de funciones aún hace el trabajo para los sitios web básicos, y no se puede discutir el precio.

Dreamweaver puede parecer un poco irritable a veces. Por ejemplo, si hace clic en el lugar equivocado, el diseño de la pantalla puede cambiar repentinamente de manera que puede ser difícil recuperarse sin restablecer el diseño de la pantalla al predeterminado. La función Deshacer funciona perfectamente cuando está trabajando en la ventana de código, pero no funciona en todos los contextos, por ejemplo, cuando arrastra activos a una ventana utilizando la función que extrae elementos de página de un archivo de Photoshop.

Aún excelente

A pesar de algunas pequeñas objeciones, Adobe Dreamweaver 2020 está construido principalmente como un acorazado y tiene la mejor combinación de flexibilidad, potencia y facilidad de cualquier instrumento jamás inventado para crear sitios web. Dreamweaver no tiene competencia real y ningún diseñador web serio debería carecer de ella. Dreamweaver es la elección de los editores de PCMag para programas de desarrollo de sitios web.

Pros

  • Flexible y potente.

  • Soporte completo para plataformas de terceros.

  • Soporte de diseño receptivo incorporado.

  • Estrecha integración con otras aplicaciones de Adobe.

  • Editor de código completo de estilo IDE con edición WYSIWYG en vivo.

  • Vista previa en tiempo real.

Ver más

La línea de fondo

Dreamweaver ha sido durante mucho tiempo la única opción seria entre las herramientas avanzadas de diseño de sitios web. Tanto para diseñadores gráficos como para programadores serios, sigue siendo la mejor opción para sitios de escritorio y móviles personalizados.

function facebookPixelScript() { if (!facebookPixelLoaded) { facebookPixelLoaded = true; document.removeEventListener('scroll', facebookPixelScript); document.removeEventListener('mousemove', facebookPixelScript);

!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n; n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0; ...

ENTRADAS RELACIONADAS

Dejar un comentario

Este sitio web utiliza cookies para mejorar su experiencia. Asumiremos que está de acuerdo con esto, pero puede optar por no participar si lo desea. Aceptar Leer más