Home | Site Map           
   
     

Teach Yourself CSS The Easy Way


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!

Written by Erich Bihlman, of Bihlman Consulting - PC and Internet Tutoring and Website Design in Prescott, Arizona. http://www.bihlman.com For additional helpful articles visit http://www.bihlman.com/iqzone

[You may reprint this article provided it is not changed in any way, and my author information stays intact including the links.]


MORE RESOURCES:

Yahoo! News Search Results for website design
Yahoo! News Search Results for website design

Website sells Shariah-approved sex aids to Muslims
The El Asira home page is a discreet design with two simple links for men and women. The only clue to its content are the small blue and pink hearts at the top of the page.
Website Provides New Access to Denville?s North Jersey Design Center for Impl...
Cosmetic Dentists Daniel Orellana, DDS and William Johnson, DDS have provided North Jersey residents new access to their state of the art offices with the launch of their new website designed by Roadside Multimedia.
Avery Graphics Design 66 Challenge Contest Winners Announced
Painesville, OH Three designs have crossed the finish line and are in the winners circle of the Avery Graphics Design 66 Challenge. Salute the Soldiers by Daniel Wayne Logue was selected as the winning design, chosen by NASCAR Nationwide Series driver Steve Wallace, the Rusty Wallace Racing team and sponsor 5-Hour Energy. More than 120 entries from across the United States and Canada were ...
Tampa Web Development Firm Bayshore Solutions Launches the Flatwoods Consulti...
Bayshore Solutions is proud to announce the launch of the Flatwoods Consulting Group Inc. (Flatwoods) website. The Tampa Web design for the ecology and environmental consulting firm website is based on natural photo images and colors portraying a modern look and consistent branding message.
Website a waste
(Re: City pays $128,000 for new website design) Wow -- $128,000 for this amateur website? Another colossal waste of my property tax dollar. Ranks right up there with the addition to the arena that I'll never use and the new bridge built so Bulls fans can get to Wendy's quicker after the game.[...]

 

 

Web Design | Photo Blog
Copyright © 2008 All Rights Reserved WebDesignPort.com