|
|
Web Site Design Backgrounds - A Few Functional How To Tips For HTML And CSS
This is how you create the background of your web site: Your HTML code 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 banal looking site without a background and for the lowest of web design prices.
If you desire to add in a background, you can change 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. Thus, 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 web site, although now colored black. More exciting would be an image 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"> Insert text here. </body> Your code would now, after changing the color attribute with the new image attribute, appears like: <html><head><title> Insert 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, those background attributes are deprecated in the newest version of HTML by The World Wide Web Consortium's recommendations. That 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 site code simpler, you should use CSS also. CSS does not replace your HTML; it separates the style so everything is easier 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 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, 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 website 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> 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 complex, but it really does simplify things when you've many hundreds lines of code to keep track of.
Of course after creating a 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 methods to write the code, and knowing how to design the look & feel of your web site.
The Particular Role Of Graphics Design 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.
Precisely How Learning Your Very Own Website Audience Profile Could 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.
The Right Way To Produce Content Material For A Web Site
You may generate content for your website in the most advantageous way by using a web professional. They will create articles and other copy that educates and entertains your visitors and at the same time makes your site more unique and visible to search engines.
Some Key Elements That Makes Squeeze Page Attractive
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.
3 Quickest Methods To Create Money On The Web
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.
A Quick Reference On Finding 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.
SEO Web Design By SFW Placement Services - A Brisbane Development & Web Design Company For Guaranteed 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 .
|
More Articles
Blogroll
|
