Homepage Design mit Photoshop erstellen und dann nach Dreamweaver importieren

maik500

Grünschnabel
Hallo,

Ich habe folgendes Problem:

Ich hab mit Photoshop CS 2 ein Design/Layout für eine Homepage erstellt.
Das Layout habe ich dann mit Image Ready gescliced d.h.in mehrere Teile geschnitten,
dabei wurde auch die passende Html Datei mit dazu erstellt, die ich bei Dreamweaver eingefügt hatte. Doch ich konnte keine eigenen Texte,Iframes usw. erstellen, da das Layout/Design aus Bildern besteht. Dann habe ich es nochmal gescliced, da wo meine Texte stehen sollten, habe ich das Bild einfach aus der Html Datei gelöscht und mit der Hintergrundfarbe des Bildes ersetzt, sodass man kein Unterschied sehen konnte.
Doch wenn ich jetzt ein Iframe einfügen wollte, dann hat sich das Layout so verschoben bzw. die einzelnen Teile sind auseinander gegangen. Ich hoffe ich versteht mein Problem.
Ich bitte um eure Hilfe, da ich nicht mehr weiter weiß.
Danke im Vorraus!

Gruß
Maik
 
Nein, weil das Design nicht richtig funktionieren will.
Deswegen frage ich ja auch.
Hier der Html Code:


Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled-1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
body {
	background-color: #000000;
}
-->
</style></head>
<body>
<!-- ImageReady Slices (Untitled-1) -->
<table width="951" border="0" align="right" cellpadding="0" cellspacing="0" id="Table_01">
	<tr>
		<td colspan="10">
			<img id="Untitled_1_01" src="http://www.tutorials.de/forum/images/Untitled-1_01.gif" width="950" height="6" alt="" /></td>
		<td>
			<img src="http://www.tutorials.de/forum/images/spacer.gif" width="1" height="6" alt="" /></td>
	</tr>
	<tr>
		<td rowspan="14">
			<img id="Untitled_1_02" src="http://www.tutorials.de/forum/images/Untitled-1_02.gif" width="14" height="694" alt="" /></td>
		<td rowspan="13">
			<img id="Untitled_1_03" src="http://www.tutorials.de/forum/images/Untitled-1_03.gif" width="19" height="687" alt="" /></td>
		<td colspan="8">
			<img id="Untitled_1_04" src="http://www.tutorials.de/forum/images/Untitled-1_04.gif" width="917" height="28" alt="" /></td>
		<td>
			<img src="http://www.tutorials.de/forum/images/spacer.gif" width="1" height="28" alt="" /></td>
	</tr>
	<tr>
		<td colspan="4" rowspan="4">
			<img id="Untitled_1_05" src="http://www.tutorials.de/forum/images/Untitled-1_05.gif" width="786" height="95" alt="" /></td>
		<td>
			<img id="Untitled_1_06" src="http://www.tutorials.de/forum/images/Untitled-1_06.gif" width="57" height="29" alt="" /></td>
		<td colspan="3" rowspan="4">
			<img id="Untitled_1_07" src="http://www.tutorials.de/forum/images/Untitled-1_07.gif" width="74" height="95" alt="" /></td>
		<td>
			<img src="http://www.tutorials.de/forum/images/spacer.gif" width="1" height="29" alt="" /></td>
	</tr>
	<tr>
		<td>
			<img id="Untitled_1_08" src="http://www.tutorials.de/forum/images/Untitled-1_08.gif" width="57" height="21" alt="" /></td>
		<td>
			<img src="http://www.tutorials.de/forum/images/spacer.gif" width="1" height="21" alt="" /></td>
	</tr>
	<tr>
		<td>
			<img id="Untitled_1_09" src="http://www.tutorials.de/forum/images/Untitled-1_09.gif" width="57" height="28" alt="" /></td>
		<td>
			<img src="http://www.tutorials.de/forum/images/spacer.gif" width="1" height="28" alt="" /></td>
	</tr>
	<tr>
		<td>
			<img id="Untitled_1_10" src="http://www.tutorials.de/forum/images/Untitled-1_10.gif" width="57" height="17" alt="" /></td>
		<td>
			<img src="http://www.tutorials.de/forum/images/spacer.gif" width="1" height="17" alt="" /></td>
	</tr>
	<tr>
		<td rowspan="2">
			<img id="Untitled_1_11" src="http://www.tutorials.de/forum/images/Untitled-1_11.gif" width="195" height="66" alt="" /></td>
		<td colspan="2" rowspan="2">
			<img id="Untitled_1_12" src="http://www.tutorials.de/forum/images/Untitled-1_12.gif" width="58" height="66" alt="" /></td>
		<td colspan="4">
			<img id="Untitled_1_13" src="http://www.tutorials.de/forum/images/Untitled-1_13.gif" width="636" height="6" alt="" /></td>
		<td rowspan="9">
			<img id="Untitled_1_14" src="http://www.tutorials.de/forum/images/Untitled-1_14.gif" width="28" height="571" alt="" /></td>
		<td>
			<img src="http://www.tutorials.de/forum/images/spacer.gif" width="1" height="6" alt="" /></td>
	</tr>
	<tr>
	  <td colspan="3" rowspan="3" bgcolor="d57d00"><iframe src="home.html" width="100%" height="390" align="middle" scrolling="Auto" frameborder="0"></iframe>&nbsp;</td>
	  <td rowspan="3">
			<img id="Untitled_1_16" src="http://www.tutorials.de/forum/images/Untitled-1_16.gif" width="5" height="415" alt="" /></td>
		<td>
			<img src="http://www.tutorials.de/forum/images/spacer.gif" width="1" height="60" alt="" /></td>
	</tr>
	<tr>
		<td colspan="2">
			<img id="Untitled_1_17" src="http://www.tutorials.de/forum/images/Untitled-1_17.gif" width="197" height="5" alt="" /></td>
		<td rowspan="2">
			<img id="Untitled_1_18" src="http://www.tutorials.de/forum/images/Untitled-1_18.gif" width="56" height="355" alt="" /></td>
		<td>
			<img src="http://www.tutorials.de/forum/images/spacer.gif" width="1" height="5" alt="" /></td>
	</tr>
	<tr>
	  <td rowspan="3"><iframe src="links.html" name="links" frameborder="0" width="100%" height="450" scrolling="Auto"></iframe>&nbsp;</td>
		<td>
			<img id="Untitled_1_20" src="http://www.tutorials.de/forum/images/Untitled-1_20.gif" width="2" height="350" alt="" /></td>
		<td>
			<img src="http://www.tutorials.de/forum/images/spacer.gif" width="1" height="350" alt="" /></td>
	</tr>
	<tr>
		<td>
			<img id="Untitled_1_21" src="http://www.tutorials.de/forum/images/Untitled-1_21.gif" width="2" height="8" alt="" /></td>
		<td colspan="5">
			<img id="Untitled_1_22" src="http://www.tutorials.de/forum/images/Untitled-1_22.gif" width="692" height="8" alt="" /></td>
		<td>
			<img src="http://www.tutorials.de/forum/images/spacer.gif" width="1" height="8" alt="" /></td>
	</tr>
	<tr>
	  <td colspan="6">&nbsp;</td>
		<td>
			<img src="http://www.tutorials.de/forum/images/spacer.gif" width="1" height="128" alt="" /></td>
	</tr>
	<tr>
		<td>
			<img id="Untitled_1_24" src="http://www.tutorials.de/forum/images/Untitled-1_24.gif" width="195" height="6" alt="" /></td>
		<td colspan="6" rowspan="2">
			<img id="Untitled_1_25" src="http://www.tutorials.de/forum/images/Untitled-1_25.gif" width="694" height="7" alt="" /></td>
		<td>
			<img src="http://www.tutorials.de/forum/images/spacer.gif" width="1" height="6" alt="" /></td>
	</tr>
	<tr>
		<td>
			<img id="Untitled_1_26" src="http://www.tutorials.de/forum/images/Untitled-1_26.gif" width="195" height="1" alt="" /></td>
		<td>
			<img src="http://www.tutorials.de/forum/images/spacer.gif" width="1" height="1" alt="" /></td>
	</tr>
	<tr>
		<td colspan="8">
			<img id="Untitled_1_27" src="http://www.tutorials.de/forum/images/Untitled-1_27.gif" width="908" height="7" alt="" /></td>
		<td>
			<img src="http://www.tutorials.de/forum/images/spacer.gif" width="1" height="7" alt="" /></td>
	</tr>
	<tr>
		<td>
			<img src="http://www.tutorials.de/forum/images/spacer.gif" width="14" height="1" alt="" /></td>
		<td>
			<img src="http://www.tutorials.de/forum/images/spacer.gif" width="19" height="1" alt="" /></td>
		<td>
			<img src="http://www.tutorials.de/forum/images/spacer.gif" width="195" height="1" alt="" /></td>
		<td>
			<img src="http://www.tutorials.de/forum/images/spacer.gif" width="2" height="1" alt="" /></td>
		<td>
			<img src="http://www.tutorials.de/forum/images/spacer.gif" width="56" height="1" alt="" /></td>
		<td>
			<img src="http://www.tutorials.de/forum/images/spacer.gif" width="533" height="1" alt="" /></td>
		<td>
			<img src="http://www.tutorials.de/forum/images/spacer.gif" width="57" height="1" alt="" /></td>
		<td>
			<img src="http://www.tutorials.de/forum/images/spacer.gif" width="41" height="1" alt="" /></td>
		<td>
			<img src="http://www.tutorials.de/forum/images/spacer.gif" width="5" height="1" alt="" /></td>
		<td>
			<img src="http://www.tutorials.de/forum/images/spacer.gif" width="28" height="1" alt="" /></td>
		<td></td>
	</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
 
Zurück