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
[You may reprint this article provided it is not changed in any way, and my author information stays intact including the links.]
Airbnb cleaning service Arlington Heights ..1. Use .gifs rather than .jpgs. GIFs are smaller in... Read More
This is the second part of a two-part article about... Read More
If you've a website but not making a lot of... Read More
Web usability is perhaps the most important factor in any... Read More
Novice and professional graphic designers, we are aware that you... Read More
With an increasing number of employment portals emerging, it is... Read More
Ever wonder how HTML color codes are put together? For... Read More
We would all like to have the best looking website,... Read More
If you are going to be placing ads on your... Read More
Even if you're not an accomplished webmaster you can still... Read More
So, what's in a website design anyway? And, how do... Read More
Navigation must be simple. Since it's the backbone of your... Read More
Typos, misspellings, hideous grammar, exclamation overkill and run-on sentences all... Read More
Have you ever thought about the real stories behind all... Read More
When designing your website, remember to avoid useless and confusing... Read More
There are two camps when it comes to flash web... Read More
QUESTION: My business is very small, just me and... Read More
First you need original content. Content is the heart beat... Read More
For many webmasters the title of my article may seem... Read More
We've all seen them. Poorly designed web sites that make... Read More
Every day internet marketers are inundated with the latest fad... Read More
Do you want to use unsafe web colors without offending... Read More
No matter what product or service you're promoting, unless you... Read More
We've all surfed the web and seen some awful web... Read More
Customers will form an opinion of your business as soon... Read More
reliable maid service Winnetka ..If you have a website, you want your visitors to... Read More
We can't emphasize enough the importance of including keyword-rich content... Read More
There are literally thousands of different options, styles and formats... Read More
If you need a web designer, but have no clue... Read More
The problem with designing your site as a graphic, is... Read More
1. Size does not equate to competencePeople sometimes assume a... Read More
Flash is a powerful technology that can help you create... Read More
If you are reading this, I assume you either have... Read More
A search engine robot actually reads the wording on your... Read More
Square buttons, round buttons, flashy buttons ? will they match... Read More
Questions to ask when designing a Web Site for your... Read More
In this article, I will attempt to cover the basics... Read More
A picture is worth a thousand words.And it still is... Read More
ASP.NET is a new programming framework from Microsoft for developing... Read More
Are you thinking that it is about time your small... Read More
I can't figure out people who have products or information... Read More
You may not believe it, but people still judge things... Read More
When you develop a sales brochure, you have a mental... Read More
Making a poorly designed website is one of the easiest... Read More
We will take a look at why your visitors may... Read More
The Internet has seen an explosion in so called 'lance'... Read More
The best things don't come easy. - QuotedThe finished web... Read More
If your are a new web designer, you may face... Read More
If one more business owner tells me their website sucks... Read More
Creating your own website is great fun! But how is... Read More
Web Design |