Cascading Style Sheets for Better Web Design

In cascading style sheets you can specify how your web pages will be presented on the screen by simply predefining page elements such as fonts, headers and links.

You can add these predefined elements in the head-section of your pages, but more interesting is to use them in a single .css file and include that file in every page on your site.

All you have to do is include in your HTML header. (the path in the href must point to the place where your .css file is stored)

There are two main benefits to using css sheets in a separate file:

1. more flexibility; only one (1) file to update

2. less HTML coding and easy replacement of deprecated HTML. I'll explain more of this below.

First, let me tell you I am NOT a cascading style sheet professional. I just use it.

If you want to become one, there are great css resources and tutorials out there.

Just go to

http://www.w3.org/Style/CSS/learning http://www.htmlhelp.com/reference/css/

to mention a few, but there are many more. Type 'cascading style sheets' in your favorite search engine and you get plenty of information.

But just being a layperson in css emphasizes the importance of this web design tool. I started using cascading style sheets in its most elementary form. All you have to do is name the page element that you are going to specify and add its specification in curly brackets. Here's my first css file:

body { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; line-height: normal; font-weight: normal; text-decoration: none; color: #000000 }

By simply saving this code in a style sheet file and including it in my webpages I suddenly didn't have to define FONT statements in the body of my pages any more. Wow, that saved me a lot of coding! Big advantage (no. 2).

AND .....

I had fewer errors in my HTML, because I didn't have to close that awkward FONT tag (at the wrong place). Big advantage (no. 2).

When I discovered this, I immediately began adding definition for other tags like H1, H2, linktext (not visited, visited and hover) and special colors in text.

If I want to change the look of my H1-header, all I have to do is change the specs in my style sheet and presto .... the H1 is changed across my whole site. How's that for flexibility? Big advantage (no. 1).

When I once redesigned my site I used HTML validators to see how I was doing. To my surprise I found that some HTML commands, the most important one being FONT, were deprecated in HTML 4.0. That means eventually these commands will not be used anymore.

So I had to do something. Again, style sheets came to the rescue. All I had to do was define how my fonts would look like in my style sheet and I had the problem solved. Big advantage (no. 2).

Now I use css to define headers, footers, special text colors, special fonts and font sizes, special links etcetera. If I ever discover I need some extra lay-out or style, I just add one line to my .css file. It's so easy!

Try it. Start using style sheets. You're more flexible and it will save you lots of time.

Wish you success.
Case Stevens

Case Stevens, owner of AnOwnSite Internet Marketing, is experimenting with different marketing techniques, websites, traffic and lead generation. He publishes his experiences in a newsletter featuring understandable, successful low cost Internet marketing techniques, ideas and strategies, articles, news, tips & tricks and interesting (free) downloads.

Subscribe at Affordable Online Strategies

MORE RESOURCES

People Locator find anyone in the USA

RELATED WEB SITE DESIGN ARTICLES: Make it Clear What Your Website is About Just about every list of the "Top 10 Web Design Mistakes" includes at least one reference to either1. Not clearly specifying the objectives of your website, or2. Website Design: 10 Web Site Design Pitfalls To Avoid If you've a website that is not generating a lot of sales, it may be due to some design flaws.Below are website design flaws you should correct now, to empower your website:1. Long Copy Sales Letters on the Web: Hype or Not? I have written before about long sales copy on the web. But I have more to say on the subject. Eight Website Pitfalls, and How to Avoid Them Clutter: Too much noise, too much text, and too little white space mean that customers ignore the content. Customers often scan pages quickly, only reading titles or input prompts until they reach the content they want. Maximizing Web Site View ability - Resolution This is my second article on maximizing web site view ability. Analyzing screen resolution data. How to Convince Your Visitors to Return Often One visit does not make a sale. Be sure to make your Web site attractive to your visitors so that they want to come back. Got Web Traffic but Still Low Sales? Ten Ways to Selling Success - Part 1 Have you put a lot of effort, time, and money into your site and are frustrated with lackluster sales? Are you planning to put a new Web site and don't know where to start? If you are like many business professionals out there, you know your subject, you are an expert speaker or coach in your field, and you are even passionate about it. You have great products and services to sell. Website Conversion Secrets Revealed In my last article entitled, Maximizing The True Value Of Your Traffic (found at http://tinyurl.com/2cf84), you discovered the importance of generating positive respones from all your visitors. Choosing Form Over Function Kills Your Site Never put form over function. Why? Because it's crucial that visitors actually be able to USE your site. How To Choose A Website Designer When you're self-employed, choosing a website designer is a crucial decision, as a good website can bring you more business and a bad one can drive away prospective customers. Below are some important things to conider when selecting a website designer for your new site or site redesign. How To Start An Internet Business - Designing For Usefulness The first step to starting any Internet business is conducting keyword research to determine if there is any interest in your idea. Once you identify a need, it's time to conider what your site should look like. Website Checklist 10 Basic Things Your Website Should Have .. Custom Icon For Your Specific Brand Developing a software application is not easy at all; apart from the effective creation of the application you'll have to think of other things as well, like: making the software easy to work with, giving it a unique and appealing look, making it better than other software, etc. Apart from the qualities of the application, these little things are the ones that promote your software application among the end users. Simple Lines and Shapes for Your Logo Design Geometric designs come in all shapes and sizes? and lines. You can create your logo design or customize your illustration by using simple lines and shapes to create your very own unique image. 3 Simple Ways To Dramatically Improve Your Website Before you start worrying about marketing your website on the internet it always pays dividends to look at the website itself and get the fundamentals right before looking to shout about it from the virtual mountain-tops.You may already have thought about the following 3 ways and some of you may already have them in place on your website. You Too Can Have an Amazing Website It is a well-known fact that a successful business depends greatly on how it is marketed. With an ever increasing dependence on the web, the use of a professional website is not only a necessity, but a priority. Creating Personal Web Sites This is a two-part article about creating a web site on the web and the tools that you need to do that. During the last decade we have truly entered the information age. Flash Web Design - The Wave of the Future? There are two camps when it comes to flash web design, those who believe it is the wave of the future and those who do not. To decide which camp you want to be part of, you of course need to learn a little bit about flash web design and try it out as well to see how you feel. Free Web Design Advice In this article I will give advice and tips of where to find a low cost website design company and also about the best ways of producing a cool website. How many people or companies are advertising their services for web design? The answer is a great deal. 15 Website Elements That Attract Visitors Here is a quick list of components that make a website attractive. They are listed in layers of attractiveness beginning with the "must" haves, to "nice to haves.