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.]
affordable house cleaning Park Ridge ..If you own a web site or if you are... Read More
1. Loading time:try to be below 20kbless number of imagesspecify... Read More
It's a fact, Page Not Found, known as a 404... Read More
Does your website make a good first impression? Is the... Read More
Many web site designers don't design their sites for the... Read More
The first immutable law of effective navigation: It's gotta be... Read More
Part one of this article is available at ... Read More
In cascading style sheets you can specify how your web... Read More
These days, it seems that everyone has a website. Unfortunately,... Read More
There can be zillions of reasons why your visitors return... Read More
Why is the quality of your text layout and design... Read More
10 Ways Web Site Text Can Impact Your Reader's Buying... Read More
Making a successful online business can be a long and... Read More
A highly effective website will always reflect its highly effective... Read More
What is the relationship between Marketing and Web designing? How... Read More
Novice and professional graphic designers, we are aware that you... Read More
Your website is your tool for showing the online community... Read More
The Questions You Should Be Asking ? The Answers You... Read More
It seems more and more webmasters are using CSS for... Read More
How many times have you clicked on a website only... Read More
Squeeze pages are a very hot topic in the internet... Read More
Clutter: Too much noise, too much text, and too little... Read More
ASP.NET is a new programming framework from Microsoft for developing... Read More
Flash is a powerful technology that can help you create... Read More
As of September, Smartads went through what so many have... Read More
affordable house cleaning Mundelein ..When you design a website how do you start ?Do... Read More
It seems more and more webmasters are using CSS for... Read More
Design sells. It's something that all of us know, but... Read More
Do know your audienceIt's important to know your audience. If... Read More
The trend today to overuse animation in a website's opening... Read More
Are you in a dilemma whether to create a mini... Read More
There are several very good reasons why you should consider... Read More
The effective design is this one, which is maximum simplified,... Read More
ActiveX uses an interesting method for enforcing security ... it... Read More
Designing your own successful web page can seem difficult and... Read More
It's been said again and again, when it comes to... Read More
A "404 Error" happens when the web server you are... Read More
Colors are powerful, and create strong feelings. They can also... Read More
I've written about META tags in the past, and I... Read More
These days, it seems that everyone has a website. Unfortunately,... Read More
Just what is web copy? Some people think that web... Read More
Questions to ask when designing a Web Site for your... Read More
(Making Your Graphics Work For You)It's no secret that a... Read More
I can't figure out people who have products or information... Read More
What dollar amount does your web site contribute to this... Read More
The internet is filled with sites and they are good... Read More
In this article, I will attempt to cover the basics... Read More
This article gives free tips on how to find a... Read More
Chris, a new consulting client, asked me to help him... Read More
The problem with designing your site as a graphic, is... Read More
Web Design |