Hall Templates


Website Templates


Today's Deals



Newsletter
Subscribe to our newsletter and get all of the latest tips and tricks sent directly to your email!

E-mail

RSS Feed
Get the most recent posts sent to you directly by subscribing to our RSS feeds!

Sep
4

How do you use PSD templates as web sites?

Programming & Design

  
web templates
The Shadow asked:

I’ve used HTML templates before but although i can edit PSD templates easily using i don’t know what to do with them then! How do you convert them into a web page?
Sphere: Related Content



Tags: , , ,


Top Recommended Ebooks

  1. junglejungle Says:

    will help. it will seperate guides/rulers into seperate images..

    also can deal with layers ..

    basically you need to flatten the layers in a webpage..

  2. clievers Says:

    Well, technically you can splice the psd file and then Save as Web Page. But, this is bad because it just uses html tables, instead of div tags.

    The way to do it would be to just splice the sections that need to be saved as images, then code the rest by hand in html using div tags. You would assign background colors that match the psd file. The less images the faster it will load. Then use images for the rest.

  3. Ruslan _ Says:

    They can help you.

  4. Daniel R Says:

    You don’t. The PSD is just a mockup of what the page will look like. You will have to painstakingly recreate the page in HTML. There are some tools to make this easier, but you can’t simply convert PSD into a template for a web page.

    (Using Photoshop’s Save as HTML, as one poster recommended, would create a page using the data in that file only - you still wouldn’t be able to use it as a template for other text or pictures.)

Add A Comment

Related Posts: