Meine mit Photshop erstellete hP Fragen!

M

Macvot

Neuling
Thread Starter
Mitglied seit
28.06.2005
Beiträge
187
Kurz Vorweg: Ich möchte eine neue HP erstellen mittels Photoshop CS2. Ich bin Leader eines Multigaming Clans und habe genug html + css Kenntnisse für eine komplexe HP
Die aktuelle HP , www.aggressive-gaming.net , ist vom Design her einfach zu Standart und beeinhaltet zu wenig 3D Atmosphäre, deswegen möchte ich nun mit PS eine hp erstellen die für den User modern und Ideenreich gezeigt wird.

Ich habe mit PS schon ne hp erstellt und gesliced, die aber noch nicht vollendet ist: http://web719.webbox443.server-home.org/Bilder/hp abgerundet Kopie.jpg

Nun meine Frage ist, ich kann ja nichts in die Kästchen schreiben die ich erstellt habe und gesliced habe, da es ja nur bilder sind und ich mittels texteditor nichts reinschreiben kann... Wie kann ich das machen das ich was in die kästchen schreiben kann mit dem text editor, bzw. was muss ich tun??
 
Wenn Du diese Anzeige nicht sehen willst, registriere Dich und/oder logge Dich ein.
du erstellst tabellen die bilder nimmste als hintergrund dann kannst ganz einfach beschriften
 
So sieht der geschriebene code von photoshop aus:
Code: 
<html>
<head>
<title>hp abgerundet</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 (hp abgerundet.psd) -->
<table id="Tabelle_01" width="780" height="769" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="18">
			<img src="Bilder/hp-abgerundet_01.jpg" width="780" height="109" alt=""></td>
	</tr>
	<tr>
		<td colspan="18">
			<img src="Bilder/hp-abgerundet_02.jpg" width="780" height="4" alt=""></td>
	</tr>
	<tr>
		<td rowspan="9">
			<img src="Bilder/hp-abgerundet_03.jpg" width="15" height="571" alt=""></td>
		<td colspan="2">
			<img src="Bilder/hp-abgerundet_04.jpg" width="113" height="40" alt=""></td>
		<td rowspan="2">
			<img src="Bilder/hp-abgerundet_05.jpg" width="17" height="41" alt=""></td>
		<td rowspan="2">
			<img src="Bilder/hp-abgerundet_06.jpg" width="113" height="41" alt=""></td>
		<td rowspan="2">
			<img src="Bilder/hp-abgerundet_07.jpg" width="11" height="41" alt=""></td>
		<td rowspan="2">
			<img src="Bilder/hp-abgerundet_08.jpg" width="113" height="41" alt=""></td>
		<td rowspan="2">
			<img src="Bilder/hp-abgerundet_09.jpg" width="8" height="41" alt=""></td>
		<td colspan="3">
			<img src="Bilder/hp-abgerundet_10.jpg" width="113" height="40" alt=""></td>
		<td rowspan="3">dfgfdg
			<img src="Bilder/hp-abgerundet_11.jpg" width="10" height="59" alt=""></td>
		<td colspan="2">
			<img src="Bilder/hp-abgerundet_12.jpg" width="113" height="40" alt=""></td>
		<td rowspan="2">
			<img src="Bilder/hp-abgerundet_13.jpg" width="12" height="41" alt=""></td>
		<td rowspan="2">
			<img src="Bilder/hp-abgerundet_14.jpg" width="113" height="41" alt=""></td>
		<td colspan="2" rowspan="2">
			<img src="Bilder/hp-abgerundet_15.jpg" width="29" height="41" alt=""></td>
	</tr>
	<tr>
		<td colspan="2">
			<img src="Bilder/hp-abgerundet_16.jpg" width="113" height="1" alt=""></td>
		<td colspan="3">
			<img src="Bilder/hp-abgerundet_17.jpg" width="113" height="1" alt=""></td>
		<td colspan="2" rowspan="2">
			<img src="Bilder/hp-abgerundet_18.jpg" width="113" height="19" alt=""></td>
	</tr>
	<tr>
		<td rowspan="7">
			<img src="Bilder/hp-abgerundet_19.jpg" width="16" height="530" alt=""></td>
		<td colspan="7" rowspan="7">
			<img src="Bilder/hp-abgerundet_20.jpg" width="429" height="530" alt=""></td>
		<td colspan="2">
			<img src="Bilder/hp-abgerundet_21.jpg" width="43" height="18" alt=""></td>
		<td colspan="3" rowspan="7">
			<img src="Bilder/hp-abgerundet_22.jpg" width="147" height="530" alt=""></td>
		<td rowspan="7">
			<img src="Bilder/hp-abgerundet_23.jpg" width="7" height="530" alt=""></td>
	</tr>
	<tr>
		<td rowspan="6">
			<img src="Bilder/hp-abgerundet_24.jpg" width="10" height="512" alt=""></td>
		<td colspan="3">
			<img src="Bilder/hp-abgerundet_25.jpg" width="150" height="142" alt=""></td>
		<td rowspan="6">
			<img src="Bilder/hp-abgerundet_26.jpg" width="6" height="512" alt=""></td>
	</tr>
	<tr>
		<td colspan="3">
			<img src="Bilder/hp-abgerundet_27.jpg" width="150" height="22" alt=""></td>
	</tr>
	<tr>
		<td colspan="3">
			<img src="Bilder/hp-abgerundet_28.jpg" width="150" height="142" alt=""></td>
	</tr>
	<tr>
		<td colspan="3">
			<img src="Bilder/hp-abgerundet_29.jpg" width="150" height="32" alt=""></td>
	</tr>
	<tr>
		<td colspan="3">
			<img src="Bilder/hp-abgerundet_30.jpg" width="150" height="142" alt=""></td>
	</tr>
	<tr>
		<td colspan="3">
			<img src="Bilder/hp-abgerundet_31.jpg" width="150" height="32" alt=""></td>
	</tr>
	<tr>
		<td colspan="18">
			<img src="Bilder/hp-abgerundet_32.jpg" width="780" height="33" alt=""></td>
	</tr>
	<tr>
		<td colspan="18">
			<img src="Bilder/hp-abgerundet_33.jpg" width="780" height="51" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="Bilder/spacer.gif" width="15" height="1" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="16" height="1" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="97" height="1" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="17" height="1" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="113" height="1" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="11" height="1" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="113" height="1" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="8" height="1" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="70" height="1" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="10" height="1" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="33" height="1" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="10" height="1" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="107" height="1" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="6" height="1" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="12" height="1" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="113" height="1" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="22" height="1" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="7" height="1" alt=""></td>
	</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>

Kann mit jemand ein Beispiel zeigen, wie ich das mache das ich was reinschreiben kann pls ?
 
Photoshop slicen ist absoluter Mist (die html taugt für nix).. Du musst die Sachen einzeln cutten, speichern und dann halt in Tables packen als Hintergrund.

Allerdings kann ich dir hier nicht sagen, wies mit HTML geht, kann es selber nicht oder nur sehr wenig. Aber wie man es macht bzw. gemacht werden muss, weiß ich dann schon :)

mfg
 
ich muss ja nur in der mitte und an der seite die bilder in den Hintergrund stellen, da da die schrift hinsoll , deswegen ist slicen schon ok
 
Also ich weiß nicht so recht, was ich von der ganzen Sache halten soll: Ansich ist es alles andere als geschickt und empfehlenswert eine Seite als Bild zu gestalten und dann die Inhalte nachträglich darüber zu legen...
 
Kommt darauf an wie man es anstellt, wies eben immer ist.

Slicen per Hand, und dann selfHTML studieren.
 
als bild zu gestalten ist schon gut nur die slices müssen passen z.b. nimma man nicht den kompletten teil der content grafik sondern nur einen kurzen "strich " davon
 
Macvot schrieb:
ich muss ja nur in der mitte und an der seite die bilder in den Hintergrund stellen, da da die schrift hinsoll , deswegen ist slicen schon ok
Zum Vergrößern anklicken....

Slicen ist ja ok, aber das muss man von Hand machen und dann selber die HTML Datei dazu schreiben, weil, dass, was Photoshop da macht, ist Müll.

@Kabelsalat

Warum soll das nicht geschickt sein? Auf allen designtechnisch guten Seiten ist das so gemacht. ;)

mfg
 
Zuletzt bearbeitet:
Weil ich erst neulich eine Seite gesehen habe, die nur aus einem Hintergrundbild bestand und über den Hintergrund wurde der Text bzw. die Inhalte mit einer Tabelle gelegt! Wenn man natürlich immer nur kleinere Ausschnitte aus dem Bild verwendet und sie entsprechend skaliert spricht nichts gegen eine solche Lösung...
 
Kabelsalat schrieb:
Weil ich erst neulich eine Seite gesehen habe, die nur aus einem Hintergrundbild bestand und über den Hintergrund wurde der Text bzw. die Inhalte mit einer Tabelle gelegt! Wenn man natürlich immer nur kleinere Ausschnitte aus dem Bild verwendet und sie entsprechend skaliert spricht nichts gegen eine solche Lösung...
Zum Vergrößern anklicken....

Ja ein ganzes Bild unzerschnitten sollte man wahrlich nicht nehmen.. cutten& mit tables arbeiten muss man schon. :)

mfg
 
Am besten sowenig Bilder wie möglich! Und vergiss Photoshop, damit sollte man keine (guten) Websites machen!


Lern richtig html, nimm einen Text editor und mach ne hübsche Website!
 
Anmelden, um zu antworten.
Hardwareluxx setzt keine externen Werbe- und Tracking-Cookies ein. Auf unserer Webseite finden Sie nur noch Cookies nach berechtigtem Interesse (Art. 6 Abs. 1 Satz 1 lit. f DSGVO) oder eigene funktionelle Cookies. Durch die Nutzung unserer Webseite erklären Sie sich damit einverstanden, dass wir diese Cookies setzen. Mehr Informationen und Möglichkeiten zur Einstellung unserer Cookies finden Sie in unserer Datenschutzerklärung.


Zurück
Oben Unten refresh