Backgrounds Tutorial
When using the versions of Netscape 1.1 or later as a web browser, backgrounds
can be displayed. Browsers that can not display backgrounds will display them
as a gray background. Option 1: lets you choose a swatch file to display that
will tile to cover the web page. Option 2: will let you designate a solid background
color using hexadecimal numbers. Option 1 and 2 can also be combined to load the
hexadecimal color followed by the swatch.
Option 1: Getting the background swatches to use
Use the following background swatch or go to archives to choose another.
| Background 1 |
Background 2 |
 |
 |
| greydiagRIT.gif |
yellow_weave.gif |
- Click down and hold over the swatch. On the PC do the same with the right
mouse button.
- Select "Save this image" to get it to your hard drive.
- Put the background image in the same directory or folder as the index.html
or other file you want to place it in.
- Type the following commands in place of the <BODY> tag. These tags go
within the HTML tags. Nothing can come ahead of them but the <title></title>tags.
- When you publish your page on the web, the html file and the background
image must both be transferred because the tag below is only a directional
link to tell the web browser what file to use as the background.
<body background="yellow_weave.gif">the content of html</body>
or
<body background="greydiagRIT.gif">the content of html</body>
Option 2: Hexadecimal backgrounds and links
Solid backgrounds colors can be designated by typing in a hexadecimal number after
the # sign to replace the number (i.e. 000000) in the following tag:
<BODY BGCOLOR="#000000"> your whole html document</body>
To easily determine the hexadecimal value for the color you wish to use, go
to Colorserv Pro at http://www.biola.edu/cgi-bin/colorpro/.
It will let you select colors from a color wheel and tell you the hexadecimal
translation.
To designate text color and links you can use the same system. rrggbb (red,
green, blue values can be replaced by hexadecimal numbers.
- BODY TEXT is the unlinked text in the page.
- LINK is an unvisited links
- VLINK is visited links
- ALINK is active link being visited.
<BODY BGCOLOR="#000000" TEXT="#F0F0F0" LINK="#FFFF00" VLINK="#22AA22" ALINK="#0077FF">html
content<body>
The numeric representation of colors are hexademical values for red, blue and
green. Stand alone programs for the Macintosh, such as Hexcolor or HTML Effects
also give you these hexadecimal conversions. Others exist for the PC as well.
Many HTML editors will also determine these numbers for you by letting you select
colors from a color wheel.
Background Archives
For more information about backgrounds go to the Images
prep for the web prepared by ETC staff.
The Netscape guide
on backgrounds is also helpful.
Return to RIT Web Developer's
Page
| 
