webdesign articles


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.]


MORE RESOURCES:

Positive Web Design Utilises Brand New Wireframes For Clients
PR Web (press release)
The team at Positive Web Design has announced that they will be creating pre-designed wireframes and templates in order to speed up the development process for new clients. Positive Web Design, a web design and development firm well-known for its ...

and more »


5 Top Trends in Web Design for 2012
Caribbean Media Vision
In the world of web design, what is considered to be up to the minute and trendy can quickly become outdated and old fashioned in just a short amount of time. It is important for anyone with a website to stay up to date with their web designs and make ...

and more »


Positive Web Design Now Able To Build Websites In Variety Of Programmes
PR Web (press release)
Positive Web Design has recently adjusted its design procedures and is now in a position to offer clients websites built in a huge variety of programmes. Positive Web Design, a website design and development company based in Chelmsford, Essex, ...

and more »


In Naples, Web Design Is Most Important
Present tense Magazine
In Naples web design is taken care of. Search top companies that will provide you with cutting edge ideas, formats and styles to revamp your website. Online search engines have become increasingly popular when searching for contractors.

and more »


iD Tech Camps Introduces New Web Design & Photography Class
San Francisco Chronicle (press release)
Summer education leader iD Tech Camps has announced a new class, Intro to Web Design & Photography. Students will learn the principles of web design, graphic arts, and photography in weeklong summer classes with personalized curriculum.

and more »


Virginia Web Design Firm Offers $1000 Small Business Incentive
Daily Markets
Advanced Web, a Virginia web design firm, is offering small businesses $1000 worth of web services for free when they engage in a new contract for web development or for search engine optimization from now until the end of February.

and more »


Different aspects of web design
PRWire
Therefore, utmost care should be taken while you go through the process of web design. Though it's not a big deal to get a nice webpage for your website, getting everything in the righ Your website design must be appealing and also cater to the need of ...
A Long Island Web Design Company Now Ready to Offer ServicesEmpowered News (press release)

all 2 news articles »


Web Design Students' Works Showcased
Patch.com
Web design instructor Robert Iarossi presented web pages created by students during the Board of Education meeting. By Alana Quartuccio Web design instructor Robert Iarossi shows the audience at the Board of Education meeting a webpage on the subject ...



Small Business Web Design Company, Websonalized.com, Launches Beach Volleyball ...
PR Web (press release)
Los Angeles web design company launches a website intended to connect people that want to learn beach volley ball with coaches. The animated colorful web design gives the visitor a sense of excitement. ...I hope that this website becomes something of a ...

and more »


Telegraph.co.uk

Scientists uncover strength of spider web design
Telegraph.co.uk
The second is thinner and stickier and is referred to as “viscid silk”. This type of strand is used to create the spiral threads which are mainly used to trap prey. Scientists uncover strength of spider web design.
A spider web's strength lies in more than its silkEurekAlert (press release)
Spider Web's Strength Is in the Silk and the DesignKansas City infoZine
How to Build a Hardy WebScience AAAS
RedOrbit -BBC News -Azom.com
all 48 news articles »

Google News

home | site map
Webdesign-box © 2006