I know of two good ways of doing this
1. slice the design with the slice tool. And save for the web it will allow you to export the optimized slices.
2. This is a bit more complex and I am not certain it will actually be a good way as the above suggestion as you might be able to access the elements the way you want but here it goes:
a. after you re complete with you design open it in Photoshop as a smart object. or export the export the ai file as psd perserving layers etc.
b. save the file as a psd
c. import the psd file as a smart object in
Oh no, please don't! Forget PS and AI for web design. At best, design the graphical look, but don't bother doing anything more than slicing it up for background and other images that you then assemble in tables or DIVs in DW. Also don't define text, form fields, links etc.., do all that the proper way in DW. simply put, anything you do in PS or AI will not comply with latest web standards, which is bad for search engines and generalyl your users, plus it will end up in a mess where even simple changes to text would require re-exporting everything because somewhere something has shifted.
I agree with Mylenuim,
stick to Dreamweaver for your layout!
If your just getting started with css there are some really good video tutorials with Greg Rewis on Adobe TV.
Yes I agree doing this in DW is a good way to go however creating the art is good to do in Illustrator and Photoshop and using smart objects takes care of all the rest that needs to be done by DW which will convert them to web standard files. On out put or when going live.
They say that since they know illustrator is often used for the design of sites that they have enhanced Illustrators abilities in this area though i am not certain it seems like they have done anything at all in this area. But they have done a lot of work behind the scene and I did have an opportunity of trying CS 5 on a very unstable system running some very funky software and it was solid. 64 bit might have something to do with this.
So perhaps we will hear more from Adobe abut this I did get to see DW but did not check out any new relationship and won't be able to until shortly after the release date when I get my copy. I intend to upgrade no matter what this is the first 64 bit version and i bet DW works really great on such an environment, I bet Flash works better as well.
No matter what improvements Dreamweaver rules when it come to the web if you are doing anything other than just a gallery.
Wade, Mylenium, and Nick --
Thanks for your responses. All good advice. I plan to use a combination of Illustrator, Photoshop, and Dreamweaver. Although not knowing Dreamweaver has hugely slowed my time table to get this job done.
I did the Dreamweaver CS4 tutorial at http://www.thesitewizard.com/gettingstarted/dreamweaver-cs4-tutorial-1.shtml, which was a good start, but wasn't able to get Chapter 8 (adding a feedback form) to work properly. The tutorial that Nick mentioned looks interesting and sounds like it will be a good way to build on what I learned from the other tutorial.
For your feed back form to work correctly, it is best to ask that question in the dreamweaver forum as it requires the use of either email or a script that can be of several different flavors of programming languages. With the later being more secure.
Here are some sites for learning web design...
http://www.w3.org/MarkUp/html-spec/html-spec_toc.html < - - - The Official source
http://msdn.microsoft.com/en-us/library/aa286532.aspx Microsoft’s info
Thanks, everyone, for your suggestions, and for the extensive list of helpful web sites provided by silkrooster. I am slowly learning more.
So am I and I've been in web layout and design since 1995 ( PageMill ). This is great! I'm going to check out the links to the video CSS stuff, because the learning never stops. I agree with Millenium. I like to layout in Illustrator, but go to Dream with the actual construction.