How To Design Your Web Site With CSS

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/articles

---

10 Profitable Ways To Recycle Your Content

1. Repackage your web site content in to different products... Read More

Ten Fatal Mistakes That Make Web Sites Stink

Since you'll spend lots of time and money to create... Read More

Branding Web Strategy Mistakes - Brand Identity Guru

1. Lack of overall strategy and clear definition of success:Most... Read More

Why a Website Design Speaks Volumes About Your Company?

Whether a business has just got off the ground or... Read More

Secrets to Using Color on Your Website and Common Pitfalls to Avoid

Colors have long been known to have psychological affects on... Read More

Every Website is a Human Being?s Attempt at Achieving a Goal or Obtaining Happiness

Have you ever thought about the real stories behind all... Read More

How To Choose The Right Web Design Company

1. Size does not equate to competencePeople sometimes assume a... Read More

Best Web Design And Free Web Promotion Tips

This article gives free tips on how to find a... Read More

10 Things All Webmasters Should Know

Geared Up with a website and lots of energy to... Read More

Attention Grabbing Web Design Will Kill Your Sale!

In the of-line marketing world it is all about trying... Read More

How To Use Unsafe Web Colors With Minimum And Safety And Maximum And Profit

Do you want to use unsafe web colors without offending... Read More

Some File Naming Tricks for Your Online Home Based Business Web Pages

Conventional Wisdom states you should use Sub-Directories to organize your... Read More

Effective Website Design

In this era of ultra-sophisticated internet marketing and web design,... Read More

How To Choose A Website Designer

When you're self-employed, choosing a website designer is a crucial... Read More

Can Your Visitors Contact You From Your Website

Argh, where's the contact button?! Believe it or not, some... Read More

Increase Your Credibility With Web Site Awards

Web Site Awards are given from other sites to reward... Read More

Web Publishing Guide for the Beginning Entrepreneur (Part 1)

The best things don't come easy. - QuotedThe finished web... Read More

Getting Along With Your Web Designer

You're all ready to get started creating your web presence... Read More

Simple Steps To Proper Web Design

Over the course of the last decade, the Internet has... Read More

Wording Up Your Website

Back to basics. Forget funky design, good copywriting is the... Read More

How Not To Get Web Design Work

I get the occasional web design lead from my website.... Read More

Your Graphics- Are They Really Working For You?

(Making Your Graphics Work For You)It's no secret that a... Read More

Lead Capture Pages Explode Your Direct Sales Business Online!

Are you building a direct sales or mlm business online?... Read More

Good Websites Stand Out From The Masses Of Boring, Hard To Travel Sites

Good websites stand out from the masses of boring, hard... Read More

File Types For Icons Explained

An application is not ready for use unless you have... Read More

E-covers for Your Niche Market

When creating an e-cover the what's the first thought that... Read More

Building An Effective Furniture Sales Web Site

Web sites that feature products ? especially furniture or other... Read More

How a Custom Designed Website Can Help Your Business

Over the years, the internet has grown into a marvelous... Read More

Your Free Guide To Obtain A Cheap Web Design Quote

Website design is a very competitive area and there is... Read More

Concentrate On Web Content Instead Of Search Engine Optimization

For many webmasters the title of my article may seem... Read More

How To Design A Web Site

I'm not a professional web site designer and openly admit... Read More

TEN Answers That Turn Your Visitors Into Your Customers

You know... Before purchasing your product a person comes to... Read More

How to Choose Web Design Company?

Before deciding on which web design company to choose, you... Read More