Need basic instructions, please... 2

[graphicgirl]

I have Photoshop 7 and Dreamweaver 4 - I have built a couple of sites in Dreamweaver, but I would like to get creative with my sites, and Photoshop seems to be the answer - I've also noticed that alot of "Templates" are made in Photoshop and then imported into Dreamweaver and content added - I've tried this, but I'm not sure how to export the Photoshop page as HTML?? It isn't in the "Save As" so I'm lost - I've tried going into Image Ready and using "Saved Optimized As" But when I try to place it in Dreamweaver I end up with the pic + the code underneath- can someone give me step by step instructions on how to do this - or refer me to some sort of basic tutorial on this?
Thanks

 

[jimoblak]

Code underneath? How are you placing this in DW?

Photoshop is not really intended to build anything more than a single web page (if that much) or an interface/template. Stay focused on Dreamweaver for actual page creation and management. Photoshop is good for roughing out layouts but your main work will be done in DW.

To create Photoshop templates, you need to slice your Photoshop image and then export with ImageReady. The slices can leave boxes open for text to be added in DW. If you are just developing smaller component graphics, choose File>Save for Web...

There is a chapter on all of this in the Photoshop manual. Even though the manual does not have tutorials, it gives an excellent overview of the HTML export capabilities.

- - picklefish - -

 

[Pixelchik]

Hi GraphicGirl,
Jimoblak is right. I personally use Photoshop/ImageReady to create graphic elements, web compression and then bring them into Dreamweaver. Particularly rollovers, imagemaps, animated GIFs, graphic objects to be used in Flash animations etc. Photoshop will supply you with the HTML and Javascript needed to help place these images into an HTML page or to paste that code into your DW document. Stick with DW for the hard core layout of your webpages.

 

[graphicgirl]

Thanks Guys! It seems I need to do some reading in my manual - I think where I got confused was when I was looking at some "Pre-made" Templates that was made in Photoshop... and wanted to think of them as the same type of "Templates" made in DW. I do think I need to learn more about Image Ready though, I've not given it much thought until now.

Thanks for the guidance!

 

[Jiggerman]

Hey folks,

I would have thought that the best way to get your design down and sorted is to stay as far away from your computer as possible, and get back to basics with a pad of A4 paper, a pencil and a sharpener. If you get all the design work done outside Dreamweaver your work will (I have found) be better. Since you aren't sitting at your computer you are thinking what would look Cool, not what can I do. From there find way's to do it in DW.

I suppose this just a general tip, nothing too relevant to your problem!

ahh well

 

[Pixelchik]

Hi Jiggerman,
I often do exactly that. Sometimes I sketch it out on paper, or more often I will put a rough layout together using Illustrator or Coreldraw or even photoshop. Then I begin to design the final graphic elements that I will then dump into Dreamweaver or Cold Fusion, since I use both applications.