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.comFor 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.]
|
|
|
Created & Maintained by Empower! CMS Web Sites
Host2Sell Web Hosting | Emarketing Workshops | Site SEO Review | FREE NewsletterWeb Site Design Mistakes
Some wise human once said "Learn from the mistakes of others. There isn't nearly enough time to make them all yourself." Hence this article. Here are five of the most annoying and common web design mistakes.1. Slow download time - Don't be that site that is filled with the coolest gizmos in the world. You know, animation, music and other "cool" things. Why? Because nobody is going to go to it because it takes too long to download. A nice clean site that downloads quickly will get you much further than a site with all the fixings that takes forever to download.2. Unreadable text - If a user has to struggle to read the text on your web site, chances are they won't. Here are some common readability issues:A. Low contrast text and background - Don't u...(related: Web Design)
Online Businesses Still Ignoring Dial-up Market
In this article you will find the parallel between two Internet connections that makes serious actions trough financial market, leading this to great profits or huge losses.The first type of connection that it will be detailed is Dial-up connection.The main advantage of Dial-up is that it is not requiring any additional infrastructure less than the telephonic line. So, wherever there ...(related: Web Design)
The Best Simple Software For The Busy Webmaster
Here are a few programs I can't do without. They're free, and make being a webmaster much easier.CGI-Telnet http://www.rohitab.com/cgiscripts/...(related: Web Design)
Meta Tags ? An Introduction
A long, long time ago? In a galaxy far, far away?meta tags were the key component to search engine rankings. Okay, it was about 2 years ago, but that's a long time in the Internet galaxy. Altho...(related: Web Design)
Usability And Considerate Design
I hate to imagine that in your web development project team meetings, the one thing that will be overlooked is consideration for the end user. Yet, how many white boards have you seen lately that have "ease of use", or "be polite to customers" scribbled anywhere on them? Rather, the discussion hits on revenue generation, business requirements, colored backgrounds and information architecture. All good things, of course, but I'm quite sure you all want somebody to use it too, correct?Where is the Shopping Cart button?A few days after upgrading my cell phone, I decide...(related: Web Design)
Free Online Tools To Design (and Maintain) Your Website
These days, it seems that everyone has a website. Unfortunately, many of these websites are either bland, or sloppily designed by people who don't understand how to use HTML effectively or are intimidated by it. And, the...(related: Web Design)
10 Web Site Design And Writing No-nos
1. Don't load your web site with a lot of high tech clutter. Your visitors may miss your whole sales message.2. Don't use unnecessary words or phrases on you...(related: Web Design)
Are Web Templates Worth It?
First off, I am a designer. Now you're thinking, here's this guy trying to convince me to hire a designer costing a few hundred to a few thousand dollars instead of buying a pre-made web template for about $60. Well, these days most companies don'...(related: Web Design)
Web Design Tips To Boost Your Sales
The way you design your web site affects your visitors' online experience. As each visitor to your site is a potential customer, the easier they find your web site to use and the more they enjoy being on it, the higher the chance that they will make a purchase.Therefore, a well designed web site really CAN boost your sales!In this article I'll share my five favorite web design tips to help you increase your online sales.Tip 1: Choose Your Colors CarefullyThe colors that you use will determine how your web site comes across to your visitors. Dul...(related: Web Design)
Website Design Mishaps - How To Avoid Costly Errors That Can Crush Your Chances Of Success
Designing your website can be a difficult task especially if you decide to do it on your own and you have no experience. There are many websites and web hosts that provide tools to allow you to build your website, but if you have no knowledge of what works and what does not work in web design, you could be setting yourself up for a big fall. Review the following suggestions, implement them into your web design, and forget about being the guy with a badly designed web page.Suggestion #1 - Not Providing InformationOne of the biggest design flaws of many different websites is the lack of information. The best websites have tons of information as well as FAQ sections where you can have the majority o...(related: Web Design)
The Key To Getting More Magic Shows Booked Online
This article is the result of a conversation I had with a magician about his website. He wanted to know if I could build him a nice looking site that had his name and contact information on it. I explained to him the purpose of having a website and what you want visitors to do when they land on your site.
Why Do You Have a Website?The number one reason magicians have websites is ego. They want to be able to say to people, "You can visit my website at www.bite-me-hard.com." When the person visits the website they usually see one of two scenarios:- Brochure Site
- Typical Magician's Site - See Part 2 of this series for an example.
Should You Bother Learning Html To Build Webpages?
The most popular method to build webpages today is to use WYSIWYG (What You See Is What You Get) software. Microsoft FrontPage and Macromedia Dreamweaver are prime examples of WYSIWYG software. Both programs allow you to create webpages as though you were creating a document with your favourite word processing software like Microsoft Word or WordPerfect. Its as simple as entering paragraphs, headings and inserting clipart or images.WYSIWYG software like those listed above are prefect for beginner webpage builders who want webpages constructed quickly without having to learn HTML (Hyper Text Markup Language).All webpages are brought to life using HTML codes, regardless what webpage building software is used. WYSIWYG programs simply create the HTML codes as you construct a webpage (in thebackground, without you knowing...(related: Web Design)
Should You Bother Learning Html To Build Webpages?
The most popular method to build webpages today is to use WYSIWYG (What You See Is What You Get) software. Microsoft FrontPage and Macromedia Dreamweaver are prime examples of WYSIWYG software. Both programs allow you to create webpages as though you were creating a document with your favourite word processing software like Microsoft Word or WordPerfect. Its as simple as entering paragraphs, headings and inserting clipart or images.WYSIWYG software like those listed above are prefect for beginner webpage builders who want webpages constructed quickly without having to learn HTML (Hyper Text Markup Language).All webpages are brought to life using HTML codes, regardless what webpage building software is used. WYSIWYG programs simply create the HTML codes as you construct a webpage (in thebackground, without you knowing...(related: Web Design)
site-map - Copyright © 2006 Empower! Web Design | All Rights Reserved. | Web Design