GIDForums  

Go Back   GIDForums > Webmaster Forums > Graphics Forum
User Name
Password
Register FAQ Members List Calendar Search Today's Posts Mark Forums Read

 
 
Thread Tools Search this Thread Rate Thread
  #1  
Old 08-Feb-2006, 08:59
shantz shantz is offline
New Member
 
Join Date: Feb 2006
Posts: 5
shantz is an unknown quantity at this point

Web templates in Photoshop


I need help with templated in photoshop. I understand the basics of slicing an image of a webpage that you made, but what I dont get is the html part of it actually. Slicing produces tables and thats not very handy. How do you make web templates in Photoshop?
  #2  
Old 08-Feb-2006, 22:03
crystalattice's Avatar
crystalattice crystalattice is offline
Aspiring author
 
Join Date: Apr 2004
Location: Japan (again)
Posts: 1,628
crystalattice is just really nicecrystalattice is just really nicecrystalattice is just really nicecrystalattice is just really nicecrystalattice is just really nice

Re: Web templates in Photoshop


Simplest way is to just paste the image into a web page and then write your code on top of it, e.g. use it as a background image.

As long as you know the locations of "landmarks" of your image, you can put your HTML in the right location. If that doesn't make sense, let me know.
__________________
Start Programming with Python-A beginner's guide to programming and the Python language.
-------------
Common Sense v2.0-Striving to make the world a little bit smarter.
  #3  
Old 27-Mar-2006, 06:46
procurenet1 procurenet1 is offline
Awaiting Email Confirmation
 
Join Date: Mar 2006
Location: London, UK
Posts: 8
procurenet1 is on a distinguished road

Re: Web templates in Photoshop


By web templates, I assume you mean slicing an image for use on the web?

This is done in Adobe Image ready...

To slice an image do the following:

1. Open the image in photoshop.

2. Click at the bottom of the toolbar to jump to image ready. (At the bottom of the toolbar where there is an icon with two pages and an arrow going from one page to the other.)

3. Once image ready has opened select the slice tool and slice the image as required.

4. Select File >> Save optemized as..

5. Make sure image and HTML is selected in the 'save as type' field.

6. Choose a name for your page and hit save.

VIOLA

1 x web template
 
 

Recent GIDBlogProblems with the Navy (Chiefs) by crystalattice

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
Photoshop Tutorial: Make An Inspirational/Mystical Picture ToddSAFM Graphics Forum 9 09-Aug-2005 21:32
free templates dopee Web Design Forum 5 01-Mar-2005 02:57
2 flash website templates for sale metamorph Member Announcements, Advertisements & Offers 0 06-Dec-2004 21:11

Network Sites: GIDNetwork · GIDWebHosts · GIDSearch · Learning Journal by J de Silva, The

All times are GMT -6. The time now is 16:58.


vBulletin, Copyright © 2000 - 2009, Jelsoft Enterprises Ltd.