Dreamweaver Template Customization Guide

Step 6: Custom Graphics

Replacing Photos used in the Template's Design

• In Fireworks, open template.png.
• Open the Layers panel by clicking on Window>Layers (or F2).
• In the Layers panel, go to the structure layer, unlock the structure layer by clicking the lock icon.
• Then select the graphic which one you want to change (Fig: 6 a).
  

• If the graphics are grouped (Fig: 6 b), then Press Ctrl+Shift+G to ungroup both image & vector shape and delete the image which you want to change.
  

• Now you can import the new image, by clicking the File>>Import (or Ctrl+R).
• Place the image over the vector shape (Fig: 6 c).
  

• Select the image and press ctrl+x (to cut the image).
• Now select the vector shape and press ctrl+shift+v to paste the image inside the vector shape, which is shown in Fig: 6 d.
  

• Once all changes are made then it is ready to Export Selected Slice which is same as customizing the header.

Please note: If the image have ungrouped then replace existing one by delete the old one and import the new image, place it in same where the old image.

SmartWebby.com Template Customization Guide Steps

• Step 1: Site Definition - Setting up your website in Dreamweaver
• Step 2: Custom Colors - Changing your website Colors
• Step 3: Custom Header - Customizing the Header with your Site Name and Slogan
• Step 4: Custom Links - Modifying your website Links
• Step 5: Custom Footer - Changing the website's Footer Text
• Step 6: Custom Graphics - Replacing Photos used in the Template's Design
• Step 7: Custom Content - Inserting Content into Existing Pages and Adding New Pages
• Step 8: Customizing text - Changing fonts using CSS Styles
• Custom Flyouts - Modifying your website's Drop-down Menus
• Customizing the news scroller
• Customizing the swap images