Using Photoshop and Dreamweaver together for web design

V
Posted By
Viddy
Aug 17, 2007
Views
332
Replies
1
Status
Closed
This may sound rather novice, but since I’m just starting out in the web design field, I need to ask. I have both Photoshop and Dreamweaver and I’m a litle confused as to the best way to use them together for web design. In a nutshell, I’m not sure how much design to do in Photoshop before handing off to Dreamweaver to finish the work. If I work on a graphic template in Photoshop (psd) then save it for the web, it translates it into HTML format – fine. But if I then load it in Dreamweaver for other content work, (ie; text, buttons, etc.) then save it as my index.html file, I can’t exactly go back into Photoshop for any additional graphic changes to the original psd file because I can’t resave it into the dreamweaver files I’ve already been modifying.
The only thing I’ve been able to come up with is saving the whole graphic template in Photoshop as a Jpeg so it can load into dreamweaver as a simple graphic rather than the sliced up html files.
Hopefully the above paragraph doesn’t sound as confused as I am. Basically, how do the two programs work hand in hand when modifying files back and forth?? Help!!!

How to Improve Photoshop Performance

Learn how to optimize Photoshop for maximum speed, troubleshoot common issues, and keep your projects organized so that you can work faster than ever before!

EH
Ed_Hannigan
Aug 17, 2007
What I do is just make all the graphic elements in Photoshop, Save for Web ONLY the images. Then I do do the page itself in the HTML editor, in my case usually GoLive, but same principle applies to DW. Of course, there are other ways to approach this.

For sliced imagess you could just Copy and Paste the HTML code into the DW HTML. There’s probably a better way, but that’s what I would do. I hardly ever use images large enough to slice.

MacBook Pro 16” Mockups 🔥

– in 4 materials (clay versions included)

– 12 scenes

– 48 MacBook Pro 16″ mockups

– 6000 x 4500 px

Related Discussion Topics

Nice and short text about related topics in discussion sections