IT tutorials
 
Graphics
 

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

2/19/2013 5:31:52 PM
- How To Install Windows Server 2012 On VirtualBox
- How To Bypass Torrent Connection Blocking By Your ISP
- How To Install Actual Facebook App On Kindle Fire

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.

1.
Select the navigation bar image within Dreamweaver.

2.
In the Properties panel, click the Edit icon.

Note

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:

1.
Click the Use A PNG button.

The Open dialog box appears.

2.
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.

3.
Click Hide Slices And Hotspots in the Tools panel.

4.
Select the five text links using the Pointer tool.

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

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

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

8.
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.

 
Others
 
- 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
 
- Microsoft Visio 2013 : Adding Structure to Your Diagrams - Finding containers and lists in Visio (part 2) - Wireframes,Legends
- Microsoft Visio 2013 : Adding Structure to Your Diagrams - Finding containers and lists in Visio (part 1) - Swimlanes
- Microsoft Visio 2013 : Adding Structure to Your Diagrams - Formatting and sizing lists
- Microsoft Visio 2013 : Adding Structure to Your Diagrams - Adding shapes to lists
- Microsoft Visio 2013 : Adding Structure to Your Diagrams - Sizing containers
- Microsoft Access 2010 : Control Properties and Why to Use Them (part 3) - The Other Properties of a Control
- Microsoft Access 2010 : Control Properties and Why to Use Them (part 2) - The Data Properties of a Control
- Microsoft Access 2010 : Control Properties and Why to Use Them (part 1) - The Format Properties of a Control
- Microsoft Access 2010 : Form Properties and Why Should You Use Them - Working with the Properties Window
- Microsoft Visio 2013 : Using the Organization Chart Wizard with new data
programming4us programming4us
 
Popular tags
 
Video Tutorail Microsoft Access Microsoft Excel Microsoft OneNote Microsoft PowerPoint Microsoft Project Microsoft Visio Microsoft Word Active Directory Biztalk Exchange Server Microsoft LynC Server Microsoft Dynamic Sharepoint Sql Server Windows Server 2008 Windows Server 2012 Windows 7 Windows 8 Adobe Indesign Adobe Flash Professional Dreamweaver Adobe Illustrator Adobe After Effects Adobe Photoshop Adobe Fireworks Adobe Flash Catalyst Corel Painter X CorelDRAW X5 CorelDraw 10 QuarkXPress 8 windows Phone 7 windows Phone 8 BlackBerry Android Ipad Iphone iOS