PSD template.

How to convert to Dreamweaver?

[butterfingers]

Hi all,

I downloaded a .psd template on the internet, which fully designed as a website.

My questions, how do I convert that to Dreamweaver? Stupid question isn't it?

I know the answer is using 'slice'.

But how do I separate the graphic, text, logo etc?

Thanks in advance.

(P/S: I tried to Googled it out, but no good information instead of getting Adsense type sites or buy template site)

[moltar]

I've never actually done it, but I suspect you can do it the following way:

• Slice your image the way you want it in PS
  
• Save for web (with HTML)
  
• Open HTML in DW
  
• Delete unnecessary parts (margins, place holding images, etc...)
  
• Replace graphic text with ASCII text where needed
  

[Bimperial]

A word of caution where:
Delete unnecessary parts (margins, place holding images, etc...) is concerned. Let us say you have a layout that displays a header/logo up top, a navigation panel to left under that and to the right of the navigation you have your content/text area, followed by a footer below those. If you delete the graphic piece where you want your text content to go, will your text content exceed the area the graphic used? If so you'll end up with the navigation graphics with gaps. While there is no cut and dried, easy way to address this, a good place to start would be the site you purchased the .psd template from. Sites that sell templates make it sound easy but in reality, if you're not a designer it can be more work (time) than it's worth if you're not. I'm not in the habit of doing this, but if I could see the template it might be a relatively easy fix provided the layout is a simple one. Maybe post it to a temp url somewhere?

And no.....I don't need the template :-) I do ok on my own ...

<Sorry, no personal URLs.
See Terms of Service [webmasterworld.com]>

[edited by: tedster at 4:49 pm (utc) on May 23, 2005]

[sugar2]

Im doing the same deal with a downloaded web, template...

and im editing it with photoshop
and i learned that the most important thing about exporting to html is the TABLE.

i noticed that the sample html provided by te downloaded template have nested html tables that are easily edited with dreamweaver, but O sorprise! photoshop exports html with image spacers instead of nested tables and we have to do is add slices of html TYPE in order to get html editable regions, but at thins moment i dont know an automated way to do a clean html export from photoshop.