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.

Discover How To Make Your Web Design Easier
Whenever I thought of web design my face would frown, I just hated the fact that I had to do any kind of web design. I just couldnt see why web design was simple for other and not for me.
Discover How To Make Your Web Design Easier
If you are a complete newbie in web design looking for ways how to start a site, this tutorial is just or you. Its basic, but useful.
The purpose of design
Now you have a good idea what goals you want to achieve. There is another type of goal, which is the goal of the design process itself. What is design for? At the highest level, the purpose of design is: To enable communication between the consumer and the content Of course, the goal...
Introduction to Graphic Design
If you are going to go into practically any form of business, graphic design is something you are going to become familiar with quickly. Here is a primer.
Design like no-one's watching
Web designers frequently suffer under the illusion that other people look at their web pages the way we do. This is wrong. Designers need to develop the skill of looking at their designs through na
Designing for the web
The purpose of design is to facilitate communication between user and content. Designing for the web means designing sympathetically with the way people actually use the web, not how we think they should. People approach web sites in very different ways to how we design them...
6 Must-Haves on a Website Design
Designing a website is a tedious and critical work. There are just too many considerations that a web designer should take into when designing a site.
Simple Design
Simple web design delivers huge benefits to designer, client and user. When a design doesnt seem to work, ask what should be taken away before asking whats missing.
Functionality Vs Stylish Design
The question faced by all web designers at sometime during a project is: How much functionality should I sacrifice for stylish design? I know that I have played this balancing game many times. However there is a way to have both in healthy servings...
The Ideal Web Design Firm
Choosing a web design firm isnt as easy as you think it is. Sure, you could get a firm to do your requirements and specifications as long as you have the money to pay for it. However, getting an inexperienced web design firm may hurt you more and oftentimes...