Fuegos artificiales de los Tres Mosqueteros de la página web
Edición vectorial y edición de mapas de bits. Cree y edite imágenes vectoriales y de mapas de bits, e importe y edite archivos nativos de Photoshop e Illustrator.
Optimización de imágenes. Optimice las imágenes para una variedad de situaciones de entrega con vistas previas, vistas previas del sistema en escala de grises multiplataforma, compresión JPEG selectiva y amplios controles de exportación.
Integración eficiente de Photoshop e Illustrator. Importe archivos de Photoshop (PSD) manteniendo capas en capas, efectos de capa y modos de fusión. Guarde los archivos de Fireworks (PNG) en formato Photoshop (PSD). Importe archivos de Illustrator (AI) manteniendo la integridad gráfica, incluida la información de capas, grupos y colores.
Creación rápida de prototipos. Prototipos de diseños interactivos para sitios web y diversas aplicaciones de Internet. Exporte prototipos de sitios web a Adobe Dreamweaver y prototipos RIA a Adobe Flex.
Soporta múltiples páginas. Utilice la nueva paleta de páginas para crear varias páginas en un solo documento (archivo PNG) y compartir capas entre páginas. Cada página puede contener sus propios sectores, capas, marcos, animaciones y configuraciones de lienzo, lo que facilita la simulación del flujo del sitio web en prototipos.
Organización jerárquica de capas. Organice y administre prototipos con una nueva estructura de capas jerárquica similar a Adobe Photoshop, que le permite organizar fácilmente capas y páginas web.
Efectos de filtro. Aplique efectos de iluminación, efectos de sombra, estilos y modos de fusión (incluidos 7 nuevos modos de fusión de Photoshop) para agregar profundidad y carácter al texto y los símbolos.
Biblioteca pública. Inicie rápidamente el proceso de creación de prototipos con una biblioteca común de símbolos gráficos, símbolos de texto y animaciones comúnmente utilizados en aplicaciones web, formularios, interfaces y sitios web.
Escalado inteligente. Escale botones y símbolos gráficos de forma inteligente en imágenes vectoriales o de mapa de bits con escala de 9 cortes. Combine el escalado de 9 sectores con una nueva biblioteca de formas automatizada para acelerar la creación de prototipos de sitios web y aplicaciones.
Integración simplificada de Dreamweaver y Flash. Copie cualquier objeto en Fireworks CS3 y péguelo directamente en Dreamweaver CS3. Cree menús emergentes que se puedan guardar como CSS y HTML. Exporte archivos Fireworks (PNG) directamente a Flash CS3, conservando vectores, mapas de bits, animaciones y estados múltiples, y luego edite los archivos en Flash CS3. Dreamweaver es un editor web WYSIWYG desarrollado por American Macromedia Company (ahora adquirido por Adobe y convertido en Adobe Dreamweaver) que integra la producción de páginas web y la gestión de sitios web. Es el primer conjunto de herramientas visuales especialmente desarrolladas para diseñadores web profesionales. herramienta de desarrollo que le permite crear fácilmente páginas web dinámicas que trascienden las limitaciones de la plataforma y del navegador.
Dreamweaver, Flash y Fireworks, lanzados después de Dreamweaver para el diseño de imágenes web profesionales, reciben el nombre de DreamTeam de Macromedia, lo que demuestra la respuesta del mercado y la confianza de Macromedia en ellos.
Hablando de Dreamweaver, debemos comprender el proceso de desarrollo de los editores de páginas web. Con Internet convirtiéndose en un nombre familiar y el continuo desarrollo y mejora de la tecnología HTML (una aplicación bajo el lenguaje de marcado universal estándar), se han producido muchos editores de páginas web. Según las propiedades básicas de los editores de páginas web, se pueden dividir en editores de páginas web WYSIWYG y editores de páginas web que no son WYSIWYG (editores de código original), los cuales tienen sus propios méritos. La ventaja del editor web WYSIWYG es que es intuitivo, fácil de usar y fácil de usar. No sentirá ninguna diferencia entre la creación de páginas web en el editor web WYSIWYG y la edición de texto en WORD, pero también existe una debilidad fatal. Sus ventajas
Mejor eficiencia productiva. Dreamweaver es la forma más rápida de mover archivos de Fireworks, FreeHand o Photoshop a una página web. Utilice la herramienta de selección de color para seleccionar un color en la pantalla y establecer el color seguro para la web más cercano. Para menús, teclas de acceso directo y control de formato, todo se puede completar en un simple paso. Dreamweaver se puede combinar con sus herramientas de diseño favoritas, como Playback Flash, Shockwave y módulos complementarios. Puede completarlo sin salir de Dremweaver y el proceso general de solicitud es natural y fluido. Además, Dreamweaver puede abrir automáticamente Firework o Photoshop con un solo clic para editar y optimizar la imagen.
Gestión de sitios web. Utilice un mapa del sitio para crear prototipos, diseñar, actualizar y reorganizar rápidamente su sitio web. Cambie la ubicación de la página web o el nombre del archivo y Dreamweaver actualizará automáticamente todos los enlaces. Las actualizaciones complejas de sitios web se realizan rápida y fácilmente utilizando capacidades de búsqueda y reemplazo que admiten texto, código HTML, etiquetas de atributos HTML y sintaxis general.
Control incomparable. Dreamweaver es la única herramienta de diseño que proporciona sincronización de HTML Roundtrip, edición visual y edición de código fuente. Incluye editores de texto convencionales como HomeSite y BBEdit. Se pueden crear marcos y tablas más rápido de lo que imagina. Las funciones avanzadas de edición de tablas le permiten seleccionar fácilmente celdas, filas, columnas o realizar selecciones no consecutivas. Incluso puede ordenar o formatear grupos de tablas. Dreamweaver admite un posicionamiento preciso y un diseño de arrastrar y soltar utilizando capas que se pueden convertir fácilmente en tablas. Lo que ves es lo que obtienes Dreamweaver integra con éxito funciones de publicación dinámica, edición visual y comercio electrónico, brindando sólidas capacidades de soporte a proveedores externos, incluidos ASP, Apache, BroadVision, Cold Fusion, iCAT, Tango y software de aplicaciones de desarrollo propio. . Cuando utiliza Dreamweaver para diseñar páginas web dinámicas, la función WYSIWYG le permite obtener una vista previa de la página web sin utilizar un navegador. Dreamweaver separa el contenido del diseño para actualizaciones web rápidas y edición web en equipo. Cree una plantilla para la apariencia de una página web y especifique partes editables o no editables. Los proveedores de contenido pueden editar directamente contenido basado en estilos sin cambiar accidentalmente el estilo establecido. También puede utilizar plantillas para importar o exportar correctamente contenido XML. Presentación completa Las páginas web diseñadas con Dreamweaver se pueden presentar completamente en navegadores populares en cualquier plataforma. Para compatibilidad con HTML dinámico para hojas de estilo en cascada y efectos al pasar el mouse, se puede ejecutar una biblioteca de efectos DHTML para sonidos y animaciones en los navegadores Netscape y Microsoft. Al utilizar la función de creación de perfiles del navegador, Dreamweaver puede indicarle qué tan bien funciona en diferentes navegadores. Cuando se inicia un nuevo navegador, simplemente descargue su archivo de descripción del sitio web de Dreamweaver para obtener un informe de rendimiento detallado.
Sus deficiencias
Es difícil lograr con precisión el mismo efecto de visualización que el navegador. Es decir, es difícil que la página web que crea en el editor de páginas web WYSIWYG logre completamente el efecto que realmente desea cuando se coloca en el navegador. Esto es cierto para páginas web con estructuras más complejas (como estructuras de marco y estructuras de páginas web dinámicas). );
El código original de la página es difícil de controlar. Por ejemplo, se necesitan unos minutos para crear una tabla en el editor WYSIWYG, pero si desea que cumpla plenamente con sus requisitos, Puede que tarde decenas de minutos o incluso más. Por el contrario, los editores de páginas web que no son WYSIWYG no tienen este problema, porque todo el HTML (una aplicación bajo el lenguaje de marcado universal estándar) se genera bajo su supervisión, pero debido a que las condiciones inherentes del editor resultante no son WYSIWYG dictan que su trabajo es ineficiente. . Cómo lograr la combinación perfecta de los dos, que no solo produzca un código HTML limpio y preciso, sino que también tenga la alta eficiencia y la intuición de ver lo que obtienes, siempre ha sido el sueño de los diseñadores web. La serie CS5 producida por Adobe está a la venta. Prestemos atención a las funciones relacionadas de DREAMWEAVER CS5.
Novedad en Vista en vivo
Diseñe páginas web en un entorno de navegador real con la nueva Vista en vivo en Dreamweaver CS5 sin dejar de tener acceso directo al código. El contenido de la pantalla renderizada refleja inmediatamente los cambios realizados en el código.
Consejos de codificación para marcos Ajax y JavaScript
Escriba JavaScript de manera más eficiente con soporte mejorado para objetos centrales de JavaScript y tipos de datos básicos. Aproveche las capacidades de codificación ampliadas de Dreamweaver CS5 integrándolas con marcos de JavaScript populares, incluidos jQuery, Prototype y Spry.
Nueva interfaz de usuario
Trabaja de forma más rápida e inteligente en los diferentes componentes de Adobe Creative Suite 4 con un diseño de interfaz de usuario exclusivo. Utilice el conmutador de espacio de trabajo para cambiar rápidamente de un entorno de trabajo a otro.
Archivos relacionados y navegador de código
Haga clic en cualquier archivo incluido que se muestra en la columna Archivos relacionados para ver su código fuente en la vista Código, en la vista Diseño "para ver la página principal. La nueva función Code Navigator muestra el código fuente CSS que afecta la selección actual y le permite acceder a ella rápidamente.
Conjuntos de datos HTML
Lleve el poder de los datos dinámicos a sus páginas web sin tener que dominar bases de datos o codificación XML. Los conjuntos de datos de Spry reconocen el contenido de tablas HTML simples como fuentes de datos interactivas.
Adobe InContext Editing (prelanzamiento)
Diseña páginas en Dreamweaver, lo que permite a los usuarios finales editar sus páginas web utilizando el servicio en línea Adobe InContext Editing sin ayuda ni el uso de software adicional. . * Como diseñador de Dreamweaver, puede limitar los cambios a páginas específicas, áreas especiales e incluso personalizar las opciones de formato.
Objeto inteligente de Adobe Photoshop®
Inserte cualquier documento PSD de Photoshop en Dreamweaver para crear una imagen. Los objetos inteligentes están estrechamente vinculados a los archivos fuente. Puede cambiar las imágenes de origen y actualizarlas en Dreamweaver sin abrir Photoshop.
Prácticas recomendadas de CSS
Implemente las mejores prácticas de CSS sin escribir código. Cree nuevas reglas CSS en el panel Propiedades e indique de forma clara y sencilla dónde va cada propiedad en la cascada de estilos.
Integración de Subversion
Actualiza tu sitio y registra los cambios directamente en Dreamweaver. Dreamweaver CS4 está estrechamente integrado con el software Subversion, un sistema de control de versiones de código abierto, para proporcionar una experiencia de entrada y salida más potente.
Novedad en compatibilidad de creación de Adobe AIR
Cree aplicaciones de Adobe AIR basadas en HTML y JavaScript directamente en Dreamweaver. Obtenga una vista previa de las aplicaciones de AIR directamente en Dreamweaver. Prepare las aplicaciones de Adobe AIR para su implementación con capacidades de empaquetado y firma de código de AIR. Actualice a Dreamweaver CS6 para crear y probar de manera eficiente contenido HTML5 multiplataforma y multinavegador utilizando los paneles actualizados Vista en vivo y Vista previa multipantalla. ¿Cree mejores aplicaciones móviles con compatibilidad mejorada con jQuery y PhoneGap y reduzca el tiempo que lleva cargar archivos grandes con una herramienta de transferencia FTP multiproceso rediseñada?