| | |||||
| ||||||||
| Web Design Discussion Discussion of web design techniques, advice, browser issues, software, design firms. |
![]() |
| | LinkBack | Thread Tools |
| | THREAD STARTER #1 (permalink) |
| New Member Join Date: Feb 2004 Location: Australia
Posts: 10
![]() | PhotoShop to Dreamweaver Hey all, I've designed a site in Photoshop and am now ready to put it into dreamweaver. Is it best to slice it up and then save it and just open that file in Dreamweaver or is it better to cut it myself and insert the images individually into dreamweaver? Thing is I've had a few problems when doing it individually. Gaps appear and I don't know why. Any help will be appreciated. Thanks all. |
| |
| | #4 (permalink) |
| NamePros Regular Join Date: Dec 2003 Location: Australia
Posts: 811
![]() ![]() | i usually slice the image in photoshop and then export to html+images and do the rest in dreamweaver but it can sometimes be a bitch, e.g a small mistake in the table holding the images in place might screw up the layout(Luckily we have Ctrl+Z ) |
| |
| | #5 (permalink) |
| New Member Join Date: Aug 2003
Posts: 15
![]() | You can always make sure that your slices are done pretty tightly with the design so that there won't be any spacer images to mess up the table in Dreamweaver, and then export them as the HTML file with the sliced images. Open up the HTML that Photoshop created, take the entire table out (starting with <TABLE> ending with </TABLE>) and insert it into the Dreamweaver document. That's the easiest way I've come up to do it. Of course, you have to manually do any rollover images in Dreamweaver, but it's faster than inserting each image into a cell manually. ????: NamePros.com http://www.namepros.com/web-design-discussion/30100-photoshop-to-dreamweaver.html To make the rollovers faster to integrate into Dreamweaver, save the images with slices one way, then in the same document, apply the rollover effects and save it again. Change the filenames for the slices that are different, then save it with the same file name. It will prompt you to overwrite some files, but these are slices you didn't touch so they will be the same. Hope this helped for ya!
__________________ Pride is an abomination. You must forgoe the self to attain total spiritual creaminess, and avoid the chewy chunks of degredation. |
| |
| | #6 (permalink) |
| Account Suspended Join Date: May 2004 Location: usa
Posts: 103
![]() | Fire up imageready (it came with your copy of photoshop). Open help and type slice. Then follow the instructions and it will make the page for you. Then you can place all the layers you want over it with DW. Thought about load time yet? ...you will.
Last edited by pinkfluffybunny; 05-13-2004 at 03:20 PM.
|
| |
| | #7 (permalink) |
| Account Suspended Join Date: Apr 2004 Location: Connecticut
Posts: 586
![]() ![]() ![]() ![]() | I do it a different way... When I'm done with the template, I select the "Rectangular Marquee Tool". Select parts of the template as if I was slicing the template then I went to Edit >> Cut Opened a new doc. and pasted the image then I saved it. Do that for all the images then open up DW and make tables to insert the images. heh |
| |
| | #9 (permalink) | ||||
| NamePros Expert Join Date: Dec 2003 Location: NYC
Posts: 9,134
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() |
| ||||
| |