Your Ad Here

Cascading Style Sheets (CSS) 101 - Part 2


Author: Jan Carroll

As promised, for this segment I will start with by discussing "Styles" used in Word Processing programs such as Microsoft Word and how you can relate them to "Cascading Style Sheets" for the Wide World Web. As well, I will revisit the primary reason why you should care. CSS Style sheets will save you money!

Word processing and page layout tools all use styles.

You may not notice, but the program is organizing your work as you go along using sets of formatting rules, or "styles". Many people don't use anything more than the "default style template" when creating documents in Microsoft Word (for example). In other words, they just go in and start typing. If they want something to appear as a large heading. They will do one of two things:

1 Select the text with their cursor and select a "style" from the list which appears to the left of the text options, or they will.

2. Select the text with their cursor and change the font size, color and/or font face.

If they chose method one, they were applying a style from the default master style sheet. If they chose method two, they created a new style that will be added to the document's styles and saved with the document.

Each time one adds a different text style, the document size increases as the program has more things to remember about how to display the document when it is opened or printed.

Size and document structure complexity is less important an issue with a text document than it is for web pages, but it can cause problems when printing, sending to a outside printer or even having documents crashing or freezing up.

So how does this apply to the subject of CSS Typesets for the web?

I cannot emphasis this enough. CSS Style Sheets will save you money AND make you more money than non-css sites!

The best performing web sites on the Internet all use Style Sheets for this and a number of other reasons.

MONEY SAVING REASON ONE REVISITED:

A well constructed website using typesets can change many aspects of a site's appearance without touching a single web page. This may not seem a big deal if you have only a few pages, but if you have twenty, or a thousand pages, appearance changes can prove very costly and time consuming. With a style sheet, web developers such as JBCR, could change the look of a 100 page website faster than we could change 3 pages that do not use a stylesheet.

One of the huge mistakes many people make is pay a web designer a great deal of money for time and effort to build them a site, with proper stylesheet's... and then cripple their new site's effectiveness by abandoning the web designer's "master plan".

After their site is competed, they take over the updating and apply font sizes and colors etc in the web pages instead of in the stylesheet. A good portion of the money they spent on their design just went out the window. Their site's visual appearance is no longer manageable from a master sheet. Visual appearance changes now adjusted on a page by page basis. You need to know that by doing this you are slowing your own progress to profits down. It's "under the hood". You can't see the damage. The site itself may not look any different. The ROI of the site can be affected and the costs of looking after the site are the issues here.

Part III coming soon!

About the Author:
Jan Carroll JBCR Virtual Solutions Certified I.T. Publishing/Web Design & Programming, UBC http://www.jbcr-virtualsolutions.com, http://www.arclightgraphics.com


Click here to View more Articles at: Invision-Graphics
Invision-Graphics Article Source:

Posted on Saturday, February 03 @ 15:56:10 EST by Admin
 
Options
 Return to the main page Return Home

 Print Page Print Version

 Send to a Friend Send To A Friend

 Discuss Article Discuss Article

 Related Articles Related Articles

 Search Articles Search Articles

 Stories Archive Stories Archive

 Subscribe Newsletter Subscribe Newsletter

 Syndicate Article Topic: CSS XML News Feed

 Contact US Contact US
Syndicate Article
 My Yahoo!
 Google
 NewsGator
 Stumbleupon
 PluckIT
 Rojo
 Bloglines
 My AOL
 Blogrolling
 ENewsblog
 NewsIsFree
 NetVibes
 del.icio.us
 Technorati
 Digg This
 FeedBurner
 FeedMailer
Sponsor Advertising
Blogging Fusion Blog Directory
Submit your blog to Blogging Fusion Blog Directory for FREE. Start increasing your backlinks and traffic today!

Text Advertising Info Text Advertising Info
Support US

Make a donation!
If you enjoy our services, make a donation today!

Google Support Ads
Related Links
W3C CSS
More about CSS
News by Admin


Advertise Here

Most read story about CSS:
CSS Hack: Getting Safari to behave

Article Rating
Average Score: 0
Votes: 0

Please take a second and vote for this article:

Excellent
Very Good
Good
Regular
Bad


Book Advertising
Get this Book Now
Buy this Book Now!
Click Here
Related Categories
Technorati TagsTechnorati Tags
Comment on Article:"168" Login | Create an Account | 0 comments
The following comments are owned by the individual who posted them. Invision-Graphics is not responsible for the content or the accuracy of the following statements.
No Comments Allowed for Anonymous, please Register
Savings | McDonalds | Fast Loans | Credit Counseling | Free Credit Reports
Click Here to Advertise
Affordable Hosting! http://www.invision-graphics.com/images/banners/468X60_VISIONHOSTING.gif
 Today: 17,566  Yesterday: 36,109  Total Hits: 23,060,031
Page Rendered in: 0.1s - Total Queries: 37 - MySQL DB: 17.2 mb's - Pages served in past 5 minutes: 205