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
A successful website is something that everyone venturing into the... Read More
1. Lack of overall strategy and clear definition of success:Most... Read More
Your web site has been up for a few months... Read More
So you need a website. You are not sure if... Read More
Your website is your tool for showing the online community... Read More
Designing your website means you have to be creative, plan... Read More
CNN.com's designers have gone out of their way to make... Read More
Do you have a website? If so, you need an... Read More
Unarguably, the most important part of your website is content.... Read More
When you develop a sales brochure, you have a mental... Read More
One of the challenges of moving a web site up... Read More
Most people will agree there is nothing more annoying than... Read More
Page ranking by search engines such as Google are not... Read More
If you are going to be placing ads on your... Read More
The title tags of your web pages are more important... Read More
If you are anything like me, your website is a... Read More
Your web site should always adhere to standards!A professional web... Read More
There is unlimited possibilities when it comes to designing a... Read More
Even after you've managed to bring traffic to your site... Read More
1. DO NOT use excessive graphics or banner images on... Read More
Want to know what the worst thing to say on... Read More
Colors convey emotions and emotions heavily influence the decision-making process.... Read More
So you're on the computer, as usual. Your eyes are... Read More
I've seen articles (and websites) that suggest you can buy... Read More
Web Site Awards are given from other sites to reward... Read More
Many web site designers don't design their sites for the... Read More
There are two camps when it comes to flash web... Read More
I often wonder how serious people are when it comes... Read More
So your web site's online and you've got high rankings... Read More
You know that I'm always extolling the virtues of an... Read More
There are several very good reasons why you should consider... Read More
Sin #5Poor Spelling And GrammarWe all make mistakes when we... Read More
Whether a business has just got off the ground or... Read More
The importance of choosing your website keywords carefully is very... Read More
A search for "web design" on Google returns more than... Read More
My mother used to take me along when she visited... Read More
Thinking about designing your own website? Think again about adding... Read More
1. What's the purpose?The most fundamental thing to do before... Read More
We have all seen websites showcasing their testimonials either spread... Read More
If you've a website but not making a lot of... Read More
Before doing anything on the technical side, you need some... Read More
How many times have you clicked on a website only... Read More
Whenever singer John Mayer sings his romantic song, "Your Body... Read More
1. DO NOT use excessive graphics or banner images on... Read More
Colors have long been known to have psychological affects on... Read More
They say the eyes are the window to the soul.... Read More
Are you a student of graphic design? If you have... Read More
We've all read the countless publications about effective web site... Read More
If you are reading this, I assume you either have... Read More
Getting traffic to your website is not the only factor... Read More
Web Design |