Last Modified: 1/29/08
  Computer Training
Colors, Backgrounds, and Transparencies

Credit: J. Trauger (JPL/NASA)

Colors

You control the colors of the background, text, links, etc using Hexadecimal notation in a form like this:
< BODY BGCOLOR=#640064 TEXT=#FFFF00 LINK=#0000FF ALINK=#FF0000 VLINK=#00E000 >
where each hex number is an RGB triple, i.e., #640064 means 64(hex) Red, 00 (hex) Green, and 64 (hex) Blue. The good news is that you don't have to really know how to convert colors to hex. There are background color WWW pages you can use to make this very easy to do: click on either ColorMaker or HTML Color Selector They let you experiment with different color schemes and automatically create the HTML color codes for you. Note that ColorMaker also lets you experiment with different backgrounds as well.

Backgrounds

Textured backgrounds must be used with care because they can sometimes interfere with images, but they are frequently used. You specify them as follows:

< BODY BACKGROUND="back.gif" >

where "back.gif" is some (small) GIF file. The background command automatically "tiles" the image, that is it fills the screen with replicas of the GIF file forming a background. See Backgrounds for many examples.

Transparencies

Transparent backgrounds are very effective, especially if the graphic is moving over the page. Many systems let you create such backgrounds. Elsewhere in this class we demonstrate it using PaintShop Pro and PhotoShop.

Previous Home Next

Course Topics

Graphics Design Based on Edward Tufte's Principles

Setting up your First Web Page

Acquiring Graphics From the Web Itself

Acquiring Graphics from Scanners and Digital Cameras

Graphics File Formats and Graphic File Conversion

Efficient Graphics

Colors, Backgrounds, Transparencies

Creating and Modifying Graphics Using Software

How to Do It

 
Previous Home Next

Other Topics:   GIF Converter

©1999 UW Technology