Web Design Information

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


MORE RESOURCES:

Web design firm's span reaches from Dnieper to Danbury
Danbury News Times, CT - Dec 1, 2008
... a city in western Ukraine near the country's border with Poland, got the idea to start the firm while working for another Web design outfit in Stamford. ...


Web Design Training – Spring Semester
Marywood University News & Events, PA - Dec 1, 2008
A two-part workshop in web design will be offered on Tuesdays, 1:30 – 3:00 pm beginning January 13. Part A: Introduction to Web Design (Jan 13 – Feb 24) – a ...


Corpus Christi Web Design Now Available – WebDesignRush.com is Live
PR-CANADA.net (press release), Montenegro - 14 hours ago
We’re catering to small businesses in Corpus Christi and surrounding areas to bring affordable web design to small businesses. Web Design In Corpus Christi, ...


Web design & FOSS
ZDNet UK, UK - Dec 1, 2008
Having just moved house, I had the interesting experience of being without a telephone handset. And my current mobile provider 3 [% coverage] can't always ...


Extra Cash for the Holidays or Anytime With the Launch of Diamonds ...
MarketWatch - 15 hours ago
Bayshore Solutions' award-winning Web design team utilized their Microsoft Gold Certified development capabilities along with their interactive marketing ...
Extra Cash for the Holidays or Anytime With the Launch of Diamonds ... International Business Times
Businesses Thrive Amidst a Recession Thanks to Live Help TMCnet
all 11 news articles


Mercy student 'wow's' in web design contest
Mirror, MI - Nov 30, 2008
Mercy High School Junior Michelle McCarthy was awarded first place in the 2008 Michigan Council Women in Technology Foundation web contest held at Lawrence ...


Web 2.0 principles for good web design
Bizcommunity.com, South Africa - Dec 1, 2008
Web design can be deceptively difficult, as it involves achieving a design that is both usable and pleasing, delivers information and builds brand, ...


SEO and Web Design are "Recession Proof"
About - News & Issues, NY - Nov 28, 2008
Silicon Alley Insider -- a group blog focused on the New York startup scene -- published a post today titled Recession Winners: Web Designers, SEO. ...


Three day Web design Conference will be held in Boston December 8 ...
PR-Inside.com (Pressemitteilung), Austria - Dec 1, 2008
2008-12-01 15:45:33 - December 8-10, 2008 - a tremendous event in the field of Web design and technologies will take place at Westin Copley Place in Boston. ...


David Cosgrove Los Angeles Web Design Wins Top Honors in Business ...
Press Release 365 (press release), FL - Nov 27, 2008
SIMSBURY, CT -- David Cosgrove Los Angeles Web Design has been recognized by StartupNation (http://www.startupnation.com) as one of the top businesses in ...

Web-Design - Google News

home | site map
© 2006