|
|
|
|
Thread title: Created a website design in Photoshop... |
|
|
|
|
|
Thread tools
Search this thread
Display Modes
|
|
06-15-2007, 07:26 PM
|
#1
|
Status: Junior Member
Join date: Jan 2007
Location:
Expertise:
Software:
Posts: 27
|
Created a website design in Photoshop...
Hi All
Quite new to web designing in respect of designing my own templates etc. So a bit unsure which way to go about it.
I have created a pretty professional looking template in Photoshop, how can I convert this so i can use it for example in Dreamweaver or in other web designing programs?
Thanks in advance for your help.
Jon
|
|
06-15-2007, 08:03 PM
|
#2
|
Status: Junior Member
Join date: Jun 2007
Location:
Expertise:
Software:
Posts: 50
|
Are you gonna use the template for some sort of CMS?
As far as I know, I've never done it this way, but I'd imagine you have to cut the template up into several images, and then make a series of tables in dreamweaver, and then assign each table the correct background image, so it all makes sense.
|
|
06-15-2007, 08:26 PM
|
#3
|
Status: Junior Member
Join date: Nov 2006
Location: Pennsylvania, USA
Expertise: Design, HTML, CSS, PHP, MySQL
Software: Photoshop, Coda
Posts: 95
|
Some people like to slice the image, but I like to use the ruler and crop and hand-code in Notepad or a syntax highlighting text editor.
Unfortunately, as cool as it would be, there's no button to simply convert the design into a fully functional HTML design. You can try the slicing in File -> Save for Web.
|
|
06-15-2007, 08:40 PM
|
#4
|
Status: Member
Join date: Apr 2006
Location:
Expertise:
Software:
Posts: 259
|
^^ I do the method that Jason mentions (the Slicing >> Save for Web) although it may sound easier, its a bit hard (because the fact is that the slice lines like to "snap" into place so getting a thin bar on a template is a little problem... I usually zoom in to do this.)
At the same time, once the template is saved for the web, it needs a bit of "cleaning up" --- to center the template, apply the background, coordinate the "spacer.gif" with the rest of the theme, etc. Its a bit of work at first but it gets easier along with time.
Either way, great method you use to Jason... might have to try it and see which way works faster for me.
|
|
06-16-2007, 08:24 AM
|
#5
|
Status: Member
Join date: Dec 2004
Location: Australia
Expertise:
Software:
Posts: 413
|
|
|
06-17-2007, 03:11 AM
|
#6
|
Status: Simply to simplify
Join date: Apr 2005
Location: Foxton, Manawatu, New Zealand
Expertise:
Software:
Posts: 5,572
|
|
|
06-17-2007, 03:23 AM
|
#7
|
Status: I love this place
Join date: Feb 2007
Location: under your bed
Expertise:
Software:
Posts: 589
|
EDIT:: Posted in wrong thread lol.
|
|
06-17-2007, 11:16 AM
|
#8
|
Status: Junior Member
Join date: Jan 2007
Location:
Expertise:
Software:
Posts: 27
|
Thanks
Thanks for that Julian, will give it a go now. I had heard of slicing but that guide you linked me to shows me exactly how to do it.
Great!
|
|
06-17-2007, 07:32 PM
|
#9
|
Status: Member
Join date: Apr 2006
Location:
Expertise:
Software:
Posts: 259
|
I also realized that if you want, you can slice the images and save for web... when you save for web you can either save both a HTML file and the IMAGES or one or the other. Keep in mind that if you have a background... save a piece of that image, and that'll work for the entire page. Its complicated to explain but Julian's link should help a bit.
|
|
02-25-2008, 03:50 AM
|
#10
|
Status: I'm new around here
Join date: Feb 2008
Location: India
Expertise:
Software:
Posts: 8
|
Slice and save as html and images.
|
|
|
|
|
|
|
|
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
|
|
|
|