IT tutorials

Adobe Fireworks CS5 : Fireworks and Dreamweaver (part 2) - Round-trip editing

2/19/2013 5:31:52 PM
- Free product key for windows 10
- Free Product Key for Microsoft office 365
- Malwarebytes Premium 3.7.1 Serial Keys (LifeTime) 2019

Round-trip editing

Another request has come in—this one for a change to the navigation bar. The client would prefer the navigation text to be closer to the right and with more spacing between each link. You will make this change using round-trip editing.

Select the navigation bar image within Dreamweaver.

In the Properties panel, click the Edit icon.


Editing the PNG file works properly only if the page was originally exported as HTML And Images. If the file was exported as CSS And Images, round-trip editing will have a negative effect on the HTML page.

The Fireworks prototype opens with two differences. The watch image slice is now a bright green HTML slice because the image was changed within Dreamweaver, and the new watch image is not part of the original PNG file. To maintain the new image, apply an HTML slice rather than the original image slice.

Find Source dialog box

The Find Source dialog box may appear, asking whether you want to edit this individual image or locate the Fireworks PNG file. If it does, follow these steps:

Click the Use A PNG button.

The Open dialog box appears.

Locate and open the check_mag_home.fw.png file in the Lesson13 folder.

A Done button and the status message, Editing From Dreamweaver, appear near the top of the document window.

Click Hide Slices And Hotspots in the Tools panel.

Select the five text links using the Pointer tool.

In the Properties panel, change the X value to 456.

Open the Align panel, and change the Spacing value to 30.

Click the Space Evenly Horizontally icon to spread the text links apart.

Click the Done button.

You are returned to Dreamweaver, and the navigation bar has been updated to reflect the changes in the PNG. The PNG file is saved automatically.

- Adobe Fireworks CS5 : Fireworks and Dreamweaver (part 1) - Copying and pasting to Dreamweaver
- 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
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