Ok, I have been using css for a while now, but more for controlling content and text. I have never attempted to use strict css for designing.
I'm solid in Photoshop, Dreamweaver, Flash and some other programs. I was kinda hoping there was an easy way to use css incorporated with Dreamweaver for tableless layouts. I haven't found one yet. I know all about using layers, but that doesn't directly deal with using the methods of css (floats etc.). Is there some tool/extension in Dreamweaver that makes it easier to so some of this?
What is the best/easiest way to learn css tableless design? Are there any good resources that can show me how to take my designs from Photoshop, all sliced up, and then use strict css to lay things out?
Please help, I want to learn this, but I'm struggling a bit right now.
Thanks!Originally posted by sawyer1370
What is the best/easiest way to learn css tableless design? <!-- w --><a class="postlink" href="http://www.w3schools.com">www.w3schools.com</a><!-- w --> is a fine online tutorial. <!-- m --><a class="postlink" href="http://www.roderickhoward.com/cssdirectory/">http://www.roderickhoward.com/cssdirectory/</a><!-- m --> also has links to good sites. the best way to go (in my opinion) is to learn the different aspects and properties of CSS and then test on your own, while looking at other sites to see how they implemented the same devices.I switched to tableless layout not too long ago. Unfortunately I don't know of anything to make it easier to use Dreamweaver; in fact I've now stopped using it except as a pretty text editor.
I think one of the first things you should probably learn is column layout. Once you get the hang of that it shouldn't be too hard to get the rest.
3-column layout tutorials are quite easy to find, you can find some here or on google... can't really remember what's a good one though.
You can also try the tutorials on w3schools: <!-- m --><a class="postlink" href="http://www.w3schools.com/css/default.aspMake">http://www.w3schools.com/css/default.aspMake</a><!-- m --> sure you do a little hacking (<!-- m --><a class="postlink" href="http://www.alistapart.com/articles/dreamweaver/">http://www.alistapart.com/articles/dreamweaver/</a><!-- m -->)Another thing I thought of - <!-- m --><a class="postlink" href="http://www.csszengarden.com/">http://www.csszengarden.com/</a><!-- m -->
This isn't a tutorial but you can learn from the way other people work. It's a basic XHTML page and graphic designers are invited to modify the CSS to come up with a different look. So you can look at all the different ways people have modified CSS code to achieve a different layout.Originally posted by Pingu
Unfortunately I don't know of anything to make it easier to use Dreamweaver; in fact I've now stopped using it except as a pretty text editor.USE <!-- m --><a class="postlink" href="http://www.ornj.net/software/araneae/">http://www.ornj.net/software/araneae/</a><!-- m -->
I'm solid in Photoshop, Dreamweaver, Flash and some other programs. I was kinda hoping there was an easy way to use css incorporated with Dreamweaver for tableless layouts. I haven't found one yet. I know all about using layers, but that doesn't directly deal with using the methods of css (floats etc.). Is there some tool/extension in Dreamweaver that makes it easier to so some of this?
What is the best/easiest way to learn css tableless design? Are there any good resources that can show me how to take my designs from Photoshop, all sliced up, and then use strict css to lay things out?
Please help, I want to learn this, but I'm struggling a bit right now.
Thanks!Originally posted by sawyer1370
What is the best/easiest way to learn css tableless design? <!-- w --><a class="postlink" href="http://www.w3schools.com">www.w3schools.com</a><!-- w --> is a fine online tutorial. <!-- m --><a class="postlink" href="http://www.roderickhoward.com/cssdirectory/">http://www.roderickhoward.com/cssdirectory/</a><!-- m --> also has links to good sites. the best way to go (in my opinion) is to learn the different aspects and properties of CSS and then test on your own, while looking at other sites to see how they implemented the same devices.I switched to tableless layout not too long ago. Unfortunately I don't know of anything to make it easier to use Dreamweaver; in fact I've now stopped using it except as a pretty text editor.
I think one of the first things you should probably learn is column layout. Once you get the hang of that it shouldn't be too hard to get the rest.
3-column layout tutorials are quite easy to find, you can find some here or on google... can't really remember what's a good one though.
You can also try the tutorials on w3schools: <!-- m --><a class="postlink" href="http://www.w3schools.com/css/default.aspMake">http://www.w3schools.com/css/default.aspMake</a><!-- m --> sure you do a little hacking (<!-- m --><a class="postlink" href="http://www.alistapart.com/articles/dreamweaver/">http://www.alistapart.com/articles/dreamweaver/</a><!-- m -->)Another thing I thought of - <!-- m --><a class="postlink" href="http://www.csszengarden.com/">http://www.csszengarden.com/</a><!-- m -->
This isn't a tutorial but you can learn from the way other people work. It's a basic XHTML page and graphic designers are invited to modify the CSS to come up with a different look. So you can look at all the different ways people have modified CSS code to achieve a different layout.Originally posted by Pingu
Unfortunately I don't know of anything to make it easier to use Dreamweaver; in fact I've now stopped using it except as a pretty text editor.USE <!-- m --><a class="postlink" href="http://www.ornj.net/software/araneae/">http://www.ornj.net/software/araneae/</a><!-- m -->