IT tutorials

Adobe Fireworks CS5 : Fireworks and Dreamweaver (part 1) - Copying and pasting to Dreamweaver

2/19/2013 5:30:17 PM
- Free product key for windows 10
- Free Product Key for Microsoft office 365
- Malwarebytes Premium 3.7.1 Serial Keys (LifeTime) 2019
It’s no surprise that products within Adobe Creative Suite are meant to play well together—they are a suite, after all. In this section, you’ll learn some techniques for making the most of the integration between Fireworks and Dreamweaver.


This exercise requires Dreamweaver CS5. If you do not own Dreamweaver, you may skip this section, or download the 30-day, fully functional trial version of Dreamweaver from Adobe at

Copying and pasting to Dreamweaver

You can quickly add objects from a Fireworks design directly into a website layout in Dreamweaver.

Start Dreamweaver.

Open the check_mag_home.html file from the webpage folder of the Lesson13 folder. This is an HTML prototype page that has been reviewed by the client. It has also undergone a lot of layer restructuring for better organization.

Another watch image has been sent as a replacement for the existing watch promo image. The client has requested the blue background be removed and replaced with a gradient background.

This work has already been done in the file called watch.fw.png, using a bitmap mask and a gradient-filled rectangle.

The image is currently not the right dimensions for the watch promo section of the banner. You will create the correct image size without affecting the original file in any way.

In Fireworks, open the watch.fw.png file in the Lesson13 folder.

In the Layers panel, hold down the Shift key and select both the watch and the background.

Choose Edit > Copy.

Switch to Dreamweaver.

Select the original watch image, and delete it.

Choose Edit > Paste.

The Image Preview window opens. This is the same Image Preview window you can access from Fireworks, but in this case, it’s initiated by Dreamweaver.

In the Options pane, set the file format to JPEG – Better Quality.

Switch to the File tab, and then set the scaling to 95%.

In the Export Area option, type 237 in the width field and 90 in the height field.

These are the dimensions of the original watch image.

Type 0 in the x field and 35 in the y field, and click OK.

The Save Web Image dialog box appears.

Browse to the images folder within the webpage folder of the Lesson13 folder.

Rename the file to watch_promo2.jpg, and click Save.

The Image Description (Alt Text) dialog box appears.

Type Win a watch! in the Alt Text field, and click OK.

The new, cropped image appears on the page, where the old image used to be.

Return to Fireworks; the original PNG file remains unchanged.

Close the watch.fw.png file without saving.
- Adobe Flash Professional CS5 : Working Within the Flash Environment - Organizing Layers
- Adobe Flash Professional CS5 : Working Within the Flash Environment - Viewing Layers
- Adobe InDesign CS5 : Opening Documents and Templates (part 2) - Converting documents created with other programs
- Adobe InDesign CS5 : Opening Documents and Templates (part 1) - Working with files in the Bridge file system
- Adobe Dreamweaver CS5 : Working with the CSS Styles Panel
- Adobe Dreamweaver CS5 : Understanding Cascading Style Sheets
- Corel Painter X : The Great Outdoors - Just Add Watercolor, Bayside Scene
- Adobe Illustrator CS5 : Working with Objects - Creating Arcs and Spirals
- Adobe Illustrator CS5 : Working with Objects - Creating Polygons and Stars, Creating Line Segments
- Adobe Photoshop CS5 : Sizing Digital Images - Resizing an Image (part 4) - Content-Aware Scaling, Puppet Warp, Using Smart Objects Before Transforming
Top 10
Technology FAQ
- Microsoft ebs security server configuration
- IIs7 on Windows server 2003
- How to Configure Failover Clusters With Win 2008 Server R2?
- Windows 2008 Network Load Balancing
- Windows Server 2008 - Group Policy Management - Remove Computer Management
- Remove shortcuts possibility in a web page or to put in favorite
- HTA Dynamic Drop Down List
- IIS host header and DNS
- VMware or MS Virtual Server?
- Adobe Acrobat 9 inserting tab pages
programming4us programming4us