I’m trying in particular to figure out where to start. Do I start by writing content, and then adding CSS codes? Or, do I figure out the CSS coding, and fill in the content later? My design skills are in HTML and tweaking free DHTML and JavaScript codes off of the internet. If you have a strategy that works for you in approaching CSS-based web design, I’d find that particularly helpful. Thank you. :)
5 Comments to “I’m teaching myself CSS. What is the best way to approach designing in CSS?”
No related posts.
Filed under CSS HTML Design HELP
I would start with a very simple html page, and then add the CSS, watching how it changes the text and layout of the page as you change things. You should also check out w3schools.com for their CSS tutorial.
Thanks for the tip Jen.
Try this really helpful tutorial on CSS:
http://www.w3schools.com/css
:-)
There are tons of free “CSS Templates” to help you get acquainted with CSS. I suggest grabbing one of these templates and try putting in content to see how things “float”. You can find some resources here:
http://www.stylegala.com/resources/css_layout.htm
http://glish.com/css/
Once you are familiar with layouts then move on to CSS navigation and other fun topics. When I first started learning CSS I used this site alot:
http://css.maxdesign.com.au/index.htm
This is the way I best learn, if you best learn from books there are some really neat books out there, here are a couple I enjoyed:
http://www.amazon.com/gp/product/0321303474/
http://www.amazon.com/gp/product/1590593812/
http://www.amazon.com/gp/product/0321346939/
http://www.amazon.com/gp/product/1590596145/
Once you learn about CSS you will then be able to “mentally” structure a website before trying to create one. Usually you will be dividing your website up into sections with “
Create some graphics and some content to throw in there and you are good to go. Hope you enjoy… CSS may take a little bit to learn but it’s worth it.
I learn it from a book. One helpful one is “Cascading Style Sheets, The Definitive Guide” by Eric Meyer. Then whenever you see a cool page, just download their CSS file, and take a look how they did it.