Video: Реклама подобрана на основе следующей информации: (Noviembre 2024)
Adobe podría haber descansado en sus laureles al actualizar Dreamweaver a su última encarnación en el servicio Creative Cloud basado en suscripción como Dreamweaver CC. En su encarnación anterior como Dreamweaver CS6, parte de Creative Suite 6 de Adobe, el editor avanzado de sitios web de Adobe ya tenía poca o ninguna competencia seria como herramienta para crear y mantener los sitios web multiplataforma actuales. Dreamweaver CS6, por ejemplo, introdujo diseños web de "rejilla fluida" listos para usar que usan CSS para remodelar páginas web automáticamente de acuerdo con el tamaño de la pantalla, lo que facilita la creación de un sitio único para usar con teléfonos, tabletas y computadoras de escritorio sin el complejo Se requiere codificación manual CSS anteriormente.
El nuevo Dreamweaver CC mejora la función de cuadrícula fluida al admitir elementos estructurales HTML5 como Secciones y Artículos. También agrega una herramienta igualmente ahorradora de esfuerzo, un nuevo Diseñador CSS que utiliza una interfaz gráfica interactiva para modificar propiedades CSS como sombras y esquinas curvas, por lo que solo necesita hacer clic y arrastrar para modificar el código CSS complejo mientras ve los resultados en tiempo real. hora. El soporte completo para las fuentes basadas en la Web, descargadas de los servidores de Adobe mientras el navegador carga una página, facilita la creación de diseños llamativos. Además, como el resto de la suite Creative Cloud, Dreamweaver también obtiene una interfaz simplificada y más fácilmente personalizable, y funciona de manera idéntica tanto en Windows como en OS X.
Pro y Semi-Pro
Dreamweaver es una herramienta de nivel profesional que vale la pena tener, si puede permitírselo, incluso si no es un profesional. Los usuarios de Dreamweaver por primera vez pueden sentirse intimidados por la multitud de menús y paneles de propiedades en el diseño predeterminado, pero pronto queda claro cómo usarlos para obtener acceso rápido a controles avanzados sobre elementos CSS, o cambiar rápidamente entre pantallas que muestran cómo se verá una página web cuando se imprima o se muestre en pantallas de diferentes tamaños. Los diseñadores web avanzados pueden hacer clic en un menú de widgets de interfaz de usuario basados en JavaScript en su código para crear cuadros de diálogo emergentes, selectores de fechas, menús de estilo acordeón y todo lo demás en el repertorio actual de efectos de interfaz de usuario. Pero incluso los usuarios menos avanzados pueden crear sitios flexibles compatibles con HTML5 que se vean bien en cualquier plataforma.
Comienza a tejer sueños
Comenzando desde una página en blanco o un diseño de muestra, hace clic en elementos en un panel Insertar para agregar elementos como plantillas (con regiones editables y no editables), multimedia (HTML5 o Flash) y características HTML estándar. La pantalla predeterminada se divide en un panel de código y un panel de diseño WYSIWYG, pero puede elegir uno u otro, o hacer que el panel de diseño esté "En vivo" para ver contenido multimedia como video o contenido que se servirá desde una base de datos cuando la página aparece en un navegador. Una cosa que admiro de Dreamweaver es que no favorece las tecnologías patentadas de Adobe como Flash sobre estándares abiertos como el video HTML5, pero brinda el mismo soporte para ambos, e incluso proporciona un reproductor de video HTML5 más atractivo y más utilizable que su incorporado Reproductor Flash.
Cuando crea una página con la función de cuadrícula fluida de Dreamweaver, la aplicación primero crea una página que contiene una cuadrícula de columnas verticales que son visibles en Dreamweaver pero no cuando la página aparece en un navegador. Por defecto, una página diseñada para teléfonos encaja en cuatro de estas columnas invisibles. Cuando la misma página se muestra en una tableta, llena ocho columnas y doce columnas cuando se muestra en una máquina de escritorio.
Cuando cambia entre tamaños de pantalla en la ventana de edición de Dreamweaver, el contenido de su sitio se reorganiza para ajustarse al ancho que especificó para el tipo específico de pantalla, y puede usar el panel CSS Designer para ajustar la forma, el tamaño y otras propiedades de elementos individuales para adaptarse a los diferentes tamaños de pantalla.
