How do they do it?

[Sohail]

I have been wondering for quite a while now... I have seen web templates given out as PSDs, but how do people convert it to actual web templates. And do the developers make the actual template in Photoshop or what?? How does it work?

 

[kajasweb]

I don't know much about it. But, PhotoShop images can be sliced to get HTML Output.

 

[Sohail]

That would make sense thanks .
Edit:
Do you do this by using the slice tool in Dreamweaver? Or was i thinking of a different application?

 

[sunils]

Hi,

Design the template in photoshop,
Save it and open the same template in Image Ready.
There use the slice tool to slice the parts.
Then use save optimized. Select HTML .
There its ready.
Today only learnt about it. Was designing entirely in dreamweaver.
For more query use google.

 

[hatbocs]

Personally, I don't use the slice tool to output the html. It's great for learning but using tables to build web pages is generally frowned upon, now.

What I do is skip the output html part and just build the page with css after slicing up the template.

 

[masshuu]

using tables to build web pages is generally frowned upon, now.

what do you use then .-.

and for the most part, my site was made by a friend(his name is at the bottom) and was basicly an image. I just opend paint and cut parts out.

why people spend hundreds of dollers to buy and lern how to use bulkey, overrated, slow programs, that can make lots of usless code is beyond me.

 

[port5900]

You have to use CSS, as hatbocs said....when you shoot a site out from PS theres a lot of unnecessary code. Learn how to lay your pages out with CSS. *Hint some one need to write a good tutorial on that* CSS web sites load much faster then one built with tables.

 

[Calipe]

XHTML and CSS is all you need. You design the template in Photoshop and then slice it. Code the website like you would normally do it, and specify each image to the desired <div>. Easy as 1, 2, 3....

 

[eZakto]

never use the html output of photoshop/imageready !

 

[Sohail]

Thanks, if there someone could find a tutorial for this then that would be great .

 

[FalseHope]

Nice information, now I need to go get PhotoShop, so it'll be easier

 

[Calipe]

Here is a basic tutorial on the basics. Hope you get some understanding from it.

Link: http://www.celoxdesign.net/free-css-tutorials/slice-and-code-a-layout-43/page/1

 

[Sohail]

Thanks Calipe, that was really helpful. By the way i tried to give you rep but it says i have to sread the rep before giving it to you again... xD

 

[Calipe]

Thanks Calipe, that was really helpful. By the way i tried to give you rep but it says i have to sread the rep before giving it to you again... xD

Thanks anyways, I try to help whenever I can. If you have any questions just ask me.

 

[sunils]

need to go throught the tutorial much.