Web Site Design Backgrounds - Several Functional How To Ideas For HTML & CSS

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

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

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

But, those background attributes are deprecated in the latest version of HTML by The World Wide Web Consortium's recommendations. That means, mostly, that that code would still work fine on your screen, but nobody actually wants you to write it that way anymore. To make the site code simpler, you should use CSS also. CSS doesn't replace your HTML; it separates the style so everything is simpler to read.

Now using CSS, there's 2 different ways to define the same background you used before: in-line CSS, and a CSS style sheet. Your simple 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> Add text here. </body> </html>

The second, and neater, alternative is to use a style sheet which separates the code into two different files and the web design price could be unchanged. Your exact same 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> Add text here. </body> </html> And your style sheet itself is an independent file that looks like this: body background-image: url("Examplesite . COM/exampleimage . GIF") I know you're thinking CSS seems more complex, but it really does simplify things when you've hundreds of lines of code to keep track of.

Of course after creating a background, you need to check your site text matches fine with the background and the colors don't clash. Web design comes down to two areas: knowing methods to write the code, and knowing methods to design the look & feel of your website.

SEO Website Design By SFW Internet Marketing - A Webpage Development & 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 .

Practical Ideas On How Learning Your Very Own Website Audience Profile May 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.

Improve The Level Of Website Traffic To Your Current Web Sites
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.

An Easy Reference For How To Get A Web Developer
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.

The Particular Role Of Graphics Design Inside Our Own Lives.
Graphic designing is now widely used in the field of advertising, publicity and a very powerful tool in helping children enjoy learning.

What Can You Expect From Your Website
When you think about a website, you should expect content that is attractive, easy to navigate, favorably presented for search engines, and with the ability for the visitor to easily make a purchase. A professional website company is most likely to design and promote the site that you expect.

How Does WhiteGyr Find Key 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.

How Much Might Your Website Be Worth?
Here is an outline of some of the positive benefits of website usage, from private company use for profit to "monetizing" your hobbies and interests from home. The article concludes by citing some of the major advantages websites can bring to business and private ventures.

Related Articles

Resources