Dreamweaver Workbook

Image-BG-A

Image as a page background

  1. Choose a subtle image between 750 X 550 and 1684 X 795
  2. Fill entire "img-bg.html" page with the background image
  3. Use HTML and CSS to define the background

Attention:

  1. Page Size: Window size
  2. Background: Fill entire page with the image, no white space
  3. Contrast: A soft and subtle image for the background image
  4. Proportion: Retain the image proportion, and do not distort it
  5. Image Format: Raster based element (save for web: jpg)
  6. Scroll: Does not cause scrollbars
  7. Text Color: The text should be legible above the img-background
  8. Text Content: Copy/paste the content here or paste your own image related content for this page
  9. Site Root: Put the "img-bg.jpg" file into the image folder, then edit your site

Using subtle and soft images to create clean web designs with an impressive visual impact. The right image with a good use of typography can generate in simple way unique and absolutely creative web designs.

An image must go with the overall style of the website, or it could be rather distractvie and annoying.