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

---

How to Double Your Online Sales Without Spending Another Dime on Advertising

Learning how to convert visitors to your web site into... Read More

Web Advertising: 10 Little Known Tricks To Help Convert Your Traffics To Buying Customers

You may not believe it, but people still judge things... Read More

Why a Website Design Speaks Volumes About Your Company?

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

Keep Your Navigation Highly Visible

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

How Your Business Can Win Online

There are lots of websites out there that do little... Read More

Custom Website Design - 7 Steps to a More Professional Website

If you are trying to sell a product or service... Read More

Creating Quality Websites

Websites, there are literally billions of them out there in... Read More

Custom Web Site Design Strategies

Web site design has certainly, in the past decade, evolved... Read More

Design Matters in our Visual Culture

FIRST IMPRESSIONS. First impressions often leave lasting impressions. Impressions... Read More

Attention Grabbing Web Design Will Kill Your Sale!

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

What Is Your Websites Most Wanted Response?

You spend time and money promoting your website; but what... Read More

You Had Me At the Search Engine

You've likely heard of the movie, Jerry Maguire, with its... Read More

Increasing Conversions Through Action-Oriented Copywriting

I do site reviews. Needless to say, I see a... Read More

Keep Your Navigation Simple!

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

The Right Trigger Words

CNN.com's designers have gone out of their way to make... 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

How to Use Sliced Graphics to Layout Your Web Site

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

14 Ways to Add Content to Your Web Site - Part 1

When I surf the Net, I often see web sites... Read More

How To Write An Effective FAQ Page

Websites that have multiple pages usually have a Frequently Asked... Read More

Designing Your Web Site For ALL Browsers

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

Very Cheap Website Design Services

Are you looking for somebody to build you a website,... Read More

3 Simple Ways To Dramatically Improve Your Website

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

Excellently Constructed Websites

Want to see an excellently constructed website? As a writer... Read More

5 Ways To Automate Your Site

Automating your online business is one of the most important... Read More

20 Tips to Creating a Profitable Website

As an online Entrepreneur you require a successful website.One that... Read More

Is Your Website?s Copy Up to the Mark?

The Internet is a relatively new medium. What works for... Read More

How To Start An Internet Business ? Designing For Usefulness

The first step to starting any Internet business is conducting... Read More

Essential Strategies To Make Your Web Copy Attractive To Your Target Audience

Reading on the web is different than reading in all... Read More

Web Site Turn Ons

When you develop a sales brochure, you have a mental... Read More

Long Copy Sales Letters on the Web: Hype or Not?

I have written before about long sales copy on the... Read More

Web Design: How To Get Your Visitors To Stay

Remember the famous line from the movie Field of Dreams,... Read More

The Secret To A Profitable Website

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

Using Your Personal Website To Clinch That Job!

With an increasing number of employment portals emerging, it is... Read More