Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

Website Design Forum


You are currently viewing our Website Design Forum as a guest. Please register to participate.
Login



Freelance Jobs

Reply
Design in photoshop CS->publish in DW? (Newbie Warning)
Old 02-27-2005, 10:08 PM Design in photoshop CS->publish in DW? (Newbie Warning)
Junior Talker

Posts: 2
Trades: 0
Hi guys, I designed a web layout I liked in photoshop CS ( I am a photographer so I am most comfortable in CS) and now I need to make it into a website in an effiicient way. First I tried to just slice it up and save as HTML in Imageready but it converted all my images to .GIF's and they look horrible.

What is the best way to go about doing this?

here is my template:
http://www.tabbytabb.rchomepage.com/.../webupdate.jpg

I am confused about how to mix the images with the other content in the most efficient way possible. I realise this is a newbie question but I dont really know where else to go and dont know anyone local that does web design.

Thanks so much for any help

Tabb
tabbytabb is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 02-28-2005, 05:20 AM
dismaldonkey's Avatar
Boo's daddy

Posts: 286
Location: Tunbridge Wells
Trades: 0
In the "save for web" option in Photoshop it gives you the choice of saving images as gifs or jpgs.

One way I have done it when creating websites using Photoshop (although probably not the quickest or best way) is to firstly save the sliced page. Then open it in your text editor and find the cell <td> you want to edit, it should look something like this:

<TD>
<IMG SRC="images/template_06.jpg" WIDTH=16 HEIGHT=73 ALT="">
</TD>

Set the default background colour of the cell. ie

<TD bgcolor="#cccccc">

Delete the cell content line so you are left with an empty cell:

<IMG SRC="images/template_06.jpg" WIDTH=16 HEIGHT=73 ALT="">

Replace it with the image of your choice. ie

<IMG SRC="mypicture.jpg" WIDTH=16 HEIGHT=73 ALT="">

So you end up with something like this:

<TD bgcolor="#cccccc">
<IMG SRC="mypicture.jpg" WIDTH=16 HEIGHT=73 ALT="">
</TD>

As I said, it is probably not the quickest way of doing it, but it worked for me.

The best way would be to not use Photoshop to create the website in the first place. Use it to adapt your graphics and then do the website using a text editor.
__________________

Please login or register to view this content. Registration is FREE



Please login or register to view this content. Registration is FREE
dismaldonkey is offline
Reply With Quote
View Public Profile Visit dismaldonkey's homepage!
 
Old 02-28-2005, 07:07 PM
Junior Talker

Posts: 2
Trades: 0
DD, I agree that would be best. But until I learn HTML I need to have something functional up. I tried with FP 2003 initially and really created a bad webpage. Now that I at least have it up and running I am going to go back in with DW and make it correctly

Thanks for the input!

Tabb
tabbytabb is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to Design in photoshop CS->publish in DW? (Newbie Warning)
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

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

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.23686 seconds with 12 queries