Studio 8 Feature Integration Details

Studio 8 is the must-have suite for start-to-finish design, development and maintenance tools of websites, applications, games, interactive presentations, and mobile content.

Show all features Collapse all features

Flash 8 and Dreamweaver 8

Flash and Dreamweaver together provide a complete development solution for creating robust websites and Rich Internet Applications. Flash is the fastest way to create interactive user interfaces, while Dreamweaver offers a robust development environment for integrating Flash content with entire websites and application logic.

Flash 8 and Fireworks 8

Fireworks offers Macromedia Flash developers a roundtrip workflow between their bitmap production environments and Macromedia Flash. Although Fireworks exports custom HTML for many popular HTML editors, the tight integration between the two Macromedia tools makes Fireworks ideal for combining optimized bitmap graphics with vector-based Macromedia Flash websites.

You can easily import, copy and paste, or export Fireworks vectors, bitmaps, animations, and multistate button graphics for use in Flash. Launch-and-edit functionality also makes it easy to edit Fireworks graphics from within Flash.

Dreamweaver 8 and Fireworks 8

More than 75% of professional website developers also create graphics for sites, which makes integration between graphics programs and development tools crucial. The tight integration between Dreamweaver and Fireworks offers the best solution for rapid website development.

Read more Read more

Top integration features include:

CSS pop-up menus
Fireworks 8 uses CSS (Cascading Style Sheets) to create interactive pop-up menus. The result is clean and easily customizable code that integrates well with sites built in Dreamweaver. Once integrated, use the powerful new CSS panel in Dreamweaver to quickly modify the presentation of the CSS.

Integrated Dreamweaver graphics editor
Leverage Fireworks technology to provide basic image manipulation and editing directly within Dreamweaver. Crop, resize, and resample images without leaving the Dreamweaver environment.

Roundtrip table editing with Dreamweaver
Fireworks and Dreamweaver facilitate collaboration between designers and developers while protecting each person's work. A designer can output a set of nested tables containing sliced graphics from Fireworks and pass it to a developer, who can edit the tables in Dreamweaver. The developer can then pass the tables back to the designer, who can edit the graphics files and update the tables without overwriting the developer's custom code.

Launch and optimize/edit
Double-click on a graphic in Dreamweaver to instantly launch Fireworks for fast editing; single-click to make simple edits without leaving Dreamweaver. Post edits to the web graphic (JPEG or GIF) or to the source image. To optimize site graphics for fastest download, choose Optimize Image to launch the Fireworks optimization engine.

Export as Dreamweaver library from Fireworks
Create a set of common graphics elements such as pieces of a navigation bar, and save them as library items. When exported from Fireworks, these items will automatically appear in the Dreamweaver library. To edit a Fireworks-originated library item, edit the original PNG and re-export it to the Dreamweaver site folder. Dreamweaver will prompt with an option to update the library item and propagate the changes site-wide.

Export layers, slices, or frames as absolute positioned Dreamweaver CSS layers
Create Fireworks graphics and place them with pixel-level accuracy on a page comp, and then export the layout, including the graphics, to Dreamweaver using CSS layers. Keep the existing Fireworks layout in Dreamweaver, and easily reposition the CSS layers, or convert them to tables for older browsers.

Integrate native behaviors
In Fireworks, create rollovers and sophisticated JavaScript effects as well as the associated source graphics. Then, import the graphics and code into Dreamweaver where the behaviors are recognized and editable as native Dreamweaver code. Edit, update, and manipulate the behavior of Fireworks graphics without interrupting workflow.

Auto-insert HTML and graphics
Import graphics, JavaScript, and HTML created in Fireworks directly into Dreamweaver with the one-step Insert Fireworks Object operation. Dreamweaver will import code created by Fireworks while maintaining precise placement, links, and other image properties.

Script the two applications together
Dreamweaver and Fireworks both have JavaScript-based APIs, and Fireworks can be fully automated through JavaScript, C++, or ActionScript, so scripts can drive Fireworks from Dreamweaver. The Create Web Photo Album command in Dreamweaver hints at the power available through the APIs. Other scripting examples include batch-processing graphics without leaving Dreamweaver, automatically creating multiple rollovers by defining the text of the rollover in Dreamweaver, and using a single template graphic in Fireworks.

Create Fireworks placeholder
In Design view in Dreamweaver, insert a placeholder for an image by designating the image's precise size. To create the image, click the Edit in Fireworks button to launch with a blank canvas at the correct size. After the image has been created, Fireworks will automatically replace the placeholder with the finished image in Dreamweaver.

Shared sites and check-in/check-out
Avoid overwriting shared files, and manage files consistently across applications. Fireworks includes the same check-in/check-out capabilities as Dreamweaver to ensure that no two people are working on the same file at the same time. Upload and download files from a remote server with a single click through FTP.

Trace any website graphics comp
Use Dreamweaver page properties to select a tracing image graphic from Fireworks as a guide for final HTML designs, quickly moving from comp to final web page.

Top integration features include:

CSS pop-up menus
Fireworks 8 uses CSS (Cascading Style Sheets) to create interactive pop-up menus. The result is clean and easily customizable code that integrates well with sites built in Dreamweaver. Once integrated, use the powerful new CSS panel in Dreamweaver to quickly modify the presentation of the CSS.
Integrated Dreamweaver graphics editor
Leverage Fireworks technology to provide basic image manipulation and editing directly within Dreamweaver. Crop, resize, and resample images without leaving the Dreamweaver environment.
Roundtrip table editing with Dreamweaver
Fireworks and Dreamweaver facilitate collaboration between designers and developers while protecting each person's work. A designer can output a set of nested tables containing sliced graphics from Fireworks and pass it to a developer, who can edit the tables in Dreamweaver. The developer can then pass the tables back to the designer, who can edit the graphics files and update the tables without overwriting the developer's custom code.
Launch and optimize/edit
Double-click on a graphic in Dreamweaver to instantly launch Fireworks for fast editing; single-click to make simple edits without leaving Dreamweaver. Post edits to the web graphic (JPEG or GIF) or to the source image. To optimize site graphics for fastest download, choose Optimize Image to launch the Fireworks optimization engine.
Export as Dreamweaver library from Fireworks
Create a set of common graphics elements such as pieces of a navigation bar, and save them as library items. When exported from Fireworks, these items will automatically appear in the Dreamweaver library. To edit a Fireworks-originated library item, edit the original PNG and re-export it to the Dreamweaver site folder. Dreamweaver will prompt with an option to update the library item and propagate the changes site-wide.
Export layers, slices, or frames as absolute positioned Dreamweaver CSS layers
Create Fireworks graphics and place them with pixel-level accuracy on a page comp, and then export the layout, including the graphics, to Dreamweaver using CSS layers. Keep the existing Fireworks layout in Dreamweaver, and easily reposition the CSS layers, or convert them to tables for older browsers.
Integrate native behaviors
In Fireworks, create rollovers and sophisticated JavaScript effects as well as the associated source graphics. Then, import the graphics and code into Dreamweaver where the behaviors are recognized and editable as native Dreamweaver code. Edit, update, and manipulate the behavior of Fireworks graphics without interrupting workflow.
Auto-insert HTML and graphics
Import graphics, JavaScript, and HTML created in Fireworks directly into Dreamweaver with the one-step Insert Fireworks Object operation. Dreamweaver will import code created by Fireworks while maintaining precise placement, links, and other image properties.
Script the two applications together
Dreamweaver and Fireworks both have JavaScript-based APIs, and Fireworks can be fully automated through JavaScript, C++, or ActionScript, so scripts can drive Fireworks from Dreamweaver. The Create Web Photo Album command in Dreamweaver hints at the power available through the APIs. Other scripting examples include batch-processing graphics without leaving Dreamweaver, automatically creating multiple rollovers by defining the text of the rollover in Dreamweaver, and using a single template graphic in Fireworks.
Create Fireworks placeholder
In Design view in Dreamweaver, insert a placeholder for an image by designating the image's precise size. To create the image, click the Edit in Fireworks button to launch with a blank canvas at the correct size. After the image has been created, Fireworks will automatically replace the placeholder with the finished image in Dreamweaver.
Shared sites and check-in/check-out
Avoid overwriting shared files, and manage files consistently across applications. Fireworks includes the same check-in/check-out capabilities as Dreamweaver to ensure that no two people are working on the same file at the same time. Upload and download files from a remote server with a single click through FTP.
Trace any website graphics comp
Use Dreamweaver page properties to select a tracing image graphic from Fireworks as a guide for final HTML designs, quickly moving from comp to final web page.

Dreamweaver 8 and Contribute 3

Most web professionals would prefer to focus on site design and development and to empower other users to make simple content updates. By providing Contribute to content contributors, Dreamweaver developers can offload simple page maintenance tasks to the users who request them while still retaining control over their site designs and permissions. Contribute uses a simple browse/edit/publish methodology with built-in review and approval features that even the least sophisticated of users can master. Developers can limit access to specific pages, and even control which sections of a page or content are editable. As a result, site security and design are never compromised.

Read more Read more

Top integration features include:

Common code base keeps users Dreamweaver and Contribute users in sync
Dreamweaver and Contribute are based on the same HTML editing engine and share page locking and file rollback versioning systems. Dreamweaver 8 provides administrative controls for most Contribute-enabled websites.

Integrated administrative control designed for ultimate management
Website administrators can segregate publishing roles for named users and groups, assigning access to different sections of the website and defining what changes can be made. With shared assets, common design elements and Dreamweaver library items can be centrally managed to safely empower business users. Administrators can also control file naming conventions, the location of new dependent files, the size and quality of images, and the number of page versions available for roll-back. Every Dreamweaver and Contribute action can be logged with optional server-based Contribute Publishing Services.

Maintain website integrity
Content created in Contribute matches the look and feel of the site thanks to integrated support for Dreamweaver templates and advanced CSS support. Contribute 3 ensures design standards are met, functionality is maintained, and code is protected. Dreamweaver users can control the access Contribute users have to file, so all scripts and server code can be locked out when pages are edited, and Contribute leaves existing code in pristine condition without unnecessary modifications. Content is cross-browser compatible, and is easily made Section 508 compliant for accessibility.

Review and approval
Dreamweaver users can now control who can edit and who can publish- thanks to a flexible approval system that does not require pre-defined workflows. Contribute 3 enables users to send web content to others for review and collaboration before publishing it live on the web. The approval system includes a draft console within Contribute that summarizes work in progress, including the status of drafts and reviews.

Rich extensibility layer
Dreamweaver 8 and Contribute 3 provide a common, robust extensibility layer to meet the needs of any organization. The JavaScript and XML client extensibility layer allows extensive user interface customization—deployable using new, configurable installer technology. Because Dreamweaver and Contribute are written on the same code engine, extensions developed for one product are easily customized to work with both.

Top integration features include:

Common code base keeps users Dreamweaver and Contribute users in sync
Dreamweaver and Contribute are based on the same HTML editing engine and share page locking and file rollback versioning systems. Dreamweaver 8 provides administrative controls for most Contribute-enabled websites.
Integrated administrative control designed for ultimate management
Website administrators can segregate publishing roles for named users and groups, assigning access to different sections of the website and defining what changes can be made. With shared assets, common design elements and Dreamweaver library items can be centrally managed to safely empower business users. Administrators can also control file naming conventions, the location of new dependent files, the size and quality of images, and the number of page versions available for roll-back. Every Dreamweaver and Contribute action can be logged with optional server-based Contribute Publishing Services.
Maintain website integrity
Content created in Contribute matches the look and feel of the site thanks to integrated support for Dreamweaver templates and advanced CSS support. Contribute 3 ensures design standards are met, functionality is maintained, and code is protected. Dreamweaver users can control the access Contribute users have to file, so all scripts and server code can be locked out when pages are edited, and Contribute leaves existing code in pristine condition without unnecessary modifications. Content is cross-browser compatible, and is easily made Section 508 compliant for accessibility.
Review and approval
Dreamweaver users can now control who can edit and who can publish- thanks to a flexible approval system that does not require pre-defined workflows. Contribute 3 enables users to send web content to others for review and collaboration before publishing it live on the web. The approval system includes a draft console within Contribute that summarizes work in progress, including the status of drafts and reviews.
Rich extensibility layer
Dreamweaver 8 and Contribute 3 provide a common, robust extensibility layer to meet the needs of any organization. The JavaScript and XML client extensibility layer allows extensive user interface customization—deployable using new, configurable installer technology. Because Dreamweaver and Contribute are written on the same code engine, extensions developed for one product are easily customized to work with both.