Graphic Design Navigation
 

May 09, 2008
E-mail this page Have Questions?
Google
 
 
     

Easy to understand articles

Where you are:
      » Home   » Web Design

Backgrounds Should Stay There!
I woman pointingf I were to give any potential web designer a piece of advice, I would tell them to choose their background colors and patterns carefully. All too often I am confronted with a page that sports a supposedly "really cool" background that obscures the page's text. You'd think these people wanted to keep the content a secret.

Every HTML document has a <BODY> tag which is where a browser obtains the information for a page's background, be it an image or a flat color. If a background isn't specified, viewers will see the default background color setting of their browsers. Usually the color will be that medium gray that we all know and love so well (not). To set the background color for a particular web page, a designer needs to add an "attribute" to the <BODY> tag. The background attribute tag is BGCOLOR.

In HTML, colors are specified by "hexadecimal code" of six numbers and/or letters. Each color has its own six-character code. If one wanted to create a page with a black background (black's code is #000000), then the body coding would look like: <BODY BGCOLOR="#000000">. Check out the 216 websafe colors and their hexadecimal codes for more color information.

Now, if a designer was feeling like "walking on the wild side" and wanted to use a background image, it's almost as simple. First, one would need an image to use as the background. Remember, since size is very important on the Web (big files are bad), one would want a small file. Browsers will repeat the image to fill the page so the image can be very small. With that in mind, one should choose an image that won't conflict with the text on the page. And, because Web browsers can read GIFs and JPEGs, the image should be in one of those formats.

The coding will be a little different from just adding a background color, but not by much. Instead of adding a BGCOLOR attribute, a designer would add BACKGROUND attribute to the BODY tag. The HTML would look something like this: <BODY BACKGROUND="background.gif">

As a final test, designers should make sure that type, in a wide variety of sizes, is legible and easy to read.slug


Tip: Want info on Graphic Design classes near you? Visit our guide of top design schools.
woman pointingSome Links You May Find Useful
 


Top


HOME  |  Equipment  |  Graphics  |  Fonts  |  Printing  |  Web  |  Classes  |  About Us

Visit other My Design Studio sites: Printing-101.com  |  1WordPlace.com

© Copyright My Design Studio, all rights reserved. Please read our terms of use.

 
Fonts Graphics Classes Web articles Printing Equipment Home Web Terms HTML Coding Web File Formats Website Development Website Maintenance Surfing Tips & Tricks About Us