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

---

You Too Can Have an Amazing Website

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

KIS - Keep It Simple

There are many ways to add fancy bells and whistles... Read More

Lead Capture Pages Explode Your Direct Sales Business Online!

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

Cool Web Design And Promotion Tips

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

Cascading Style Sheets for Better Web Design

In cascading style sheets you can specify how your web... Read More

The Right Trigger Words

CNN.com's designers have gone out of their way to make... Read More

Designing Your Web Site For ALL Browsers

Let's face it. Building a web site that browses consistently... Read More

Creating Personal Web Sites

This is a two-part article about creating a web site... Read More

How to Use Sliced Graphics to Layout Your Web Site

The problem with designing your site as a graphic, is... Read More

Stop Sabotaging Your Sales

Do your web pages, sales letters or personal presentations include... Read More

Let Your Website Make You $$$ While You Sleep! and All That Other B.S.!

Well, you've got your product, started your home business, and... Read More

Web Site Accessibility

Making your site accessible means making it available to be... Read More

Website Woes: Top Five Offenders

I see a lot of mistakes, but here are the... Read More

Website Maintenance: What Does it Take to Manage Your Website?

Every action has a beginning phase where you launch your... Read More

Effective Web Design Usability Principles

Website Design Usability Tips1. Getting to know about audience membersYou... Read More

Website Design Basic Concepts

So, what's in a website design anyway? And, how do... Read More

Make Artistic Graphic Designs

Are you a student of graphic design? If you have... 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

Be Friendly to Search Engines

The object of search engines is to give their visitors... Read More

10 Tips for Killer Website Design

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

Design vs Content: Who is KING?

Well it is not Elvis, that's for sure.I am a... Read More

6 Reasons Why Web Templates Are Todays Trend

As the Internet blooms at an alarming rate, so as... Read More

Understand Your Color

Any design on a web application involves the effective input... Read More

How To Choose A Website Designer

Now that you have decided that it is time to... Read More

Give Your Website A Chance

I often wonder how serious people are when it comes... Read More

A Web Site That Sells Is All One Needs To Have A Successful Online Business!

There are more than billions of Web Sites, running Online... Read More

How to Prepare Your Project Before You Order Website Design

Are you serious about get this website done fast and... Read More

Content is Crucial!

Content is undoubtedly the most important element of a website.... Read More

Top Ten Ways to Increase Web Sales - Part 1

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

Ten Tips For Your Web Site Home Page

1. Loading time:try to be below 20kbless number of imagesspecify... Read More

Website Promotion Ideas: 10 Tips On How To Use Your Picture Effectively To Increase Your Sales

Seeing is believing.One trick to increase your visibility as well... Read More

Keep Your Navigation Highly Visible

Effective navigation stands out. It's clear, obvious, and highly visible.You'll... Read More

Web Site Redirection - How to Implement a 301 Redirect

You just created a new web site but want to... Read More