Creating Adobe Photoshop Web Site Layouts

I know a lot of people use Photoshop to create layouts for websites. My question is this...

I'm trying to find the best approach for doing this from start to finish. I'm using Photoshop CS3 for the layout and then will be using Dreamweaver once exported to HTML. Whether it be a online guide or step by step via Experts Exchange, I'm just trying to find the best solution for creating professional sites via Photoshop.
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Jason C. LevineNo oneCommented:
Hi jwaldon,

First, start with the Adobe DevNet to read some articles about Photoshop to DWintegration.

I will need to do some more digging to find a good step-by-step tutorial but I know there are some out there.
Here is a good start for you:

Its only basic but the basics are there.
first of all let me tell you not to relay on the html code that photoshop is writing.
design in photoshop (or fireworks) and then re-build it in dreamweaver with css (and html.:)
so i always work on the desin and then export only silces-images, and then insert them in my css layouts according to the initial design.

if you asked about prototyping a site before going to DW then i prefer fireworks over photoshop. even if photoshop has the "layers comp" in foreworks cs3 you have the "pages" panel, which makes it really easy to prototyping a whole site.

a while ago i found a video-podcast (it is for begginers) and it really take you step by step but with fireworks. but just do the same with photoshop.
it is called: spartandesign Web Design.

try it.

hope it helped


Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Adobe Creative Suite CS

From novice to tech pro — start learning today.