Creating Adobe Photoshop Web Site Layouts

Posted on 2008-01-26
Medium Priority
Last Modified: 2012-05-05
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.
Question by:jwaldon
LVL 70

Expert Comment

by:Jason C. Levine
ID: 20751191
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.

Expert Comment

ID: 20755410
Here is a good start for you:



Its only basic but the basics are there.

Accepted Solution

derrida earned 2000 total points
ID: 20777354
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


Featured Post

Hire Technology Freelancers with Gigs

Work with freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely, and get projects done right.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Adobe Dreamweaver CS5 is a WYSIWYG web page editor that has advanced HTML, CSS, and Javascript rendering functionality and is probably the most well-known HTML editor available. Much of Dreamweaver's appeal centers around the Design View interfac…
In this article, I'll explain how to change the color of a selection in Photoshop. I'm sure there are a couple different ways to do this in photoshop, but this is my preferred method in Photoshop. I am using Photoshop CS6 and I will be adjusting the…
Not only does Prezi allow you to create non-linear presentations, it also makes it easy to apply transition animations between your frames. Learn how to apply a fade-in transition to select items and entire frames in this tutorial Select "Edit Path"…
It’s easy to embed any of your public Prezi presentations on your website or social network to share with others. Learn how simple it is in this tutorial.
Suggested Courses

598 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question