|
|
|
|
|
|
|
1. Create areas of navigation for the website Some websites use a background to create a distinction between the sales text area and the navigational menus.
The menu may be located in a right or left hand colored "bar" which is actually just a portion of a background. |
What I mean by a portion is that the background is an image that covers the entire screen. So, the "white" areas are also part of the background. You can view the example at the link below to see how this works....
2. Form patterns in the site background
Patterns can be attractive for certain types of sites. However, I do not recommend placing any text directly over a pattern because it would be very difficult to read.
Patterns can be used with "tables" layered over them which contain text, and this can be effective with the theme of a website. Go to the links below to see examples of pattern backgrounds......
3. Create an artistic design that compliments your theme
There are no limits to how a background can be used on a site.
To show the theme of a site drawings, graphics, photos, etc. can be turned into a background to accomplish this purpose.
For example, a photographer may use some of his photos to create a "collage" type background showing his work.
A web designer may include a few "site" examples in a background. A flower shop may included photos of their flower arrangements - or clip art of flowers to enhance the site. The possibilities are endless.
Important things to Remember about Backgrounds:
Truthfully, the only difference between you and the web background experts is time. If you'll invest a little more time in reading, you'll be that much nearer to expert status when it comes to web backgrounds.
*It is an image, so it may take longer to load than you text. It's good to have your text separate from your background (or layered over) so the text will load first. The visitor can then begin reading something while waiting. Otherwise they may click out if it takes to long.
* The background is only a foundation for a website - it cannot be your entire page because you are not able to create links "within" a background. Links, other graphics, and text for your page will be layered over the background image.
* If you want a solid color for your web page background,don't use an image unless absolutely necessary. You can check your design program or locate a web page color background in HTML that will work normally. In other words, you can make your entire page "pink" without using an image.
This will cause your page to load faster than selecting an image as the background.
Inserting a Background into your Web Page
There are two ways to insert a background:
1. Use your design program to insert it for you. Instead of inserting it as a regular image, your design program should have a section for "Page Colors" and/or "Backgrounds" (or a similar section).
2. You can insert your image using the HTML code below. Insert it right after the </HEAD> tag in the beginning of your page where the <body> tag would normally go:
<body background="heart-bgd.gif">
Of course, you would change the image name from heart-bgd.gif to whatever your image is named.
Those who only know one or two facts about web backgrounds can be confused by misleading information. The best way to help those who are misled is to gently correct them with the truths you're learning here.
This concludes the backgrounds article. I hope you'll now have a better understanding of how backgrounds work and how to use them to enhance your website.
---
Article written by Candice Pardue, web design trainer for beginners. If you'd like to learn how to create your own backgrounds from scratch, Candice has just released her new course "Creating Backgrounds" for the beginner. Go here to learn more about this exciting and fun beginners course on creating web backgrounds ....
*** Reprint Information for this Article ****
This article about how to use web backgrounds may be reprinted for use as content at any website or in any publication as long as the article is kept in-tact with included links, text, etc.. and the resource at the conclusion of the article must remain with the article. The articles may not be sold for profit or included with a consumer product without written permission from the author. Thank you, and enjoy!
For Beginning Web Designers >>>>>>
Disclaimer: Even though
we have made every effort to provide solid and accurate
information with web design ideas on these pages, Online
Success for Internet Business accepts no responsibility or
does not insure or imply any degree of success in a web
based business or website design career by reading the
material listed on this website. Degrees of web or Internet
success varies greatly dependent upon the attitudes,
attributes and ambition of each individual designer. Please
thoroughly check out any information you find on this site
before indulging in a web design business or presenting
yourself as a webmaster. So, use your new knowledge about
html easy background color codes into your website to
improve the looks of your web pages.
--------------------------------------------------------------------------------