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
Wood Dale Chicago prom limo .. Lockport Chicago limo O’HareBefore you take a road trip it is usually a... Read More
Every day internet marketers are inundated with the latest fad... Read More
Navigation must be simple. Since it's the backbone of your... Read More
A website should firstly be searched out by visitors before... Read More
So you've decided to take the plunge. You know that... Read More
What is the relationship between Marketing and Web designing? How... Read More
So how do you know when your graphic designer costs... Read More
I have written before about long sales copy on the... Read More
They may look cutting edge, but if you want a... Read More
Let's look at what your user wants to see at... Read More
My site is working fine. The links work. Content is... Read More
Conventional Wisdom states you should use Sub-Directories to organize your... Read More
In today's world, a web site is virtually mandatory for... Read More
How many of the visitors to your web site take... Read More
I can't figure out people who have products or information... Read More
If you own a web site or if you are... Read More
(Making Your Graphics Work For You)It's no secret that a... Read More
1. Repackage your web site content in to different products... Read More
A "template" is simply a design format which you can... Read More
Copyright 2005 Robert EvansSetting yourself up to earn a steady... Read More
When you design a website how do you start ?Do... Read More
Regardless whether you manage a small business, charitable organization, or... Read More
If you've a website that is not generating a lot... Read More
Here are 10 dynamic website advertising tactics to super-charge your... Read More
Creating your own website is great fun! But how is... Read More
Antigo wedding limo ..There is unlimited possibilities when it comes to designing a... Read More
By following feng shui guidelines and techniques, you can build... Read More
1. Lack of overall strategy and clear definition of success:Most... Read More
A "404 Error" happens when the web server you are... Read More
If you were like me and you have just started... Read More
Physical therapists have unique web presence needs. An effective site... Read More
1. Use .gifs rather than .jpgs. GIFs are smaller in... Read More
Why your site should be developed with CSS and semantic... Read More
Writing for your web site is not the same as... Read More
You can create a website that attracts customers, not repels... Read More
With the advent of the Internet a whole new vista... Read More
Setting up a survey on your site is extremely simple... Read More
An ongoing challenge for webmasters today is to provide fresh... Read More
Tips to brand your websiteInclude your logo in all pages.... Read More
If you own a web site or if you are... Read More
We've all surfed the web and seen some awful web... Read More
Avoid these mistakes and your site will be steps ahead... Read More
Geared Up with a website and lots of energy to... Read More
So, what's in a website design anyway? And, how do... Read More
Do your web pages, sales letters or personal presentations include... Read More
The best things don't come easy. - QuotedThe finished web... Read More
Since I made the switch 6 months ago to a... Read More
As an online Entrepreneur you require a successful website.One that... Read More
Projecting a professional image is paramount to your website's success.... Read More
1. Assemble a web site development plan that is integrated... Read More
Web Design |