It is recommended that you use the Three Musketeers of the web page! !
The Three Musketeers of the Web, as the name suggests, is a set of powerful web editing tools, originally developed by Macromedia. It consists of three softwares: Dreamweaver, Fireworks, and Flash, commonly known as the Three Musketeers.
1. Overview of editing
Origin of the name
The reason why it is called the Three Musketeers is largely because these three software can seamlessly cooperate with each other. To make a web page, Fireworks usually exports slices, pictures, etc., and then draws the table in Dreamweaver; the more popular one is to make the main page in Fireworks, then export it, modify it in Dreamweaver, add links, etc., and then make a Very nice looking page.
Software Introduction
Dreamweaver is a "what you see is what you get" visual website development tool, mainly used for the development of dynamic web pages; Fireworks is mainly used for jpg commonly used on web pages , GIF production and processing can also be used to create web page layouts; Flash is mainly used to create animations. Now that the Flash platform has been launched, it is foreseeable that it will have excellent prospects.
The combination of the three web page Musketeers is an essential tool for today's website development. If you use other software to replace it: Fireworks can be replaced with Photoshop and CorelDRAW. Frontpage is only helpful for beginners and cannot design more complex web pages. In the past, Adobe competed with Macromedia. However, Dreamweaver was recommended for web page production, while Photoshop was dominant for image processing, but Fireworks had a slight advantage in web page production. After Adobe acquired Macromedia, many of Macromedia's software products were discontinued, but the Three Musketeers survived and continued to grow and continue to launch new products.
The division of labor among the Three Musketeers of web page production is as follows:
DREAMWEAVER (web page production)
FLASH (animation production and effects)
FIREWORKS (vector Graphics production and image processing)
2. Flash editing
Overview
Flash is a two-dimensional animation software designed by the American Macromedia Company. The full name is Macromedia Flash (referred to as Macromedia Flash). After acquisition by Adobe, it was called Adobe Flash), which is mainly used for designing and editing Flash documents. Included Macromedia Flash Player for playing Flash documents.
At the end of 2011, Flash was merged by Adobe. The latest version was announced in 2013: Adobe Flash Creative Cloud (CC), and the player was also renamed Adobe Flash Player.
Features
A vector animation file format that is widely used in Internet web pages.
Using vector operations (Vector Graphics), the resulting video takes up less storage space.
Videos created using Flash have their own special file format ﹙swf﹚.
The company claims that 97% of the world's web browsers have built-in Flash player (Flash Player).
It is the implementation platform of the "Rich Internet Application" (RIA) concept proposed by Macromedia/Adobe.
3. Fireworks Editor
Overview
Adobe Fireworks can accelerate Web design and development. It is a tool for creating and optimizing Web images and quickly building websites and Web interfaces. Ideal tool for prototyping.
Fireworks not only provides the flexibility to edit vector graphics and bitmap images, but also provides a common library of pre-built assets and time-saving integration with Adobe Photoshop, Adobe Illustrator, Adobe Dreamweaver and Adobe Flash software. Quickly turn designs into mockups in Fireworks, or leverage other assets from Illustrator, Photoshop, and Flash. Then place it directly into Dreamweaver for easy development and deployment.
Features
Vector editing and bitmap editing. Create and edit vector and bitmap images, and import and edit native Photoshop and Illustrator files.
Image optimization. Optimize images for a variety of delivery situations with previews, cross-platform grayscale system previews, selective JPEG compression, and extensive export controls.
Efficient Photoshop and Illustrator integration. Import Photoshop (PSD) files while maintaining layered layers, layer effects, and blending modes. Save Fireworks (PNG) files back to Photoshop (PSD) format. Import Illustrator (AI) files while maintaining graphic integrity including layer, group, and color information.
Rapid prototyping. Prototype interactive layouts for websites and various Internet applications. Export website prototypes to Adobe Dreamweaver and RIA prototypes to Adobe Flex.
Supports multiple pages. Use the new page palette to create multiple pages within a single document (PNG file) and share layers between pages. Each page can contain its own slices, layers, frames, animations, and canvas settings, making it easy to simulate website flow in prototypes.
Hierarchical layer organization. Organize and manage prototypes with a new hierarchical layer structure similar to Adobe Photoshop, allowing you to easily organize web layers and pages.
Filter effects. Apply lighting effects, shadow effects, styles, and blending modes (including 7 new blending modes from Photoshop) to add depth and character to text and symbols.
Public library. Quickly start the prototyping process with a common library of graphic symbols, text symbols, and animations commonly used in web applications, forms, interfaces, and websites.
Smart scaling. Smartly scale buttons and graphic symbols in vector or bitmap images with 9-slice scaling. Combine 9-slice scaling with a new automated shape library to accelerate prototyping of websites and apps.
Simplified Dreamweaver and Flash integration. Copy any object in Fireworks CS3 and paste directly into Dreamweaver CS3. Create popup menus that can be saved as CSS and HTML. Export Fireworks (PNG) files directly to Flash CS3, preserving vectors, bitmaps, animations, and multistates, then edit the files in Flash CS3.
Notice
As we all know, if the jpg image on the web page is too large, it will seriously affect the opening speed of the page. Fireworks provides the function of optimizing the image, that is, reducing the KB of the image, and it does not Affects the quality of the picture (unless it is enlarged to compare with the original picture). Since many people like to use photoshop to create jpg images, its capacity will be very large, and they will eventually have to be processed using Fireworks.
4Dreamweaver Editor
Overview
Dreamweaver is a web page production and management website developed by the American Macromedia Company (now acquired by Adobe Company and becomes Adobe Dreamweaver). An all-in-one WYSIWYG web page editor, it is the first set of visual web development tools specially developed for professional web designers. It can be used to easily create dynamic web pages that transcend platform limitations and browser limitations.
Dreamweaver, Flash and Fireworks, launched after Dreamweaver for professional web image design, are called DreamTeam by Macromedia, which shows the market response and Macromedia's confidence in them. Speaking of Dreamweaver, we should understand the development process of web page editors. As the Internet becomes a household name, HTML (an application under the Standard Universal Markup Language) technology continues to develop and improve, and many web page editors are produced. , based on the basic properties of web page editors, they can be divided into WYSIWYG web page editors and non-WYSIWYG web page editors (original code editors), both of which have their own merits. The advantage of WYSIWYG web editor is that it is intuitive, easy to use, and easy to use. You will not feel any difference between web page creation in WYSIWYG web editor and text editing in WORD, but it also exists fatal weakness.
Features
Its advantages
Best production efficiency. Dreamweaver is the fastest way to move Fireworks, FreeHand, or Photoshop files to a web page. Use the color picker tool to select a color on the screen to set the closest web-safe color. For menus, shortcut keys and format control, all can be completed in one simple step. Dreamweaver can be paired with your favorite design tools, such as Playback Flash, Shockwave, and plug-in modules. You can complete it without leaving Dremweaver, and the overall application process is natural and smooth. In addition, Dreamweaver can automatically open Firework or Photoshop with a single click to edit and optimize the image.
Website management. Use site maps to quickly prototype, design, update and reorganize web pages. Change the web page location or file name and Dreamweaver automatically updates all links. Complex website updates are made quickly and easily using search and replace capabilities that support text, HTML code, HTML attribute tags, and general syntax.
Unparalleled control. Dreamweaver is the only design tool that provides synchronization of Roundtrip HTML, visual editing and source code editing. It includes mainstream text editors such as HomeSite and BBEdit. Frames and tables can be created faster than you can imagine. Advanced table editing features allow you to easily select cells, rows, columns or make non-consecutive selections. You can even sort or format table groups. Dreamweaver supports precise positioning and drag-and-drop layout using layers that can be easily converted into tables. What you see is what you get Dreamweaver successfully integrates dynamic publishing visual editing and e-commerce functions, providing strong support capabilities to third-party vendors, including ASP, Apache, BroadVision, Cold Fusion, iCAT, Tango and self-developed application software. When you are using Dreamweaver to design dynamic web pages, the WYSIWYG function allows you to preview the web page without using a browser.
Dreamweaver separates content from design for rapid web updates and collaborative team editing. Create a template for the appearance of a web page and specify editable or non-editable parts. Content providers can directly edit style-based content without accidentally changing the established style. You can also use templates to correctly import or export XML content. All-round presentation Web pages designed using Dreamweaver can be fully presented on popular browsers on any platform. For dynamic HTML support for cascading style sheets and mouse-over effects, a DHTML effects library for sounds and animations can be executed on Netscape and Microsoft browsers. Using the browser profiling feature, Dreamweaver can tell you how well it performs on different browsers. When a new browser is launched, you can get a detailed performance report by downloading its description file from the Dreamweaver website.
Its disadvantages
It is difficult to accurately achieve the same display effect as the browser. That is to say, it is difficult for the webpage you create in the WYSIWYG webpage editor to fully achieve the effect you really want when placed in the browser. This is true for webpages with more complex structures (such as frame structures and dynamic webpage structures). );
The original code of the page is difficult to control. For example, it takes a few minutes to create a table in the WYSIWYG editor, but if you want it to fully meet your requirements, it may It takes dozens of minutes or even more. In contrast, non-WYSIWYG web page editors do not have this problem, because all HTML (an application under Standard Universal Markup Language) is generated under your supervision, but due to non-WYSIWYG The resulting editor's inherent conditions dictate that its work is inefficient. How to achieve the perfect combination of the two, which not only produces clean and accurate HTML code, but also has the high efficiency and intuitiveness of seeing what you get, has always been the dream of web designers.
New features of CS5
The CS5 series produced by Adobe is on sale. We will pay attention to the related functions of DREAMWEAVER CS5 this time.
New in Live View
Design web pages in a real browser environment with the new Live View in Dreamweaver CS5 while still having direct access to the code. The rendered screen content immediately reflects the changes made to the code.
Coding tips for Ajax and JavaScript frameworks
Write JavaScript more efficiently with improved support for JavaScript core objects and basic data types. Take advantage of Dreamweaver CS5's expanded coding capabilities by integrating with popular JavaScript frameworks including jQuery, Prototype, and Spry.
New User Interface
Work faster and smarter across the different components of Adobe Creative Suite? 4 with an exclusive user interface design. Use the workspace switcher to quickly switch from one work environment to the next.
Related Files and Code Navigator
Click any included file displayed in the Related Files column to view its source code in Code view, in Design ” view to view the parent page. The new Code Navigator feature displays the CSS source code that affects the current selection and allows you to quickly access it.
HTML Datasets
Bring the power of dynamic data to your web pages without having to master databases or XML coding. Spry datasets recognize content in simple HTML tables as interactive data sources.
Adobe InContext Editing (pre-release)
Design pages in Dreamweaver, allowing end users to edit their web pages using the Adobe InContext Editing online service without help or the use of additional software. * As a Dreamweaver designer, you can limit changes to specific pages, special areas, and even customize formatting options.
Adobe Photoshop? Smart Object
Insert any Photoshop PSD document into Dreamweaver to create an image. Smart objects are closely linked to source files. You can change source images and update images in Dreamweaver without opening Photoshop.
CSS Best Practices
Implement CSS best practices without writing code. Create new CSS rules in the Properties panel and clearly and simply indicate where each property goes in the style cascade.
Subversion integration
Update your site and register changes directly in Dreamweaver. Dreamweaver CS4 is tightly integrated with Subversion software, an open source version control system, to provide a more powerful check-in/check-out experience.
New in Adobe AIR authoring support
Create HTML- and JavaScript-based Adobe AIR applications directly in Dreamweaver. Preview AIR applications right in Dreamweaver. Make Adobe AIR applications ready for deployment with AIR packaging and code signing capabilities.
(From Baidu Encyclopedia.)