Mit Photoshop & ImageReady Websites erstellen (Programmieren)

Mit Photoshop & ImageReady Websites erstellen (Programmieren)

Hi,

ich habe das Design meiner neuen Website komplett mit Photoshop gemacht. Nun eigentlich ist es nur ein Grundgerüst, ich möchte mit normalen Schriften über HTML draufschreiben können. Nun, wenn ich mit Imageready das ganze ausgeben will, kommt zwar eine fixfertige HTML-Dateien (inkl. Bilder) heraus, nur kann ich nicht darauf schreiben. Wie sonst kann ich das tun? Soll ich sonst das gesamte Design als ein Bild speichern und es als Hintergrund einsetzen?

Edit:
Habe mal den Quelltext reingemacht, damit Ihr euch ein besseres Bild machen könnt:


<HTML>
<HEAD>
<TITLE>Untitled-12</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
</HEAD><CENTER>
<BODY BGCOLOR=#000000 TEXT="FF9933" LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<!-- ImageReady Slices (Untitled-12.psd) -->
<TABLE WIDTH=1024 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD ROWSPAN=9>
<IMG SRC="images/Untitled-12_01.gif" WIDTH=6 HEIGHT=768 ALT=""></TD>
<TD COLSPAN=9>
<IMG SRC="images/Untitled-12_02.gif" WIDTH=1004 HEIGHT=192 ALT=""></TD>
<TD ROWSPAN=9>
<IMG SRC="images/Untitled-12_03.gif" WIDTH=14 HEIGHT=768 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=192 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=9>
<IMG SRC="images/Untitled-12_04.gif" WIDTH=1004 HEIGHT=38 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=38 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=2 ROWSPAN=3>
<IMG SRC="images/Untitled-12_05.gif" WIDTH=20 HEIGHT=153 ALT=""></TD>
<TD COLSPAN=6>
<IMG SRC="images/Untitled-12_06.gif" WIDTH=975 HEIGHT=127 ALT=""></TD>
<TD ROWSPAN=7>
<IMG SRC="images/Untitled-12_07.gif" WIDTH=9 HEIGHT=538 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=127 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=6>
<IMG SRC="images/Untitled-12_08.gif" WIDTH=975 HEIGHT=17 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=17 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=2>
<IMG SRC="images/Untitled-12_09.gif" WIDTH=225 HEIGHT=9 ALT=""></TD>
<TD ROWSPAN=5>
<IMG SRC="images/Untitled-12_10.gif" WIDTH=517 HEIGHT=394 ALT=""></TD>
<TD COLSPAN=3 ROWSPAN=2>
<IMG SRC="images/Untitled-12_11.gif" WIDTH=233 HEIGHT=16 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=9 ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN=4>
<IMG SRC="images/Untitled-12_12.gif" WIDTH=8 HEIGHT=385 ALT=""></TD>
<TD COLSPAN=2 ROWSPAN=2>
<IMG SRC="images/Untitled-12_13.gif" WIDTH=211 HEIGHT=252 ALT=""></TD>
<TD ROWSPAN=4>
<IMG SRC="images/Untitled-12_14.gif" WIDTH=26 HEIGHT=385 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=7 ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN=3>
<IMG SRC="images/Untitled-12_15.gif" WIDTH=24 HEIGHT=378 ALT=""></TD>
<TD ROWSPAN=2>
<IMG SRC="images/Untitled-12_16.gif" WIDTH=203 HEIGHT=255 ALT=""></TD>
<TD ROWSPAN=3>
<IMG SRC="images/Untitled-12_17.gif" WIDTH=6 HEIGHT=378 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=245 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=2 ROWSPAN=2>
<IMG SRC="images/Untitled-12_18.gif" WIDTH=211 HEIGHT=133 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=10 ALT=""></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/Untitled-12_19.gif" WIDTH=203 HEIGHT=123 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=123 ALT=""></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=6 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=8 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=12 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=199 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=26 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=517 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=24 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=203 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=6 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=9 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=14 HEIGHT=1 ALT=""></TD>
<TD></TD>
</TR>
</TABLE>
<!-- End ImageReady Slices -->
</BODY></CENTER>
</HTML>

btw. ist dies eine ältere Version der Website...
Die <CENTER>-Tags habe ich übrigens selber gesetzt.
THX schon mal im Voraus!

Gruss SvA
Ok, ich habe jetzt mein komplettes Design, funktioniert alles.
Es ist jetzt einfach wie oben in Tabellen eingeteilt.
Nun möchte ich das Ganze aber in Frames einteilen können!
Wie geht das?
Und wenn es nicht gehen sollte, wie kann ich an einer bestimmten Stelle etwas drüberschreiben? Ich habe nämlich einige Buttons gebastelt, nur kann ich es halt net übers Bild legen!
Erbitte Hilfe!

Gruss
Logge dich ein um einen Beitrag zu schreiben.