including raw code and images.
The Macromedia site you linked to is a lovely example of how a good backgound image can be repeated over the whole page for a smooth, transitional effect. There are code blocks you can insert into a page which mimick this look but by comparison the results you get using code are far less pleasing than by using the image.
Basically the background is a 1 pixel wide image, darker at the top and lighter at the bottom, saved as a .jpg
This image is repeated over the page by using a small line of code in a Cascading Style Sheet (CSS) document that reads as follows:
background: #c6cfd0 url(/images/master/background.jpg) repeat-x}
Basically, this tells the page to use an image for the backgound called background.jpg, which is in the master folder, which is inside the images folder, hence the filepath /images/master/background.jpg
The important bit here is the small bit of code at the end of the line that says:
This tells the image to repeat over the page using the x axis.
You could use a small style block in the top of your web page along these lines to get the same effect:
background: #c6cfd0 url(/images/background.jpg) repeat-x}
Note that this assumes the image you want to use is called background.jpg and that it lives in a folder of your website called images.
The above code goes after the <title></title> tags but before the </head> tag.
A code only background gradient effect may be acheived by altering the <body> tag as follows:
<body style="filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#C0CFE2', startColorstr='#FFFFFF', gradientType='0');">
It looks pretty awful compared to the image repeat option, but it's only fair to make you aware of the common ways of doing this.
I'd go for the repeating image option. Make your image using the colours you want and base your page code on the above.
Ask if you get stuck.