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

---

Understanding How HTML Color Codes Work

Ever wonder how HTML color codes are put together? For... Read More

What to Ask Your Web Designer

If you need a web designer, but have no clue... Read More

Hiring a Graphic Designer

You've come up with a great product. You've got the... Read More

Questions to Ask When Designing a Website for Clients

Questions to ask when designing a Web Site for your... Read More

Are Web Templates Worth It?

First off, I am a designer. Now you're thinking, here's... Read More

10 Tips for Killer Website Design

Does website design make a difference in how long people... Read More

Web Site Design Mistakes

Some wise human once said "Learn from the mistakes of... Read More

Free Website Design Tips

In this article I will give a few tips of... Read More

Developing Your Winning Web Site Strategy

Your web site is the key to your success on... Read More

Should You Bother Learning HTML to Build Webpages?

The most popular method to build webpages today is to... Read More

Testament To Testimonials

We have all seen websites showcasing their testimonials either spread... Read More

Through The Looking Glass

My mother used to take me along when she visited... Read More

Offshore Web Design and Development - Use Great Opportunities

Sooner or later every small or medium business owner realizes... Read More

Website Sales: 10 Strategic Tips To Maximize Your Profits

If you've a website but not making a lot of... Read More

Tips For An Effective Website

A successful website is something that everyone venturing into the... Read More

How To Attract People To Your Web Site and Leave Their Contact

If you have a website, you want your visitors to... Read More

6 Reasons Why Using Flash is a BIG Mistake

Most web designers and web design companies will try to... Read More

Its No Good Having A Killer Product If You Dont Have A Killer Website

Read the title of this article over a couple of... Read More

Why Content is King of Website Design

If there's one thing that most web site developers can... Read More

Event Planning Must Include An Event Website

As part of your event planning you should seriously consider... Read More

Web Designers Beware!

As a web designer, I have a personal interest in... Read More

Eliciting Constructive Website Feedback

"It's good.""You've done a nice job.""I don't like it."At some... Read More

How to Create A Homepage That Works

Want to know what the worst thing to say on... Read More

Good Web Design ? What Is It?

There is unlimited possibilities when it comes to designing a... Read More

Website Polls For You And Your Visitors

Setting up a survey on your site is extremely simple... Read More

What Content to Publish on Your Website

Many businesses want a simple website where they tell people... Read More

Do You Hate Your Website? Web Site Sales To Hit $316 Billion Over The Next 6 Years

What dollar amount does your web site contribute to this... Read More

7 Benefits of HTML Validation

You may not bother with html validation or writing simple... Read More

Looking for a Web Design Company? Use a Web Design Directory

Your business website tells a lot about your company. A... Read More

Choosing Form Over Function Kills Your Site

Never put form over function. Why? Because it's crucial that... Read More

Why Do Images Disappear from a Webpage?

In learning webpage design, I encountered many problems that took... Read More

Top Ten Ways to Increase Web Sales - Part 2

You have only 10 seconds to impress your potential buyer.... Read More

The Seven Deadly Sins of Web Business Design

Before you take a road trip it is usually a... Read More