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.]
Sooner or later every small or medium business owner realizes... Read More
There are often many mistakes encountered when creating a webpage... Read More
Internet Explorer, created by microsoft has been the most popular... Read More
You know... Before purchasing your product a person comes to... Read More
Using CGI scripts to add automation to your web site... Read More
Creating your web site can be a tricky process. Choosing... Read More
Your web site is the key to your success on... Read More
Persons engaged in website design, here's a scoop for you!... Read More
(Making Your Graphics Work For You)It's no secret that a... Read More
Even if you're not an accomplished webmaster you can still... Read More
Does your website make a good first impression? Is the... Read More
Whether you're giving a critical sales presentation to a client,... Read More
Home PageHome page should clearly indicate what the site is... Read More
How many of the visitors to your web site take... Read More
Web site design has certainly, in the past decade, evolved... Read More
Have you seen Jesse James on the... Read More
The time it takes to load your site can make... Read More
A "template" is simply a design format which you can... Read More
Here are 10 dynamic website advertising tactics to super-charge your... Read More
In this article you will find the parallel between two... Read More
Since you'll spend lots of time and money to create... Read More
Studies done by Jakob Nielson the man touted as the,... Read More
The effective design is this one, which is maximum simplified,... Read More
As web designer my self, I have had the unfortunate... Read More
The internet is full of web design companies pleading for... Read More
As web designer my self, I have had the unfortunate... Read More
Let's face it. Building a web site that browses consistently... Read More
Marketing is not an easy skill to acquire.It requires patience... Read More
In this article, I will attempt to cover the basics... Read More
Website Design Usability Tips1. Getting to know about audience membersYou... Read More
Most of us know that we need to advertise our... Read More
What is a Website Template?Many smart and savvy businesses are... Read More
~A man [woman] is a success if he [she] gets... Read More
First you need original content. Content is the heart beat... Read More
Here is a quick list of components that make a... Read More
Probably you know someone who has created a web site... Read More
1. Lack of overall strategy and clear definition of success:Most... Read More
In cascading style sheets you can specify how your web... Read More
Creating a web site takes thought, planning and execution. Unfortunately,... Read More
Web advertising has taken many forms, including those that appear... Read More
A "template" is simply a design format which you can... Read More
What the heck is going on lately? Most internet websites... Read More
Do use a consistent look and feel Your site should... Read More
Every day internet marketers are inundated with the latest fad... Read More
If you have a web site to which people pay... Read More
If you've a website but not making a lot of... Read More
You know... Before purchasing your product a person comes to... Read More
Seeing is believing.One trick to increase your visibility as well... Read More
Want to know what the worst thing to say on... Read More
A client asked me, at what point do you change... Read More
Web Design |