Web Site Design Backgrounds - Some Useful How To Tips For HTML & CSS
This is how you create the background of your site: Your HTML code for a simple site looks like this: <html> <head> <title>Insert title of page here.</title> </head> <body> Insert text here. </body> </html> That code would create 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 modify the <body> tag by adding an attribute: <body bgcolor="#000000"> This would create a background in the color of black. The '#000000' bit is a hex code, which 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 site, although now colored black. More exciting would be a picture for a background. To use an image, instead of color, as the background of your website you modify the <body> tag with another 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, look like: <html><head><title> Add page title here. </title> </head> <body background="Examplesite . COM/exampleimage . GIF"> Insert text here. </body> </html> Great! And the web design cost will be only slightly more.
But, these background attributes are deprecated in the latest version of HTML by The World Wide Web Consortium's recommendations. Which means , basically, that that code would still work fine on your screen, but no one actually wants you to write it that way anymore. To make the web site code easier, you should use CSS also. CSS doesn't replace your HTML; it separates the style thus everything is simpler to read.
Now using CSS, there's two 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> Insert text here. </body> </html>
The second, and neater, option 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>Add title of page here.</title> </head> <body> Insert text here. </body> </html> And your style sheet itself is a separate file that looks like this: body background-image: url("Examplesite . COM/exampleimage . GIF") I know you're thinking CSS seems more difficult, but it actually does simplify things when you've numerous lines of code to keep track of.
Naturally after creating a background, you need to check your website text matches well with the background and the colors don't clash. Web design comes down to two areas: knowing ways to write the code, and knowing methods to design the look & feel of your site.
The Particular Role Of Graphics Design And Style 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.
What Can You Expect To Get From Your Web Site
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.
An Instant Guide 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.
SEO Web Design Company By SFW Internet Marketing - A Brisbane 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 .
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.
Related Articles
Partner Links