Cascading Style Sheets (CSS) allows you to create fast loading pages, increase your search engine rankings, and modify your whole site with one style sheet. So why don't more people use them? This is because they got so used to html design and are afraid or too lazy to upgrade their skills. Some will also use ready made templates that contain flashy graphics, bloated code and sometimes even contains hidden code embedded in the page.
In this series of articles I will show you how to create a simple web site using CSS, so you will have no excuse to begin incorporating them into your future designs.
What are Cascading Style Sheets?
Cascading Style Sheets is the name of a simple language that allows you to add any style (font, colors, graphics, links, layouts) to your web pages.
Benefits of Cascading Style Sheets
1. Separate content from presentation ? you can separate your HTML markup, text, graphics and multimedia from presentation.
2. Consistent site wide look and feel consistency ? you can apply one style for 100s of web pages all at once. So if you had to change the color of all pages on your site, you only have to edit one style sheet. This saves you a huge amount of time, especially if you had to edit each page separately.
3. Web site maintenance - apart from being able to make site wide changes easily through one CSS file, the clean code it generates makes it easier to update. Properly marked up web pages permit them to be maintained by more than one person. It will also work in more browsers. Web site redesigns will take much less time.
4. Improve search engine rankings ? search engines generally spider the code at the top of your web page first. For most sites that means the navigation bar will be spidered first (resides at top of page code). CSS enables you to position the code for your content at the top making your page search engine friendly. Properly marked up HTML pages can easily found and properly categorized by search engines
5. Fast loading ? CSS reduces the amount of tags used therefore producing clean code. Tableless design can reduce your load time by 25% to 50%.
6. Reduce bandwidth ? compacting the amount of code used will reduce the amount of bandwidth needed to host your web pages. Therefore you won't have to pay higher fees when adding more web documents to your site.
7. Accessibility - increasing accessibility with CSS means being able to serve web content to a larger audience, increasing web site usability, even for non-disabled people. Content can easily be formatted for projection as well as screen display. Tableless layouts display well on hand-helds.
8. Improve the printing of web pages ? most printers will only allow you to print a portion of the web page. With CSS your whole document can be printed.
When you use CSS it becomes quick and easy to apply new styles that can not only effect all styles on your web page but even your whole site.
In the next article I will explain how to layout a web page using CSS.
Herman Drost is the Certified Internet Webmaster (CIW) owner and author of http://www.isitebuild.com Affordable Web Site Design and Web Hosting. Subscribe to his "Marketing Tips" newsletter for more original articles. mailto:subscribe@isitebuild.com. You can read more of his in-depth articles at: http://www.isitebuild.com
shuttle from O'Hare Brocton .. Lockport Chicago limo O’HareIf you were like me and you have just started... Read More
Color is everywhere and conveys a message even if we... Read More
A web site builder can be a real life saver... Read More
The trend today to overuse animation in a website's opening... Read More
Cascading Style Sheets (CSS) allows you to create fast loading... Read More
The way you design your web site affects your visitors'... Read More
Well it is not Elvis, that's for sure.I am a... Read More
Everyday we hear that another company goes out of business.When... Read More
Before you start worrying about marketing your website on the... Read More
Every action has a beginning phase where you launch your... Read More
Your website design may be affecting your sales in ways... Read More
I always have people asking me if I know of... Read More
It starts off simply; a few HTML pages, a few... Read More
(Making Your Graphics Work For You)It's no secret that a... Read More
There are several graphic software packages available to help you... Read More
It seems that almost every Tom Dick and Harry do... Read More
Many businesses want a simple website where they tell people... Read More
The first immutable law of effective navigation: It's gotta be... Read More
We have all seen websites showcasing their testimonials either spread... Read More
It has been said that the best online sales copy... Read More
Hello, how is your website doing?Are sales flowing in?If you... Read More
Most people will agree there is nothing more annoying than... Read More
Clutter: Too much noise, too much text, and too little... Read More
This article gives free tips on how to find a... Read More
Tips to brand your websiteInclude your logo in all pages.... Read More
Chicago charter limousine service Hickory Hills ..When designing elements for your webpage, you will often be... Read More
I do site reviews. Needless to say, I see a... Read More
While few companies can boast as we do that our... Read More
The icons in an application are the soul of the... Read More
Have you put a lot of effort, time, and money... Read More
Most websites use similar fonts and as a result have... Read More
Do you know why the majority of people use the... Read More
Well, you've got your product, started your home business, and... Read More
Unless you are an inventor, most likely you are selling... Read More
Web site design has certainly, in the past decade, evolved... Read More
If your are a new web designer, you may face... Read More
Your web site has been up for a few months... Read More
There are plenty of Drupal Modules that you can install... Read More
Wether you design your business brochures, flyers, web page, or... Read More
If you've a website but not making a lot of... Read More
A well designed web site is great to have, but... Read More
In this article, I will attempt to cover the basics... Read More
All websites have a homepage. It is the most important... Read More
This is my second article on maximising web site viewability.... Read More
A Double Ad Tracker is an Ad-Tracker that points to... Read More
Graphics are fun, but if you put in too many... Read More
Thinking about designing your own website? Think again about adding... Read More
What dollar amount does your web site contribute to this... Read More
There is no doubt that reprint articles can serve lots... Read More
Clutter: Too much noise, too much text, and too little... Read More
Web Design |