Hi Pro, I am newbie in web-design and usually i buy a template and just use it. Currently i hope to explore more about web-designing. I hope to design my own css template in the future. Can anyone share your valuable experience to me how to design a CSS web template? What is the important step? Any tools require? I would appreciate if anyone can give me advise. Thank you in advance.
You can design css based website by Dreamveawer but before that you should learn how to use this great tool. Also search in google for more, there are thousand of tutorials.
If you're serious about web design, disregard the last comment and get yourself a good text editor so you can actually learn how the code works and avoid sloppy code. Then start with reading up about XHTML and CSS.
Theres no one important step, theres actually a lot to learn with CSS. If you're willing, you want to start with http://www.w3schools.com/css/default.asp and http://www.w3schools.com/xhtml/default.asp and http://www.w3schools.com/xhtml/xhtml_dtd.asp And try and understand the differences between the popular browsers, like IE, firefox, opera, chrome, safari. Also read as much as you can at sites like: http://www.noupe.com/category/css http://css-tricks.com/ http://www.cssnewbie.com/ http://cssdog.com/ Theres many more but that should keep you busy.
try the video tutorial of in lynda.com.... they have a very wide selection of great video like xhtml/css..
I would recommend 'learning by example' Dreamweaver is a great tool. You should start off by using 'split view' so that you can see any changes you make in the code or design on the fly. Here is one tutorial that you might want to look into trying: http://net.tutsplus.com/tutorials/html-css-techniques/design-a-beautiful-website-from-scratch/ Adobe TV has great tutorial videos some of which you might find useful: http://tv.adobe.com Hope this helps, Kocur
I totally agree with this. Dreamweaver is amazing for beginners and advanced designers. When you're typing in code view, you can double click and see a list of CSS options that you can look through and figure out what they mean. Then use them in split view to see what they all do. Another helpful tip that I always do when I need to learn how to do something new is, looking at the stylesheet of a website. I always use that resource because I learn new ways of organization and of doing various things. Good luck!
Key to design a website is planning, First layout the planning in photoshop/fireworks/illustrator/corel (whatever you feel comfortable to use with) Then go to splicing the image to fit the layout of the page finally screwing your head with css code.
get a good book to learn the basics, then check out the code of your favorite websites to see how they did it you should use the firebug extension to examine the website structure. and just build as many websites as you can
Try www.w3school.com, they have some really good tutorial there. Andy Clarke's new book is worth a look.
Yes, w3schools is good on start and I think www.alistapart.com and www.cssplay.co.uk is better for advanced users