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 modification 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 Conulting - 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

People Locator find anyone in the USA

RELATED WEB SITE DESIGN ARTICLES: A Web Site That Sells Is All One Needs To Have A Successful Online Business! There are more than billion of Web Sites, running Online Businesses, offering products and services. But only a few Web Sites manage to make any sale. Power of Squeeze Pages for Realtors Squeeze pages are a very hot topic in the internet marketing scene. What a squeeze page is is a page that is built to get someone to take an action. The Ultimate Web Site Marketing Strategies That You Should Know Most of us know that we need to advertise our products and our services, some of us still believe we are too small to invest in a advertising campaign. Now while a full-fledged marketing effort may be too much for your operation, it is however crucial to your success that you are involved in some kind of marketing activities. Ten Design Mistakes to Avoid Avoid these mistakes and your site will be steps ahead of your competition. 1. Web Design Advice And Information Most of us at times need advice on different aspects of life and the thought of obtaining a website can be quite a daunting task for many people. There are so many people offering cheap web design services, therefore how do you know who to choose and what to look for. Website Woes: Top Five Offenders I see a lot of mistakes, but here are the top five offenders you need to correct to give your site a boost. Bad Title. Flash Design Adds Website Versatility You have probably viewed many Flash-based components while surfing the Internet. Most smooth animation on websites and in banner ads, short films, and presentation are built in Flash. Pages to Include in Your Website What pages need to be included on your website? The answer varies for each type of business and depends on how informative you want your website to be for potential clients. Below is a list of sample pages for you to review while you plan out your website. Using CCS to Eliminate Tables CSS or Cascading Style Sheets has opened up tremendous possibilities for improving web site designs, web page layouts and adding new features. The HTML code can be made shorter, cleaner and simpler by CSS resulting in faster loading of web pages, and making them more accessible to search engines. 7 Ways of Building Customers Trust With Your Web Site When I purchase something from a web site I first check who is behind this site. If there is no contact information or anything about the owner of the site or his/her company I move on. The Testimonial Trick One of the most popular methods of traffic generation is the link exchange. Not only can they generate fairly targeted traffic from other related web sites, the number of quality links to your site is also a major factor determining your web site's ranking in major search engines like Google. 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. Elements of Graphic Design for Your Website We've all seen them. Poorly designed web sites that make you cringe as soon as they load. What Content to Publish on Your Website Many businesses want a simple website where they tell people what their business is about, some information on the products they offer and a means of contacting them.However, content is vital in the growth of your Internet presence. 6 Reason Why Web Templates Are Todays Trend As the Internet blooms at an alarming rate, so as the number of websites out there. Appearance, layout, presentation and loading times are just a few of the main essential characteristics of a successful website. Double Ad-Trackers Its Not as Crazy as It Sounds Here Are 7 Reason Why? A Double Ad Tracker is an Ad-Tracker that points to an AD-Tracker. It may sound a bit like overkill to have an Ad-Tracker Pointing at another Ad-Tracker but it's not crazy. What I Look For In a Website As my occupation is that of a proofreader, one of the first things I look for in a website is quality copy; to me it's important that the textual content is clear and concise with correct spelling and proper punctuation. Many websites I have looked at have sadly failed to follow this basic rule and the build emphasis has been centered on flashy eye-catching graphics, quite often at the expense of the copy. 3 Tips You Can Use Right Now to Improve Your Web Sites Usability Studies done by Jakob Nielson the man touted as the, "King of usability" by Internet Magazine showed that people do not read on the web like they would normally read offline.So what does this mean to you and why should you care?Visitors to your web sites are in a rush, they want the information you promised and they want it NOW. Cheap Web Design If you think it's simply a case of who will do it for the best price, think again.As with many things we buy there are several important factors to take into account. 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.