Tables in HTML can get messy and make your site “heavy” with code. Though CSS can be tricky at times, in the end you will have a slick looking “lightweight” site. CSS should be learned alongside learning HTML. The following CSS Tutorials should provide an excellent start.
What can be accomplished via CSS? Head over to CSS Zen Garden to catch a vision of what you can do. On this site you can see the power of CSS in action.
Having caught the vision of CSS, put it into practice. The first place to start is CSS Tutorial, yet another site in the Killersites family. CSS Tutorial introduces beginners to CSS in three simple lessons.
After those simple lessons move on to CSS Max Design to learn more about defining a website layout with CSS. Click on the Floatutorial section. Lessons eight and nine are web site layout tutorials. Practice building both a two column and three column layout. Try using the same content for each layout – this is where the power of CSS comes in. CSS can take any content, and then present it anyway you want. Go back to the CSS Zen Garden site to see how this works.
Once you have a three column layout, take it to the next level. Design it so that the content of your page comes first, and everything else comes last. Position Is Everything has a tutorial just for that task. Following their design, all columns will end up being the same length no matter the size of the content inside them, and it will translate well to all browsers.
For advanced CSS users, West Civ is the place to go. They offer a wide selection of free tutorials. You may also purchase some more heavy duty courses that go more in depth. Their prices are reasonable when compared to purchasing a computer book from a local retailer.
The following sites are all the tutorials needed to learn how to build web sites using HTML and CSS. For easy reference, those sites are the following:
How-To-Build-Websites
Killersites
Secret Sites
W3Schools
CSS Zen Garden
CSS Tutorial
CSS Max Design
Position Is Everything
West Civ
