How to Add a Background to Dreamweaver 8

Written by dan ravens
  • Share
  • Tweet
  • Share
  • Pin
  • Email
How to Add a Background to Dreamweaver 8
Backgrounds can be colours, patterns or images in Dreamweaver 8. (pink snow image by Allyson Ricketts from

Background images bring life and visual interest to Web pages by adding colour, texture and fullness. Adding a background to Dreamweaver 8 designs is quite easy. You can choose from any of 256 Web-safe background colours, but you still want the page to be readable and download quickly. Choose background images and colours carefully, and be sure there is plenty of contrast between the background and text. With that as you guide, save your background as a template in Dreamweaver 8 to apply it to all your Web pages.

Skill level:


  1. 1

    Launch Macromedia Dreamweaver 8 and open a new file by selecting "File" and "New" from the menu. The New Document dialogue box appears. Select the default category "Basic page" and "HTML," then click the "Create" button.

  2. 2

    Click "Modify">"Page Properties." The Page Properties window appears. Click on the small box next to "Background color." A colour picker tool appears, with your cursor becoming an eyedropper. Choose a background colour and click "OK". Note the six digit "name" created after "background-color" in the code section. This is the hex designation of the colour; hex colours are rendered the same in all browsers.

  3. 3

    Repeat Step 2 to change the background colour, add an image or tile an image as the background. You can also choose fonts, select font colour and access other appearance attributes from the left side menu. Click the "Apply" button to quickly preview changes. Click the "OK" button when finished to save the changes to the document.

  4. 4

    Preview the results. Click the globe icon and choose the "Preview" browser. Make further changes to the background as befits the other layers and elements added to the page.

  5. 5

    Save your file as a template. Click "File," then "Save as Template." Dreamweaver 8 will save the file in the root folder of the site, where it can be used as the basis for all future pages to create a consistent graphic look across the website.

Don't Miss

  • All types
  • Articles
  • Slideshows
  • Videos
  • Most relevant
  • Most popular
  • Most recent

No articles available

No slideshows available

No videos available

By using the site, you consent to the use of cookies. For more information, please see our Cookie policy.