|
|
Website Style Backgrounds - Tips For Coding Both CSS And HTML
Designing the web design background of a web site 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 computer browser takes the code and turns it, or 'marks it up', into the web site you see on the display screen before you.
Here is how you build the background of your web-site: Your HTML for a simple web 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 plain looking web site without a background.
If you want to add a background, you can change the <body> tag by adding an attribute: <body bgcolor="#000000"> This would create a back-ground in the color of black. The '#000000' bit is a hex code, which 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 simple web site, although now colored black. More exciting would be a picture for the background. To use a graphic, 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 changing 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> Super!
Keep in mind, those background attributes have been changed in the latest revision of HTML by The World Wide Web Consortium's recommendations. That means, basically, that the code would still work fine on your monitor, but no one really wants you to code it that way anymore. To make the web site code easier, you should use CSS as well. CSS does not replace HTML; it separates the style so everything is simpler to read.
Now using CSS, there are two different ways to define the identical background you used earlier: in-line CSS, and a CSS style sheet. Your very simple web site looks like this, using in-line CSS: <html> <head><style type="text/css"> body (background-image: URL ("http ://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 files. Your exact same web site looks like this, using a CSS style sheet: Insert title of page here Insert text here. And your style sheet is a separate file that looks like this: body (background-image: URL ("http ://examplesite . 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.
Evan after creating a web design background, you have to check your web site text matches well with the background and the colors do not clash. Website design comes down to two functions: knowing how to program the code, and knowing how to design the feel and look of your website.
Web Site Design - 6 Requirements For Building An Internet Site
Websites need to meet certain standards to be effective as well as to be ethical and present a positive image. Insist on attention to detail, accuracy and ease of use for all customers and provide as many secure options for payment as possible to reach the most customers.
SEO Web Design Company By SFW Internet Marketing - A Webpage 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 Job Of Graphics Design To Our Own Lives.
Graphic designing is now widely used in the field of advertising, publicity and a very powerful tool in helping children enjoy learning.
Be Aware Of The Preferable Online Communication Vocation For Your Own Future
Completing education through broadcasting schools prepares students to write, produce, and direct content for communication. Many online colleges and universities provide students with degree programs to prepare for a career in broadcast communications.
|
More Articles
Blogroll
|
