Web Design Backgrounds - A Few Helpful How To Tips For HTML & CSS

This is how you create the background of your site: Your HTML code for a simple website looks like this: <html> <head> <title>Add title of page here.</title> </head> <body> Insert text here. </body> </html> That code would make a rather banal looking web site with no background and for the lowest of web design prices.

If you would like to add in a background, you can change the <body> tag by adding an attribute: <body bgcolor="#000000"> This would create a background in the color of black. '#000000' bit is a hex code, which basically means black to the computer. So, your full HTML code is : <html> <head> <title>Add title of page here.</title> </head> <body bgcolor="#000000"> Add text here. </body> </html>

You still have a simple site, although now colored black. More exciting would be an image for a background. To use an image, rather than color, as the background of your website you modify the <body> tag with one more attribute: <body background=" Examplesite . COM/exampleimage . GIF"> Add text here. </body> Your code would now, after changing the color attribute with the new image attribute, appears like: <html><head><title> Insert page title here. </title> </head> <body background="Examplesite . COM/exampleimage . GIF"> Add text here. </body> </html> Great! And the web design cost will be just slightly more.

But, these background attributes are deprecated in the newest version of HTML by The World Wide Web Consortium's recommendations. That means, basically, that that code would still work excellent on your screen, but no one actually wants you to write it that way any longer. To make the web site code easier, you should use CSS also. CSS does not replace your HTML; it separates the style so everything is easier to read.

Now using CSS, there is two different methods to define the same background you used before: in-line CSS, and a CSS style sheet. Your simple web site looks like this, using in-line CSS: <html> <head> <style type="text/css"> body background-image: url("Examplesite . COM/exampleimage . GIF") </style> </head> <body> Insert text here. </body> </html>

The second, & neater, option is to use a style sheet which separates the code into 2 different files and the web design price could be unchanged. Your exact same web site looks like this, using a CSS style sheet: <html> <head> <link rel="stylesheet" type="text/css" href="mystyle . CSS" /> <title>Insert title of page here.</title> </head> <body> Insert text here. </body> </html> And the style sheet itself is a separate file that looks like this: body background-image: url("Examplesite . COM/exampleimage . GIF") I know you are thinking CSS seems more difficult, but it actually does simplify things when you've numerous lines of code to keep track of.

Obviously after creating a background, you have to check your site text matches well with the background and the colors don't clash. Web design comes down to 2 areas: knowing ways to write the code, and knowing ways to design the look & feel of your site.

Six Items To Look At When Selecting A Web Designer
Hiring a Web Designer can be a real nightmare if you don't have any web design knowledge or experience. You'll find that there may be a lot of competition from many kinds of experts. How can you tell which one of them will offer you the best deal?

Web Page Creation - Six Criteria For Building A Website
Websites need to meet certain standards to be effective as well as to be ethical and present a positive image. Insist on attention to detail, accuracy and ease of use for all customers and provide as many secure options for payment as possible to reach the most customers.

Expand The Total Amount Of Visitors To Your Current Internet Site
Improving the amount of website traffic requires an understanding of how search engines work. A professional web site designer can help you use key words and create content to draw potential customers to your site as well as help to get new sites listed.

How Understanding Your Website Audience Profile Can Help Increase The Chance Of Success
When you understand your website audience profile you can increase success by enhancing your web pages to suit that particular set of people.

An Instant Guide On Finding A Web Designer
This article provides you with a quick reference as to how to go about hiring a web-designer. The most important thing is finding a designer that has experience in the type of website you want to be produced. There are many ways to look for a designer on the web.

SEO Website Design By Sure Fire Web - A Brisbane Web Design & Website Design Company For The Best Results
A great website has easy navigation . Visitors need to be able to simply click a link - or at the most two clicks - and access the information they want from your website . If not, then it's likely that your website has too many deep links .

Almost All Required Information Concerning Website Design
The first thing people are likely to notice when they visit your site is its appearance. It is a good idea to make sure the content is clear and concise so there won't be any confusion about where to find information.

How Do You Find Keywords And Phrases?
How do I find Keywords? We use a fairly straightforward method of listing the Keywords and two associated data sets that we collect from Google. The method of Keyword selection has resulted in first page placement in Google search results.

The Key To Discovering The Perfect Website Developer.
What does selecting your ideal mate have to do with choosing the right St. Louis web developer for your unique business?

More Articles

Blogroll

Home | Sitemap | Contact Us | Privacy Policy | Terms Of Service

Copyright © 2006 - All Rights Reserved.