Revisión y calificación de Adobe Dreamweaver CS6

Adobe Dreamweaver ($ 399.99; actualización $ 199.00, directo) ha dominado el campo de edición web por más tiempo de lo que la mayoría de la gente puede recordar, pero en los últimos años parece dispuesto a aprovechar su reputación, ofreciendo actualizaciones valiosas pero poco convincentes con cada versión reciente. La versión CS6 de Dreamweaver es diferente. Es una actualización esencial para cualquier persona que quiera crear páginas web o aplicaciones que se adapten automáticamente cuando se vean en un navegador web en un teléfono o tableta o en un navegador en una computadora portátil o de escritorio. Durante los últimos años, he estado haciendo la mayor parte de mi diseño web en la web de expresión limpia, eficiente y poco publicitada de Microsoft, pero Dreamweaver CS6 es el primer editor web creado para la era multiplataforma, con soporte completo para HTML5 y CSS3. Al igual que el resto de la suite CS6, Dreamweaver está dirigido a profesionales que están dispuestos a subir su empinada curva de aprendizaje, pero incluso los codificadores ocasionales pueden usarlo para construir sitios de aspecto impresionante.

¿Qué hay de nuevo?

Las grandes características nuevas de Dreamweaver son estas. Primero, los “diseños de cuadrícula fluida” que le permiten especificar exactamente cómo se organizarán los elementos de la página cuando su sitio se muestre en un teléfono de pantalla pequeña, una tableta de tamaño mediano o un escritorio de pantalla completa. (Siga leyendo para obtener más detalles al respecto). A continuación, se incluye el soporte integrado para PhoneGap Build, una plataforma de código abierto que facilita la creación de una única aplicación basada en la Web que se ejecuta en múltiples plataformas telefónicas. Dreamweaver también mejoró su integración con Query Mobile, una plataforma basada en JavaScript para crear aplicaciones de tabletas y teléfonos basadas en navegador. Las transiciones CSS, la contraparte basada en la web de las transiciones en las aplicaciones de presentación tradicionales, ahora son compatibles a través de una interfaz razonablemente intuitiva.

Adobe ha mejorado la fidelidad y flexibilidad de la vista previa "Live" de Dreamweaver, y ha mejorado su panel de vista previa "multipantalla" que muestra cómo se verá su página en tamaños de pantalla de teléfono, tableta y escritorio. El "laboratorio de navegadores" en línea de Adobe hace posible probar sus páginas en plataformas de navegadores más antiguas, aunque la característica SuperPreview comparable de Microsoft ofrece una opción aún más amplia de navegadores antiguos y nuevos para probar.

Otra característica de Dreamweaver que he deseado durante años, y que Adobe apenas menciona en su PR, es el soporte de fuentes web incorporado a través de un cuadro de diálogo simple que le permite instalar fuentes en su servidor web para que pueda usarlas en sus páginas; esto siempre fue posible mediante una laboriosa codificación manual, pero Dreamweaver lo hace fácil. Otras mejoras que me alegra ver incluyen un módulo FTP completamente renovado y rápido con soporte completo para protocolos seguros. El soporte integrado para la herramienta de validación de páginas del Consorcio W3C garantiza el pleno cumplimiento de los estándares web actuales.

La nueva característica más espectacular de Dreamweaver es su compatibilidad con "diseños de cuadrícula fluida", lo que significa que crea páginas organizadas de acuerdo con una cuadrícula subyacente invisible que cambia según el tamaño de la pantalla. Los elementos de texto y gráficos en la página reajustan automáticamente su posición cuando la página se ve en un teléfono, tableta o computadora de escritorio. Tuve que ver un video de demostración (accesible desde el menú de apertura de Dreamweaver) para descubrir cómo usarlo, pero después de eso fue fácil.

Puede crear un diseño de cuadrícula fluido apuntando a tres tamaños de pantalla: teléfono, tableta y escritorio. Primero, organice los elementos de la página como desea que se vean en un tamaño de pantalla, con cada elemento alineado a la cuadrícula de fondo invisible. Luego, hace clic en un icono para cambiar a un tamaño de pantalla diferente y organizar los elementos de forma diferente en la cuadrícula. Entonces, por ejemplo, un teléfono mostrará toda su página en una sola columna con un menú desplegable de navegación en la parte superior, mientras que una tableta mostrará partes de la página en tres columnas, con una amplia barra de navegación en la parte superior. El CSS subyacente cambia automáticamente entre diseños de acuerdo con el tamaño de la pantalla del dispositivo que muestra la página. El panel de vista previa multipantalla le permite cambiar cualquiera o todos los tres tamaños de pantalla incorporados, para que pueda probar la forma en que funcionará la rejilla fluida en el tamaño que desee.

Integración Flash

Dreamweaver, previsiblemente, está estrechamente integrado con el formato Flash de Adobe. Pero si está desarrollando para iOS, no puede usar Flash en sus aplicaciones o páginas web, a menos que compre el Flash Media Server de $ 4, 500 de Adobe para transmitir Flash de una manera que iOS lo permita. Dreamweaver me permitió colocar videos Flash en mis páginas web sin problemas y con muchas opciones de diseño, pero cuando traté de agregar videos HTML5 a mi página, tuve que descubrir por mí mismo que necesitaba descargar e instalar un video HTML5 " widget "y luego modifique el código del widget a mano.

Interfaz

Al igual que el resto de la interfaz de Adobe Creative Suite Dreamweaver, hay un bosque de paneles y "grupos de pestañas" y barras de herramientas a las que lleva tiempo acostumbrarse. A diferencia del resto de la suite, que utiliza una interfaz gráfica para editar objetos gráficos como animaciones, fotos, ilustraciones y páginas impresas, la interfaz gráfica de Dreamweaver es un conjunto de herramientas para editar HTML sin formato, CSS, JavaScript y otro código basado en texto. La mayoría de las veces, puede usar uno de los botones y menús basados ​​en la GUI de Dreamweaver para modificar el código subyacente, pero a veces no puede hacerlo y eso significa ensuciarse las manos mientras edita el código directamente. Esto es bueno si sabes cómo editar código sin procesar, frustrante si no lo sabes. A veces, especialmente mientras trabajaba con la nueva función de cuadrícula de diseño fluido, dejé de intentar encontrar un menú o barra de herramientas para modificar un detalle de diseño, y tuve que buscar en el código sin procesar para realizar el cambio. La función de cuadrícula de diseño fluido es obviamente un trabajo en progreso, y las versiones futuras facilitarán este tipo de cosas, pero mientras tanto debes estar preparado para algunas frustraciones menores de la primera versión.

Flexibilidad extrema

Para la edición básica de HTML y CSS, sigo prefiriendo Microsoft Expression Web 4, pero Expression Web solo funciona en Windows, mientras que las aplicaciones de Adobe funcionan de manera más o menos idéntica en máquinas Windows y Mac. Además, Dreamweaver CS6 es, sin duda, la primera y única herramienta de creación de sitios web que funciona sin problemas y con capacidad en el nuevo mundo multiplataforma. Tiene sus bordes ásperos, pero Adobe Dreamweaver CS6 también tiene más potencia y flexibilidad que cualquier otra cosa en su categoría, y merece nuestra Elección del Editor.

Más revisiones de software de fotografía, video y gráficos:

• Magix Movie Edit Pro Premium

• Vegas Movie Studio Platinum

• Adobe Premiere Elements

• Pinnacle Studio Ultimate

• Apple Final Cut Pro X

• más