How To Design Your Web Site With CSS

Cascading Style Sheets (CSS) allows you to create fastloading pages, increase your search engine rankings, andmodify your whole site with one style sheet. So why don'tmore people use them? This is because they got so used tohtml design and are afraid or too lazy to upgrade theirskills. 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 asimple web site using CSS, so you will have no excuse tobegin incorporating them into your future designs.

What are Cascading Style Sheets?

Cascading Style Sheets is the name of a simple languagethat 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 separateyour HTML markup, text, graphics and multimedia frompresentation.

2. Consistent site wide look and feel consistency - you canapply one style for 100s of web pages all at once. So ifyou had to change the color of all pages on your site, youonly have to edit one style sheet. This saves you a hugeamount of time, especially if you had to edit each pageseparately.

3. Web site maintenance - apart from being able to makesite wide changes easily through one CSS file, the cleancode it generates makes it easier to update. Properlymarked up web pages permit them to be maintained by morethan one person. It will also work in more browsers. Website redesigns will take much less time.

4. Improve search engine rankings - search enginesgenerally spider the code at the top of your web page first. For most sites that means the navigation bar will be spideredfirst (resides at top of page code). CSS enables you toposition the code for your content at the top making yourpage search engine friendly. Properly marked up HTML pagescan easily found and properly categorized by search engines

5. Fast loading - CSS reduces the amount of tags usedtherefore producing clean code. Tableless design can reduceyour load time by 25% to 50%.

6. Reduce bandwidth - compacting the amount of code usedwill reduce the amount of bandwidth needed to host your webpages. Therefore you won't have to pay higher fees whenadding more web documents to your site.

7. Accessibility - increasing accessibility with CSS meansbeing able to serve web content to a larger audience,increasing web site usability, even for non-disabledpeople. Content can easily be formatted for projection aswell as screen display. Tableless layouts display well onhand-helds.

8. Improve the printing of web pages - most printers willonly allow you to print a portion of the web page. With CSSyour whole document can be printed.

When you use CSS it becomes quick and easy to apply newstyles that can not only effect all styles on your web pagebut even your whole site.

In the next article I will explain how to layout a web pageusing CSS.

Herman Drost is the Certified Internet Webmaster (CIW)owner and author of http://www.iSiteBuild.com AffordableWeb 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

Clarke County mentor program says thanks Online Athens During the 2011-2012 school year, over 500 mentors have completed more than 6000 visits with their mentees — listening, guiding and goal-setting to help young people become successful adults. While CCMP is grateful to all of its mentors, ...

Ten years marks time of reflection and goal setting for Baarsches Minnesota Farm Guide Note -- Robert Baarsch was featured 10 years ago in Minnesota Farm Guide Producer Progress Reports. Here is a look at what he and the members of Next Generation Pork are doing now. SPRING VALLEY, Minn. – Robert Baarsch has always appreciated hog ...

ABWA January Meeting - Goal Setting The Valley Business Journal Goal setting is the first step towards successful goal achievement. It marks your first point towards success. It is what puts your life into real action mode. Whether your goals are personal, professional or a bit of both, this meeting can help you ...

Hank Aaron's dignity, grace made baseball better game Chicago Sun-Times Goal-setting, dedication, resolve and community service were Aaron's points of emphasis during a 15-minute speech that was as understated, eloquent and dignified as the man himself. Aaron could not be more unlike the smugly self-absorbed Bonds, ... and more »

The Hindu

Over the last barrier The Hindu Goal setting First, ask yourself what are the results you seek? Your goals need to be well defined for you to identify progress. Often I see people go to the gym, train mindlessly not quite sure exactly what they want or need to work towards.

Folsom Telegraph

The Saturday Skinny: Set reasonable goals for weight loss, life Folsom Telegraph By Don Chaddock, Gold Country News Service In this installment of "The Saturday Skinny," we'll look at goal setting and what's reasonable. Over the course of the last 16 months, I've managed to lose 94 pounds, or 31 percent of my original body weight. and more »

Captain's Corner: The Power of Goal Setting FireEngineering.com Goal setting capitalizes on the human brain's amazing powers for solving problems. Goals focus our attention and our efforts on success and away from undesirable and irrelevant actions. Attaining goals can intensify our efforts to achieve greater ...

NorthJersey.com

Verona Board of Education scores well on evaluation, discusses district goals NorthJersey.com BY MARIA KARIDIS A representative from the New Jersey School Boards Association bestowed high praise upon the Verona Board of Education during its workshop on Tuesday - the theme of which was goal setting. Verona Board of Education headquarters, ... and more »

The West Australian

Rugby: Mealamu injury a worry for Hansen New Zealand Herald Goal-setting following the highs of the World Cup would top the agenda over the next few days, he said. "Goal-setting is what gets you out of bed. All the great champions set themselves huge high standards and this team is no different." Hands on at last for Hansensportal.co.nz all 32 news articles »

Chiropractic Economics

SMART strategies Chiropractic Economics Goal setting is an integral part of a solid business foundation. Are you doing your part? By Julie Weaver There are endless examples of goal-setting strategies. So many, in fact, that they can confuse and overwhelm people. Many business owners find ...