Photoshop CS3 Site mit HTML einbinden

Taurenlord · 18.11.2010

Hallo Jungs und Mädels

Ich bin jetzt schon sehr weit mit meiner Homepage aber beim 5. Kapitel stehe ich vollkommend an.
Hier mal das Tut:

Und hier meine HTML Code nur ich habe echt keine Ahnung wo ich jetzt den Textinhalt einfügen soll:

<html>
<head>
<title>Eggard Tutorials</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">

<table id="Tabelle_01" width="801" height="778" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="5" rowspan="2">
<a href="index.html">
<img src="Bilder/Homepage_01.gif" width="269" height="27" border="0" alt=""></a></td>
<td colspan="2" rowspan="2">
<img src="Bilder/Homepage_02.gif" width="295" height="27" alt=""></td>
<td colspan="8">
<a href="faq.html">
<img src="Bilder/Homepage_03.gif" width="127" height="25" border="0" alt=""></a></td>
<td colspan="4">
<a href="kondakt.html">
<img src="Bilder/Homepage_04.gif" width="109" height="25" border="0" alt=""></a></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="1" height="25" alt=""></td>
</tr>
<tr>
<td colspan="3">
<a href="faq.html">
<img src="Bilder/Homepage_03-06.gif" width="3" height="2" border="0" alt=""></a></td>
<td colspan="8" rowspan="3">
<img src="Bilder/Homepage_06.gif" width="232" height="69" alt=""></td>
<td rowspan="2">
<a href="kondakt.html">
<img src="Bilder/Homepage_04-08.gif" width="1" height="3" border="0" alt=""></a></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="1" height="2" alt=""></td>
</tr>
<tr>
<td colspan="7" rowspan="6">
<img src="Bilder/Homepage_08.gif" width="564" height="166" alt=""></td>
<td colspan="3" rowspan="2">
<img src="Bilder/Homepage_09.gif" width="3" height="67" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td rowspan="16">
<img src="Bilder/Homepage_10.gif" width="1" height="749" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="1" height="66" alt=""></td>
</tr>
<tr>
<td colspan="10">
<a href="sponsoringinfo.html">
<img src="Bilder/Homepage_11.gif" width="234" height="29" border="0" alt=""></a></td>
<td rowspan="15">
<img src="Bilder/Homepage_12.gif" width="1" height="683" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="1" height="29" alt=""></td>
</tr>
<tr>
<td colspan="10">
<a href="produkte.html">
<img src="Bilder/Homepage_13.gif" width="234" height="23" border="0" alt=""></a></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="1" height="23" alt=""></td>
</tr>
<tr>
<td colspan="10">
<a href="login.html">
<img src="Bilder/Homepage_14.png" width="234" height="28" border="0" alt=""></a></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="1" height="28" alt=""></td>
</tr>
<tr>
<td colspan="10">
<img src="Bilder/Homepage_15.gif" width="234" height="19" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="1" height="19" alt=""></td>
</tr>
<tr>
<td colspan="4">
<img src="Bilder/Homepage_16.gif" width="256" height="5" alt=""></td>
<td colspan="2" rowspan="2">
<a href="tuts.html">
<img src="Bilder/Homepage_17.gif" width="152" height="43" border="0" alt=""></a></td>
<td colspan="2" rowspan="2">
<a href="sponsoring.html">
<img src="Bilder/Homepage_18.gif" width="157" height="43" border="0" alt=""></a></td>
<td rowspan="2">
<img src="Bilder/Homepage_19.gif" width="1" height="43" alt=""></td>
<td colspan="4" rowspan="3">
<a href="support.html">
<img src="Bilder/Homepage_20.gif" width="112" height="45" border="0" alt=""></a></td>
<td rowspan="4">
<img src="Bilder/Homepage_21.gif" width="2" height="76" alt=""></td>
<td colspan="3" rowspan="3">
<a href="forum.html">
<img src="Bilder/Homepage_22.gif" width="118" height="45" border="0" alt=""></a></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="1" height="5" alt=""></td>
</tr>
<tr>
<td>
<a href="index.html">
<img src="Bilder/Homepage_23.gif" width="92" height="38" border="0" alt=""></a></td>
<td colspan="2">
<a href="ubermich.html">
<img src="Bilder/Homepage_24.gif" width="162" height="38" border="0" alt=""></a></td>
<td>
<img src="Bilder/Homepage_25.gif" width="2" height="38" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="1" height="38" alt=""></td>
</tr>
<tr>
<td colspan="9" rowspan="4">
<img src="Bilder/Homepage_26.gif" width="566" height="348" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="1" height="2" alt=""></td>
</tr>
<tr>
<td colspan="4">
<img src="Bilder/Homepage_27.gif" width="112" height="31" alt=""></td>
<td colspan="3">
<img src="Bilder/Homepage_28.gif" width="118" height="31" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="1" height="31" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="Bilder/Homepage_29.gif" width="23" height="59" alt=""></td>
<td colspan="4">
<img src="Bilder/Homepage_30.gif" width="186" height="59" alt=""></td>
<td>
<img src="Bilder/Homepage_31.gif" width="23" height="59" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="1" height="59" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="4">
<img src="Bilder/Homepage_32.gif" width="3" height="415" alt=""></td>
<td colspan="6" rowspan="4">
<img src="Bilder/Homepage_33.gif" width="229" height="415" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="1" height="256" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="2">
<a href="support.html">
<img src="Bilder/Homepage_34.gif" width="232" height="119" border="0" alt=""></a></td>
<td colspan="7">
<img src="Bilder/Homepage_35.gif" width="334" height="2" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="1" height="2" alt=""></td>
</tr>
<tr>
<td colspan="7" rowspan="2">
<img src="Bilder/Homepage_36.gif" width="334" height="157" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="1" height="117" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="Bilder/Homepage_37.gif" width="232" height="40" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="1" height="40" alt=""></td>
</tr>
<tr>
<td colspan="17">
<img src="Bilder/Homepage_38.gif" width="798" height="33" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="1" height="33" alt=""></td>
</tr>
<tr>
<td colspan="17">
<img src="Bilder/Homepage_39.gif" width="798" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td>
<img src="Bilder/Abstandhalter.gif" width="92" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="140" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="22" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="2" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="13" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="139" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="156" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="1" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="1" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="1" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="2" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="20" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="89" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="2" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="11" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="84" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="23" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="1" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="1" height="1" alt=""></td>
<td></td>
</tr>
</table>

</body>
</html>

mfg
Taurenlord

Doitsu · 18.11.2010

AW: Photoshop CS3 Site mit HTML einbinden

Hau den Quellcode in die Tonne, der ist nicht zu gebrauchen. Photoshop ist ein Grafikprogramm, den Quellcode den das Ding ausspuckt ist.. naja. Beschaeftige ich ein wenig mit div - CSS Layout und Bau dir die Seite selbst zusammen.

Hier wird das ganz gut beschrieben - habe das nun aber nur kurz ueberflogen.

Ansonsten einfach mal nach 'css Layout' suchen.

owieortho · 18.11.2010

AW: Photoshop CS3 Site mit HTML einbinden

Und wenn Du schon dabei bist, dann informier Dich doch auch gleich über tabellenloses Layout, dann verstehst Du auch, warum Doitsu Dir empfiehlt den Quelltext in die Tonne zu drücken.

behemoth65 · 19.11.2010

AW: Photoshop CS3 Site mit HTML einbinden

Wenn du nicht auf Photoshop verzichten magst, kannst Du Dir dei Slices auch al CSS-konforme div-tags erzeugen lassen.
Aber ich schließe mich den Vorschreibern an: Wer im Internet aktiv werden möchte, kommt an HTML und CSS nicht vorbei. Schlechte Sites gibt es schon genug und du möchtest vermutlich nicht noch eine hinzufügen, oder ?^^
Gruß
Jens

hubspe · 19.11.2010

AW: Photoshop CS3 Site mit HTML einbinden

Little Boxes hilft die beim Verstehen.

fexx · 19.11.2010

AW: Photoshop CS3 Site mit HTML einbinden

SELFHTML 8.1.2 (HTML-Dateien selbst erstellen)
CSS 4 You - The Finest in Stylesheets

sind auch sehr hilfreiche links

CrawlerSkiline · 19.11.2010

AW: Photoshop CS3 Site mit HTML einbinden

Möchte als deutsches Tutorial auch

empfehlen. Mit tabellen webseiten aufzubauen geht einfach garnicht
mehr.

Viel erfolg.

Solla · 19.11.2010

AW: Photoshop CS3 Site mit HTML einbinden

Oh ja, da kann ich mich meinen Vorrednern nur anschließen. Tabellen sind umständlich und fürs Layouten absolut Out!

Es lohnt sich wirklich sich in tabellenloses Layout einzulesen. Wenn Du es erst mal drauf hast wirst Du es nicht mehr missen wollen! Versprochen! ;-)

B.G. ich wünsch Dir viel Erfolg
Solla

Taurenlord · 19.11.2010

AW: Photoshop CS3 Site mit HTML einbinden

Heii Leute
Vielen Vielen Dank für all eure Antworten.

Ich werde mich mit Links was ihr gepostet habt mich ein wenig beschäftigen.

Und wenn meine Homepage dann fertig ist stelle ich hier den Link rein

Ihr seit echt die besten xD