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

---

Building Web Sites Using Web Templates

Gone are the days when you had to rely on... Read More

Increase Your Website Sales Instantly

If there's one thing that I've learnt so far, it's... Read More

The Top 8 Website Sins Part Two

Sin #5Poor Spelling And GrammarWe all make mistakes when we... Read More

Optimized Web Page Template

I want to give you a free web page template... Read More

Get FASTER Download Times By Making BIGGER Web Pages!

As a webmaster you already know how important it is... Read More

Service Professions: Does Your Website Follow These 5 Simple Rules For Getting More Clients?

There are literally thousands of different options, styles and formats... Read More

Choosing Your Web Design

We would all like to have the best looking website,... 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

Creating a Compelling Headline for Your Private Practice Website

Your home page is the most important page of your... Read More

How to Force Your Visitors to Order Immediately!

This may comes as a surprise to you but, if... Read More

Plugging the Dreaded World Wide Web Black Hole is Just the First Step

You have created your custom error page so now all... Read More

Keep Your Navigation Simple!

Navigation must be simple. Since it's the backbone of your... Read More

Reach Out To Billions

Have you heard of 'Babel Fish'?It's a service provided by... Read More

So You?re Hiring a Web Designer?You Have the Right to Demand these 7 Perks

Whether you're hiring a designer who has created 10 sites... Read More

Your Site Map: Spider Food or Just A Light Snack?

Mechanical spiders have to eat. In fact, they usually have... Read More

Five Common Web Design Mistakes

There are often many mistakes encountered when creating a webpage... Read More

You Too Can Have an Amazing Website

It is a well-known fact that a successful business depends... Read More

Color Scheme for Your Website?

Yes, in a world that is obsessed with makeover madness,... Read More

Learn the Truth about Your Web Design Company by Its Portfolio

When you start building your online business and search for... Read More

Quality Website Design At An Affordable Price

I always have people asking me if I know of... Read More

Why Your Site Should be Developed with CSS and Semantic Markup

Why your site should be developed with CSS and semantic... Read More

What Does Your Website Say About Your Business?

QUESTION: My business is very small, just me and... Read More

Website promotion Ideas: 10 Web Site Add-Ons To Increase Your Traffic

If you're not getting a lot of traffic to your... Read More

Web Design Advice And Information

Most of us at times need advice on different aspects... Read More

How Does Your Website Measure Up?

Does your website make a good first impression? Is the... Read More

Whats Wrong With My Website?

I ask myself that question about once a month.My website... Read More

Are Web Templates Worth It?

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

Freelancers Bite Back!

The Internet has seen an explosion in so called 'lance'... Read More

Recipe For A Good Looking Web Site

We've all surfed the web and seen some awful web... Read More

3 Simple Ways To Dramatically Improve Your Website

Before you start worrying about marketing your website on the... Read More

Nine Effective Tips For Improving Your Website?s Usability

Web usability is perhaps the most important factor in any... Read More

The Secret To A Profitable Website

Whether you are planning on having a website built for... Read More

Simple Lines and Shapes for Your Logo Design

Geometric designs come in all shapes and sizes? and lines.... Read More