|
|
Web Site Style Backgrounds - How To 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 screen before you.
Here is how you make 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 add 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. 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 picture for the background. To use an image, instead of color, as the web design background of your website 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> Super!
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 still work fine on your screen, but no one actually wants you to code it that way anymore. To make the web-site 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 different ways to define the same background you used earlier: in-line CSS, and a CSS style sheet. Your very simple web 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 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 do not clash. Web site design comes down to two areas: knowing how to write the code, and knowing how to design the feel and look of your website.
About Free Link Trade Directories
Link exchanges can be a very efficient and effective way of managing and increasing traffic and raising the search engine results page (SERP) of websites. By using free link exchange directories, it increases the number of visitors to your web site due to the additional backlinks to your website.
Totally Free Search Term Tracker With 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.
Six Points To Look At When Employing A Web Design Company
Hiring a Web Designer can be a real nightmare if you don't have any web design knowledge or experience. You'll find that there may be a lot of competition from many kinds of experts. How can you tell which one of them will offer you the best deal?
SEO Web Design Company By Sure Fire Web - A Brisbane Web Design & 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 .
Some Of The Job Of Graphics Design Inside 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.
Searching For Fancy Squeeze Page Ideas? Here's What Really Work
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.
A Web Site's Actual Worth?
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.
Most Required Details About Website Design
The first thing people are likely to notice when they visit your site is its appearance. It is a good idea to make sure the content is clear and concise so there won't be any confusion about where to find information.
Web Development Vancouver Businesses - Speediest Growing Markets Nowadays
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
|
