BACKGROUNDSThere are two places in Dreamweaver to establish a background color or image. The best way is to redefine the body tag using CSS and making choices in the background panel. You can also use the properties panel— click on the "page properties" button. Or, select page properties from the Modify menu. The page properties dialog box can handle several aspects of your page's appearance, including link colors, the page title, font, text color and size, and whether you want to import a file to use as a tracing image.
|
|
|
|
|
|||
Selecting a background color is easy enough—just choose it from the background color palette. If you want a textured background, you must create a gif or jpg file of your texture, and then choose it.
|
|
|
|
Here are a couple of background tricks. For an allover texture, create a small graphic in Photoshop or Fireworks and save it as a gif. Depending on the nature of your texture, this file might be as small as 5 pixels X 5 pixels, or as large as 30 X 30 (which is still small). If you choose to use CSS, use the background pane to select your gif as the background image. If you use page properties, click the browse button to locate your gif.
|
|
this is the gif used to create the backgound below
|
|
If you want a background that creates a border along the left or right edge of your page, the shape of your gif would be 720 pixels X 10 or so. When this image tiles, the stripe repeats along the edge and the blank area creates space for your text and images. You must remember to specify margins, or create a table or layer, that clears the edge.
|
|
|
|
|
|||
To create an interesting horizontal effect, you would create an image that was only 10 pixels wide, by at least 540 pixels high. When it's repeated across your page, the stripe or gradient fades away at the bottom. In either case, make sure your strip is wider than a browser window will get, or longer, otherwise, it will repeat. If you're using CSS to redefine the body tag, you can avoid this problem by specifying a repeat of X or Y only.
|
|
|
|
If you want a background image that's the size of your entire page, and you don't want it to repeat, you must use CSS.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
 |
|
||
 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
 |
|
|||||||||||||||||||||||||||
 |
 |
 |
|
|||||||||||||||||||||||||
 |
|
|||||||||||||||||||||||||||
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
|
||||||||||||||
 |
 |
 |
|
|||||||||||||||||||||||||
 |
 |
 |
 |
 |
 |
|
||||||||||||||||||||||
 |
 |
|
||||||||||||||||||||||||||
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
|
|||||||||||||||||
 |
 |
 |
 |
 |
|
|||||||||||||||||||||||
