CHANGE LAYOUT COLORS WITH FIREWORKS
`
The Basics
Defining Your Website
More Basics
What You Get
Getting Started
What is a .DWT
How to Unlock a .DWT
PERSONALIZING
Changing Colors
Editing Style sheet
Changing Fonts
Export Images Only
Customize Header
Export Frames
Website Menus
IMAGES
Images
Stock Images
TEMPLATE AREAS

Library Items
CSS Style Sheets
About Library Items Editable Areas

MARKETING
Optimize
Search Engines
Web Business
Resources
Front Page
Adobe's Contribute
Form Mail
Font Sources
Shopping Carts
Customization
TRICKS

Table Basics
Table Tips & Tricks
Round Corners
Dhtml Scripts
SEO Tools & Software
Navigation

LINKS

Big List of Links
Adobe Links
Dreamweaver  Links

Changing colors in the Fireworks .png file:

Click on Windows/Find and Replace (or Ctrl+F) to open the Find and Replace panel.

In the Find and Replace panel choose Search Document from the first drop-down menu and Find Color from the next drop-down menu. Enter the find and replace colors to change the colors in the template.
Here's a screenshot of what it should look like:

Once all the colors are changed in the template you need to export all the images again so that they are refreshed in the Dreamweaver template.

  1. Open the Layer panel by clicking on Windows/Layers
  2. View the web layer by clicking on the eye icon next to the web layer in the Layer panel.
  3. All the slices will show in green. Right click on the changed slices and click on Export Selected Slices
  4. Export the slices to the images folder
  5. When you preview the Dreamweaver template in IE you should be able to see the new images
You may also change colors by editing your style sheet
CHANGING COLORS IN DREAMWEAVER
Some colors may have to be changed in the html code also. In this case you have to open the Dreamweaver template and make changes to the template. Follow the instructions given below:
Open the Dreamweaver template (template.dwt)
Click on Edit/Find and Replace to open the find and replace tool in Dreamweaver.
Choose Current Document from the Find In: drop-down
Choose Source Code from the Search for: drop-down
Enter the color you want to replace in the first text field and the new color in the Replace With: text field.
Click on the Replace All button to replace all the instances of the color
Here's a screenshot :

Preview the template by clicking on File/Preview in Browser

Template Designs  ::  Optimize (SEO) Site  :: Terms Of Use
Internet Marketing :: Web Design ::  Export  ::    Meta Tags
    Home  :: © 2007, Lynda-Design

Lynda offers free website templates, professional website templates, real estate website templates, website design templates, free website design templates