| [layout] [html] [graphics] [navigation] |
| web.design101.html |
|
Customize your body tag
The body tag is a very powerful tool in designing your page's look and feel. You can specify the background color/image, link color and text color. While these are only three things, if set improperly, you could easily render your page unreadable. All three elements should contrast each other so the user can tell them apart. An example <body> with all the attributes set looks something like this: <body bgcolor=ffffff text=black link=blue vlink=666666 alink=ff0000>. For each attribute you can put one of sixteen basic colors (red, green, blue, white, black, grey, etc.) or you can take ultimate control and set the color using hexidecimal numbers, which are made up of six numbers ranging from 0 to F (...7,8,9,A,B,C...) where hexidecimal F equals 15 and hexidecimal 10 equals 16 (cool, eh?). The hexidecimal numbers are case insensitive, so F is the same as f. The six numbers for a color are broken up into pairs, with the first pair setting the amount of red in the color (00 is no red, ff is full red), the second pair setting the amount of green, and the last pair setting the amount of blue. In the example, the bgcolor is set to white, the text will be black, unclicked links will be blue, visited links will be grey and the color of the link as you click it is red. The colors you use should have enough contrast for the user to easily distinguish between each element. Establish a color scheme for your site and stick with it. |
| [layout] [html] [graphics] [navigation] |
|
|
This site was created by Adam Fuller especially for students of the UNC School of Journalism's JOMC 050 Class and anyone else who may be interested. For more information, please contact daikat@email.unc.edu |