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

This is how you create the background of your site: Your HTML code for a simple web site appears like this: <html> <head> <title>Add title of page here.</title> </head> <body> Add text here. </body> </html> This code would create a rather banal looking web site without a 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"> It would create a background in the color of black. '#000000' bit is a hex code, that basically means black to the computer. Therefore, 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 site, although now colored black. More exciting would be a picture for a background. To use a picture, rather than color, as the background of your web site you change 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, appears like: <html><head><title> Add page title here. </title> </head> <body background="Examplesite . COM/exampleimage . GIF"> Add text here. </body> </html> Cool! And the web design cost would be only slightly more.

But, those background attributes are deprecated in the newest version of HTML by The World Wide Web Consortium's recommendations. Which means , mostly, that that code would still work excellent on your screen, but nobody actually requires you to write it that way anymore. To make the web site code simpler, you should use CSS also. CSS does not replace your HTML; it separates the style therefore everything is less difficult to read.

Now using CSS, there is 2 different ways to define the same background you used before: in-line CSS, and a CSS style sheet. Your simple website 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, & neater, alternative is to use a style sheet that separates the code into two different files and the web design price could be unchanged. Your exact same website looks like this, using a CSS style sheet: <html> <head> <link rel="stylesheet" type="text/css" href="mystyle . CSS" /> <title>Add title of page here.</title> </head> <body> Add text here. </body> </html> And the 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 difficult, but it really does simplify things when you've numerous lines of code to keep track of.

Certainly after creating a background, you must check your site text matches fine with the background and the colors do not clash. Web design comes down to two areas: knowing ways to write the code, and knowing how to design the look & feel of your site.

SEO Website Design By Sure Fire Web - A Brisbane Web Design & Website Design Company For Exceptional 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 .

An Easy Reference For 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.

Certain Key Elements That Makes Squeeze Page Successful
A squeeze page is a landing page, with the purpose of getting your website visitor to opt-in to your mailing list. That is its only purpose - nothing else. It is not a sales page! You just want them to sign up to your mailing list.

What Can You Expect To Have 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.

The Job Of Graphics Design In Our Existences.
Graphic designing is now widely used in the field of advertising, publicity and a very powerful tool in helping children enjoy learning.

How You Can Find A Trusted Graphic Design Provider Or Website Design Company
Building all your hopes and dreams with one designer could leave you high and dry when they up their rates after you've committed to a job.

What Is The Real Worth Of A Website?
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.

Know How To Monetize Website
Learn some key ideas that will help you start to build your first website. Understand how web hosting, site design, SEO, and marketing will help you build a successful website.

More Articles

Blogroll

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

Copyright © 2006 - All Rights Reserved.