|
|
Web Page Design Backgrounds - Several Effective How To Tips For HTML And CSS
This is how you create the background of your website: Your HTML code for a simple web site looks like this: <html> <head> <title>Insert title of page here.</title> </head> <body> Add text here. </body> </html> This code would make a rather banal looking website 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"> This would create a background in the color of black. The '#000000' bit is a hex code, that basically means black to the computer. Thus, your full HTML code is : <html> <head> <title>Insert 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 a picture for a background. To use an image, instead of color, as the background of your site you change the <body> tag with one more 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> Add page title here. </title> </head> <body background="Examplesite . COM/exampleimage . GIF"> Insert text here. </body> </html> Excellent! And the web design cost would be just slightly more.
However, those 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 nobody actually requires you to write it that way any longer. To make the website code simpler, you should use CSS also. CSS doesn't replace your HTML; it separates the style therefore everything is simpler to read.
Now using CSS, there's 2 different techniques 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("Examplesite . COM/exampleimage . GIF") </style> </head> <body> Insert text here. </body> </html>
The second, and neater, alternative is to use a style sheet that separates the code into 2 different files and the web design price should 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> Insert text here. </body> </html> And your style sheet itself is an individual file that looks like this: body background-image: url("Examplesite . COM/exampleimage . GIF") I know you are thinking CSS seems more complicated, but it really does simplify things when you've hundreds of lines of code to keep track of.
Certainly after creating a background, you need to check your site text matches fine with the background and the colors do not clash. Web design comes down to 2 areas: knowing how to write the code, and knowing how to design the look & feel of your website.
SEO Web Design Company By SFW Placement Services - 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 .
Practical Ideas On How Knowing Your Own Website Audience Profile May Help Increase Success
When you understand your website audience profile you can increase success by enhancing your web pages to suit that particular set of people.
Important Thing To Check Out When It Comes To Website Cost
Most clients consider the cost of a website cost to be most important factor when choosing a web design firm. How much the web site costs is definitely important but, does the site place well on Google and can it load fast?
Totally Free Keyword Tracker And Additional SEO Tools
Using Keyword trackers is the only way to keep track of how your web is doing in the search engines. Finding free keyword trackers and other SEO tools can be difficult, but with a little research they can be found.
Boost The Volume Of Visitors To Your New Web-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.
The Particular Role Of Graphics Design And Style To Our Daily Lives.
Graphic designing is now widely used in the field of advertising, publicity and a very powerful tool in helping children enjoy learning.
When Hiring A Website Design Company Make Sure That You Get The Best Of The Best In The Market These Days
Creating a website that is Web designing and web development are not all but regular maintenance with recent updates is important.
Website Design Vancouver Organizations - Quickest Growing Businesses These Days
Website Development in Canada has become one of the fastest growing industries. Main reasons for this rapid development are high quality output, easy guiding tools and cost effectiveness.
|
More Articles
Blogroll
|
