PasadenaBlvd.com: Your online boulevard for Pasadena, Texas

Teach Yourself CSS The Easy Way

July 18, 2005

Contributing Writer: Erich Bihlman

I taught myself HTML back in the mid-nineties and was proud of the fact that I was able to accomplish the design of fairly complex Web pages with nothing more than a starter HTML book, an HTML reference book, and the knowledge I had stored in my head. But back in those days, we Web designers had what looking back was a fairly limited amount of tools with which to work, and the quality (or lack thereof) of sites on the Web was lackluster at best.

Fast-forward to today: The hand-coder has more powerful and intuitive software packages available that will still allow us "to get our hands dirty", which brings us to the purpose of this article. With the standardization of the much-anticipated Cascading Style Sheets (CSS) in the late-nineties, the Web design community has become familiar with a much more powerful and precise method of Web page layout.

"But how is an old-time Web coder supposed to learn CSS the easy way?!" Well, I say you should learn it the way I, and countless others, have:

1. Download the Firefox browser


2. Install the Web Developer extension


3. Open one of your "old" HTML files


4. View the source, click the "Cleanup the page" button


5. Check the "replace FONT.....tags by CSS" box, then Refresh

Now you have a very neat and tidy piece of code, with all the CSS dirty work done for you! At this point you can copy & paste the resulting code and use it in your project and start figuring out what it's doing. I was amazed at how easily I was able to pick it up and start making changes on my own. When I wanted more information on a certain style it was a just a Google search away to many excellent CSS resources on the Web . I find it much easier to learn CSS if I get to apply the modifications to the existing code that I've been working on, and I think you will too.

I hope you find this article helpful and if you follow these steps you should be able to add CSS to your Web site design toolbox in no time!

======================
Erich Bihlman, of Bihlman Consulting - PC and Internet Tutoring and Web site Design in Prescott, Arizona. www.bihlman.com
For additional helpful articles visit www.bihlman.com/iqzone.
======================

---

Recently in Technology & Web:

11 Ways To Promote Your Website

Search engines continue to evolve but there are a few things you still can do to give them a clue about what's on your website. One is to include your keywords in header tags. Additionally, craft a one or two sentence description that explains the content of each page, including some keywords from the page. This should go between the tags. Finally, you should write short, descriptive titles for each page. Don't use the same one for each...

The Power of Color

Colors have many meanings and associations. They can also create, or amplify, emotion. For example, which would you associate with bright yellow: happy or sad? Serious or playful? Good or bad? Chances are that you chose happy, playful, and good. Why? Because color speaks, whether we realize it consciously or not...

Title Tags - How to Make Them More Effective

Pay attention to the title tags of your web pages. They are more important than most web authors realize. Once you understand why the title is so important, you can easily write more effective title tags...

10 Shockingly Simple Web Copy Secrets Anyone Can Use Instantly

What are the web copy secrets you need to know to convert prospects to paying customers? Don't spend hours laboring over your copy. There are simple, instant tools you can use to develop great copy in minutes...

Introduction To Copyrights, Patents, And Trademarks

In the USA, the Copyright Act of 1976 governs all copyrights. The Copyright Act does not protect any ideas, procedures, process, systems, and methods of operations, concepts, principle or discovery regardless of how it is expressed. It is the expression that is protected by the Copyright Act. You cannot copyright titles, names, slogans, and short phrases even if those have new ideas...

Your Three Letter Autoresponder Follow-Up

People need to see your ad message several times before they buy. Those who buy on the first ad have already made up their mind after seeing someone else’s ad. Yours had the good fortune of reaching the customer at just the right time...

Web Site Etiquette

Contrary to what some may believe, the Web is not an anything goes environment. Considerations and courtesies need to be implemented by all users so that everyone can look forward to a more enjoyable or productive experience...

10 Innovative Ways To Use Your Autoresponder

1. Collect leads with your autoresponder. You will get an e-mail digest of everyone's e-mail addresses who requests information from your autoresponder...