Web Style Backgrounds - Tips For Coding Both HTML And CSS
Creating the web design background of a website whether you want it to be a repeated image, plain color, or even left blank it is created using HTML and or CSS code. HTML and CSS are both mark-up languages; your web browser takes the code and turns it, or 'marks it up', into the website you see on the display before you.
This is how you create the background of your site: Your HTML for a simple website 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 plain looking website without a background.
If you want to add 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 HTML code is now: <html> <head> <title>Insert title of page here.</title> </head> <body bgcolor="#000000"> Insert text here. </body> </html>
You still have a basic website, although now colored black. More exciting would be a picture for a background. To use an image, instead of color, as the web design background of your web site you modify the tag with yet another attribute:<body> tag with another attribute: <body background="http ://examplesite dot COM/exampleimage dot GIF"> Insert text here. </body> Your code would now, after replacing the color attribute with the new image attribute, look like:<html><head><title> Insert title of page here. </title> </head> <bodybackground="http ://examplesite dot com/exampleimage dot GIF"> Insert text here. </body> </html> Great!
However, those background attributes have been deprecated in the latest revision of HTML by The World Wide Web Consortium's recommendations. That means, basically, that the code would work fine on your screen, but no one actually wants you to write it that way anymore. To make the website code simpler, you should use CSS as well. CSS doesn't replace HTML; it separates the style so everything is simpler to read.
Now using CSS, there are two ways to define the same background you used earlier: 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 ("http ://examplesite dot 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. Your exact same website looks like this, using a CSS style sheet: Insert title of page here. Insert text here. And your style sheet itself is a separate file that looks like this: body (background-image: url ("http ://examplesite dot COM/exampleimage . GIF") I know you're thinking CSS seems more complicated, but it really does simplify things when you have hundreds of lines of code to keep track of.
Of course after creating a web design background, you have to check your website text matches well with the background and the colors don't clash. Web design comes down to two areas: knowing how to write the code, and knowing how to design the feel and look of your website.
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.
3 Simplest Steps To Produce Money Online
Making money on the Internet, eBay is a great option, Mechanical Turk is very easy and can be done as a sort of a time-filler for a few dollars. Then there is online gambling, it can be a lot of fun and make you money, but it is risky.
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 .
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 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.
Boost The Amount Of Visitors To Your 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.
Related Articles
Partner Links