Website Style Backgrounds - How To Tips For Coding HTML And CSS
Preparing the web design background of a website whether you want it to be a repeated image, plain color, or even 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 monitor before you.
This is how you construct the background of your website: 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 website without a background.
If you want to include 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 simple website, although now colored black. More exciting would be a graphic for a background. To use a picture, instead of color, as the web design background of your website you modify the tag with an additional attribute:<body> tag with another attribute: <body background="http ://examplesite . 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 suggestions. That means, basically, that the code would still work fine on your screen, but no one actually wants you to code 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 easier to read.
Now using CSS, there are two different ways to define the same background you used earlier: in-line CSS, and a CSS style sheet. Your very 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 are 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 do not 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 web site.
Some Of The Function Of Graphics Design In 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.
Planning A New A Web Site Which Is Search Engine Compliant
Creating a search engine friendly website is essential to a successful online business. Using a website professional optimizes producing a website with the appropriate keywords in appropriate numbers as well as providing interesting article content useful to your customers while attracting even more traffic by searches.
Internet Site Design - 6 Criteria For Creating A Web 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.
Some Key Elements That Makes Squeeze Page Successful
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.
Vital Factor To Consider 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?
Absolutely Free Key Phrase Tracker Plus Other Search Engine Optimization 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.
SEO Web Design Company By SFW Internet Marketing - A Brisbane Development & Web Design Company For Exceptional 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 .