PDA

View Full Version : Adobe photoshop Web Page templates... meh, just look in the thread

Markpyro
12-07-2004, 6:47 PM
Okay, I made a web page template in photoshop, and I sliced everything out how I wanted it, but now I'm not exactly sure how to put my text in with my html coding and everything. Could someone show me what to do with this code? Just make an example of some, or do the whole thing. Then, I will have future refrence.


<HTML>
<HEAD>
<TITLE>Untitled-1</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
</HEAD>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<!-- ImageReady Slices (Untitled-1) -->
<TABLE WIDTH=800 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD COLSPAN=5>
<IMG SRC="images/Untitled-1_01.gif" WIDTH=800 HEIGHT=25 ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN=6>
<IMG SRC="images/Untitled-1_02.gif" WIDTH=27 HEIGHT=575 ALT=""></TD>
<TD>
<IMG SRC="images/Slice-1.gif" WIDTH=193 HEIGHT=83 ALT=""></TD>
<TD COLSPAN=3>
<IMG SRC="images/Untitled-1_04.gif" WIDTH=580 HEIGHT=83 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=2>
<IMG SRC="images/Untitled-1_05.gif" WIDTH=244 HEIGHT=17 ALT=""></TD>
<TD ROWSPAN=4>
<IMG SRC="images/Untitled-1_06.gif" WIDTH=502 HEIGHT=456 ALT=""></TD>
<TD ROWSPAN=5>
<IMG SRC="images/Untitled-1_07.gif" WIDTH=27 HEIGHT=492 ALT=""></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/Untitled-1_08.gif" WIDTH=193 HEIGHT=60 ALT=""></TD>
<TD ROWSPAN=4>
<IMG SRC="images/Untitled-1_09.gif" WIDTH=51 HEIGHT=475 ALT=""></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/Untitled-1_10.gif" WIDTH=193 HEIGHT=21 ALT=""></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/Untitled-1_11.gif" WIDTH=193 HEIGHT=358 ALT=""></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/Untitled-1_12.gif" WIDTH=193 HEIGHT=36 ALT=""></TD>
<TD>
<IMG SRC="images/Untitled-1_13.gif" WIDTH=502 HEIGHT=36 ALT=""></TD>
</TR>
</TABLE>
<!-- End ImageReady Slices -->
</BODY>
</HTML>
Neo
12-07-2004, 9:51 PM
Usually when I goto setup a new photoshop-based layout, I will slice it up in Photoshop, then open the resulting page in frontpage and then moving things over into a new table... etc...

Sometimes its a bit more complicated, becuase I have to go and recode have of it anyways, but Photoshop tends to add spacer gifs in alot of places to make sure everything is perfect ><

If you don't have a WYSIWYG, I strongly suggest getting one, because contrary to what people will tell you, its alot easier to use one when working with graphic-layouts then to be wierd and go all-notepad coding to the extreme. Especially if your not that into HTML an shtuff.

-Neo
GrassDragon
12-07-2004, 10:57 PM
I agree with Neo, make you're own tables with the images, don't use what PS puts out. It's time consuming but well worth it; you're going to have to recode a lot of it anyway.

A WYSIWYG editor is nice, but I do fine with just notepad (TextEdit for us mac users :P). I think it depends on how your mind is wired or something... I can tell how the page should change just by looking at the code. Ooh, Matrix-y...
Markpyro
12-07-2004, 11:24 PM
MMMmmmm. Frontpage