Using background images in your website can create a professional design for your website, or it can curse your site as amateurish. In this tutorial, create a wrapable background image for a website. Following the tutorial are some recommendations on background image design.
Loading a background image into a webpage is simple, you define and image as the background image, and the browser repeats that image as a pattern, for the width and height of the browser window. It works just like your desktop pattern on your computer, the bigger the desktop, the more times the pattern is repeated.

Creating a Simple Background Image
1 Create a new Photoshop document, 800 pixels wide and 20 pixels tall. We want to create a legal tablet background.
2 Using yellow, pink and blue from the web palette (See Saving Files for the Web tutorial for information on loading the web palette), create a single row of the tablet, remembering that it will be repeated several times vertically.
3 Save the file as a GIF to the folder where you are storing your web pages. (See Saving Files for the Web for instructions on saving a GIF).
4 Open the HTML document you want to place the background image in. The code for the background image goes in the tag. To place the above graphic, named rule.gif in an html document, the body tag would like this:

Download