Problemas en el desarrollo web, de sitios web y de software
Los Tres Mosqueteros, como su nombre indica, es una potente herramienta de edición web desarrollada originalmente por Macromedia. Está formado por Dreamweaver, Fireworks y Flash, comúnmente conocidos como los Tres Mosqueteros.
1. Edición general
El origen del nombre
La razón por la que se llama Los Tres Mosqueteros es porque estos tres software pueden cooperar perfectamente entre sí. . Crear páginas web normalmente implica exportar sectores, imágenes, etc. A través de Fireworks y luego dibujar la tabla en Dreamweaver; el método más popular es crear la página principal en Fireworks, luego exportarla, modificarla en Dreamweaver, agregar enlaces, etc. , haz una página muy bonita.
Introducción al software
Dreamweaver es una herramienta de desarrollo de sitios web visual "lo que ves es lo que obtienes", que se utiliza principalmente para desarrollar páginas web dinámicas. Fireworks se utiliza principalmente para crear y procesar jpg y gif comúnmente utilizados en páginas web, y también se puede utilizar para crear diseños de páginas web. Flash se utiliza principalmente para la producción de animación. Ahora que se lanza la plataforma Flash, se puede esperar que el futuro sea excelente.
La combinación de los Tres Mosqueteros es una herramienta esencial para el desarrollo de sitios web actual. Si en su lugar se utiliza otro software: Fireworks se puede sustituir por Photoshop y CorelDRAW. Frontpage sólo es útil para principiantes y no puede diseñar páginas web más complejas. En el pasado, Adobe competía con Macromedia. Sin embargo, Dreamweaver es la mejor manera de crear páginas web y Photoshop es la mejor manera de procesar imágenes. Sin embargo, Fireworks tiene una ligera ventaja cuando se trata de crear páginas web. Después de que Adobe adquirió Macromedia, muchos de los programas de Macromedia fueron descontinuados, pero los Tres Mosqueteros sobrevivieron, continuaron desarrollándose y lanzando nuevos productos.
La división del trabajo entre los Tres Mosqueteros de la producción de páginas web es la siguiente:
DREAMWEAVER (producción de páginas web)
FLASH (animación y efectos)
FIREWORKS (Producción de gráficos vectoriales y procesamiento de imágenes)
2. Edición Flash
Resumen
Flash es un software de animación bidimensional diseñado. por la compañía estadounidense Macromedia. Su nombre completo es Macromedia Flash (llamado Adobe Flash luego de ser adquirido por Adobe), que se utiliza principalmente para diseñar y editar documentos Flash. El Macromedia Flash Player incluido se utiliza para reproducir documentos Flash.
A finales de 2011, Adobe fusionó Flash. La última versión se anunció el 2065 438+03: Adobe Flash Creative Cloud (CC) y el reproductor pasó a llamarse Adobe Flash Player.
Características
Un formato de archivo de animación vectorial ampliamente utilizado en páginas web.
Usando el método de ﹙Gráficos vectoriales﹚, la película generada ocupa menos espacio de almacenamiento.
Las películas realizadas con Flash tienen su propio formato de archivo especial (﹙swf﹚).
La compañía afirma que el 97% de los navegadores web del mundo tienen ﹙Flash Player﹚ integrado.
Es la plataforma de implementación del concepto "Rich Internet Application" (RIA) propuesto por Macromedia/Adobe.
3. Edición de Fireworks
Resumen
Adobe Fireworks puede acelerar el diseño y desarrollo web y es una herramienta para crear y optimizar imágenes web y crear rápidamente prototipos de sitios web y Interfaces web. Herramienta ideal. Fireworks no solo brinda la flexibilidad de editar gráficos vectoriales e imágenes de mapa de bits, sino que también brinda una biblioteca universal de recursos prediseñados y una integración que ahorra tiempo con el software Adobe Photoshop, Adobe Illustrator, Adobe Dreamweaver y Adobe Flash.
Convierta rápidamente diseños en maquetas en Fireworks o aproveche otros recursos en Illustrator, Photoshop y Flash. Luego colóquelo directamente en Dreamweaver para facilitar el desarrollo y la implementación.
Características
Edición de vectores 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 gris multiplataforma, compresión JPEG selectiva y amplios controles de exportación.
Integración eficiente de Photoshop e Illustrator. Importe archivos de Photoshop (PSD) y conserve capas, efectos de capa y modos de fusión. Guarde los archivos de Fireworks (PNG) en formato Photoshop (PSD). Importe archivos de Illustrator (AI), que mantienen la integridad de su dibujo, 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 paleta Nueva página para crear varias páginas dentro de un solo documento (archivo PNG) y compartir capas entre varias páginas. Cada página puede contener sus propios sectores, capas, marcos, animaciones y configuraciones de lienzo, por lo que el flujo del sitio web se puede simular fácilmente en prototipos.
Organización jerárquica. El prototipo se organiza y gestiona mediante una nueva estructura de capas jerárquica similar a Adobe Photoshop, lo que 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 los 7 nuevos modos de fusión de Photoshop) para agregar profundidad y carácter al texto y los componentes.
Bibliotecas públicas. La biblioteca pública contiene elementos gráficos, elementos de texto y animaciones comúnmente utilizados en aplicaciones web, formularios, interfaces y sitios web y se puede utilizar para iniciar rápidamente el proceso de creación de prototipos.
Expansión inteligente. Escale botones y elementos 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 la nueva biblioteca de formas automática 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 manteniendo intactos los vectores, mapas de bits, animaciones y estados múltiples, luego edite el archivo en Flash CS3.
Aviso; Nota
Como todos sabemos, si las imágenes jpg en la página web son demasiado grandes, afectará seriamente la velocidad de apertura de la página. Fireworks proporciona la función de optimizar imágenes, es decir, reducir el KB de la imagen sin afectar la calidad de la imagen (a menos que se compare con la imagen original después de la ampliación). Debido a que a muchas personas les gusta usar Photoshop para hacer imágenes jpg, su capacidad será muy grande y finalmente tendrán que procesarse con Fireworks.
4Editor de Dreamweaver
Resumen
Dreamweaver es un editor WYSIWYG, desarrollado por la American Macromedia Company (ahora adquirida por Adobe, convirtiéndose en Adobe Dreamweaver) Desarrollo, integrando web Producción de páginas y gestión de sitios web. Es el primer conjunto de herramientas de desarrollo web visual desarrollado específicamente para diseñadores web profesionales. Con él, puede crear fácilmente páginas web dinámicas que abarquen las limitaciones de la plataforma y del navegador.
Dreamweaver, Flash y Fireworks, que después de Dreamweaver están diseñados para gráficos web profesionales, son denominados DreamTeam por Macromedia, lo que demuestra la respuesta del mercado y la confianza de Macromedia en ellos. Hablando de Dreamweaver, debemos comprender el desarrollo de fckeditor.
Con la popularidad de Internet y el continuo desarrollo y mejora de HTML (una aplicación bajo el lenguaje de marcado universal estándar), han aparecido muchos fckeditors. Desde la naturaleza básica de fckeditor, se puede dividir en fckeditor WYSIWYG y fckeditor WYSIWYG (editor de código original), los cuales tienen sus propios méritos. Las ventajas de WYSIWYG fckeditor son que es intuitivo, fácil de usar y fácil de usar. No sentirás que hay ninguna diferencia entre crear páginas web en WYSIWYG fckeditor y editar texto en WORD, pero también tiene una debilidad fatal.
Características
Sus ventajas
Mejor eficiencia productiva. Dreamweaver es la forma más rápida de mover archivos (como Fireworks, FreeHand o Photoshop) a la web. Utilice la herramienta Cuentagotas para seleccionar un color en su pantalla y establecer el color seguro para la web más cercano. Para menús, accesos directos y controles de formato, es sólo un simple paso. Dreamweaver se puede utilizar con sus herramientas de diseño favoritas, como reproducción Flash, Shockwave, módulos enchufables, etc. Puede completarlo sin salir de Dreamweaver y el proceso general de solicitud es natural y fluido. Además, Dreamweaver puede abrir automáticamente Firework o Photoshop para editar y configurar optimizaciones para archivos de dibujo con un solo clic.
Gestión de sitios web. Con un mapa del sitio, puede crear rápidamente un prototipo de un sitio web, diseñar, actualizar y reorganizar páginas. Cambie la ubicación o el nombre del archivo de una página web y Dreamweaver actualizará automáticamente todos los enlaces. El uso de la funcionalidad de búsqueda y reemplazo que admite texto, código HTML, etiquetas de atributos HTML y sintaxis universal hace que las actualizaciones complejas de sitios web sean rápidas y sencillas.
Control incomparable. Dreamweaver es la única herramienta de diseño que proporciona HTML de ida y vuelta sincronizado, 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 cree. Las funciones avanzadas de edición de tablas le permiten seleccionar simplemente celdas, filas, columnas o realizar selecciones discretas. Incluso puedes ordenar o formatear grupos de tablas. Dreamweaver admite un posicionamiento y diseño precisos mediante capas que se pueden convertir fácilmente en tablas mediante arrastrar y soltar. WYSIWYG Dreamweaver integra con éxito funciones de publicación dinámica, edición visual y comercio electrónico, y proporciona un excelente soporte para 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, lo que ve es lo que obtiene, por lo que puede obtener una vista previa de la página web sin utilizar un navegador. La plantilla Fantasy y XML Dreamweaver separan el contenido del diseño para actualizaciones rápidas de la página web y edición de páginas web de colaboración en equipo. Cree una plantilla sobre cómo se verá su página web y especifique qué partes son editables y no editables. Los proveedores de contenido pueden editar contenido basado en estilos directamente sin cambiar accidentalmente los estilos establecidos. También puede utilizar plantillas para ingresar o generar contenido XML correctamente. Las páginas web diseñadas con Dreamweaver se pueden representar completamente en cualquier navegador popular en cualquier plataforma. Se puede ejecutar soporte HTML dinámico para hojas de estilo en cascada y efectos de cambio de imagen del mouse, y una base de datos de efectos DHTML para sonidos y animaciones en los navegadores Netscape y Microsoft. Dreamweaver puede indicarle qué tan bien funciona en diferentes navegadores mediante el uso de diferentes funciones de detección de navegadores. Cuando esté disponible un nuevo navegador, podrá descargar su archivo de descripción desde el sitio web de Dreamweaver y obtener un informe detallado sobre su eficacia.
Sus desventajas
Es difícil lograr con precisión el mismo efecto de visualización que el navegador. En otras palabras, es difícil que la página web que crea en WYSIWYG fckeditor logre completamente el efecto que realmente desea en el navegador, lo que puede reflejarse en algunas páginas web complejas (como estructura de marco, estructura dinámica de página web); /p>
El código fuente de la página es incontrolable.
Por ejemplo, le llevará unos minutos crear una tabla en el editor WYSIWYG, pero puede llevarle decenas de minutos o más satisfacer completamente sus requisitos. Por el contrario, WYSIWYG fckeditor no tiene este problema, porque todo HTML (aplicaciones bajo lenguaje de marcado universal estándar) se genera bajo su supervisión, pero debido a la condición innata de WYSIWYG, su trabajo seguramente será ineficiente. Cómo lograr la combinación perfecta de los dos siempre ha sido el sueño de los diseñadores web. No solo puede producir código HTML limpio y preciso, sino que también tiene la eficiencia y la intuición de lo que ves es lo que obtienes.
Nuevas funciones de CS5
La serie CS5 producida por Adobe ya está a la venta. Prestemos atención a las funciones relacionadas de DREAMWEAVER CS5.
Nuevas funciones en Vista en vivo
Con la nueva Vista en vivo en Dreamweaver CS5, puede diseñar páginas web en un entorno de navegador real y seguir teniendo acceso directo al código. El contenido de la pantalla renderizada reflejará 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 principales 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.
Una nueva interfaz de usuario
¿Con * * * diseño de interfaz de usuario, en Adobe Creative Suite? 4. Trabaje de forma más rápida e inteligente entre diferentes componentes. Con el conmutador de espacio de trabajo, puede 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 su página principal en la vista. La nueva función de navegador de código muestra el código fuente CSS que afecta la selección actual y le permite acceder a él rápidamente.
Conjunto de datos HTML
La poderosa función de los datos dinámicos se puede integrar en páginas web sin dominar la base de datos o la codificación XML. El conjunto de datos Spry puede reconocer contenido en tablas HTML simples como fuentes de datos interactivas.
Adobe InContext Editing (versión preliminar)
Diseñe páginas web en Dreamweaver para que los usuarios finales puedan editar sus páginas web utilizando el servicio de edición en línea de Adobe en contexto sin ayuda ni software adicional. *Como diseñador de Dreamweaver, puede limitar sus derechos para cambiar páginas específicas y áreas especiales, e incluso personalizar las opciones de formato.
¿Adobe Photoshop? Objetos inteligentes
Inserte cualquier documento PSD de Photoshop en Dreamweaver para crear imágenes. Los objetos inteligentes están estrechamente vinculados a los archivos fuente. Puede cambiar la imagen de origen y actualizar la imagen en Dreamweaver sin abrir Photoshop.
Prácticas recomendadas de CSS
Implemente las mejores prácticas de CSS sin escribir código. Cree una nueva regla CSS en el panel Propiedades para describir de forma clara y sencilla dónde pertenece cada propiedad en la cascada de estilos.
Integración de Subversion
Actualiza sitios y registra cambios directamente en Dreamweaver. Dreamweaver CS4 está estrechamente integrado con el software Subversion, un sistema de control de versiones de código abierto que proporciona una experiencia de registro y cierre de sesión más potente.
La creación de Adobe AIR admite nuevas funciones.
Cree aplicaciones Adobe AIR basadas en HTML y JavaScript directamente en Dreamweaver. Puede obtener una vista previa de las aplicaciones de AIR en Dreamweaver. Prepare las aplicaciones de Adobe AIR para su implementación con capacidades de empaquetado y firma de código de AIR.
(De la Enciclopedia Baidu.)