Problem PSD zu HTML

[gladaarox]

Hi!
Ich suche seit längerem für meine PSD Termplate den Code dafür das ich dfie Buttons die ich ins Design einfüge auch per HTML umsetzen kann auf der HP! WIe geht das?

edit LuckyStrike2k3: Herzlich willkommen im Forum.
Bitte aussagekräftigen Titel benutzen.
Bitte Frage aussagekräftig stellen.
mal hier schauen:

 

[hyperactive]

AW: Problem

Ich würde Dir gern helfen, aber ich versteh gerade nicht, was Du möchtest. Willkommen erstmal.

Du hast Buttons in PS gemacht, die sollen in HTML dargestellt werden? Binde Sie als Grafik ein.
Du willst Buttons durch HTML beschreiben, anstatt sie mit PS zu machen: Geht nur bedingt.

 

[gladaarox]

AW: Problem PSD zu HTML

Hallo,
erstmal vielen Dank.
Aber ich meine die Buttons im PSD Designfile drin. Aber leider weiss ich nicht wie ich die mit HTMl verlinken kann

 

[hyperactive]

AW: Problem PSD zu HTML

Ach so...
also: leg den Ordner an, in dem Deine Website gespeichert sein soll.
Im gleichen ordner legst Du Deine Buttons ab. Nennen wir sie:

button1.jpg
button2.jpg
button3.jpg

ich rate mal eine Größe, zB 70px (hoch) mal 100px (breit), da muss eben rein, was Du für Maße genommen hast.

Um sie einzubinden schreibst Du in die HTML-Datei:
<imgsrc="button1.jpg"border="0"height="70px"width="100px"alt="Button 1" />

"alt" ist optional, aber dann sieht jedenfalls jemand, der die Grafik ausschaltet auch noch was... und wenn man mit dem Mauszeiger drüberfährt, erscheint das Wort. Da kann natürlich auch ein cooler Slogan rein... "Hier lang, Alter!" oder so...

So bindest Du jede Art von Bild ein HTML ein.

Wenn der Button selbst der Link sein soll, musst Du natürlich auch die Hyperlink-Eigenschaften angeben:

da, wo bei mir "seite2" steht, muss der Link der Seite rein, die durch den Button angesteuert wird. Also irgendwas.html oder so.

<a href="seite2.html">
<imgsrc="button1.jpg"border="0"height="70px"width="100px"alt="Button 1" />
</a>

Du darfst alles in einer Zeile schreiben, keine Frage.

So, für jeden weiteren Button machst Du das Gleiche nochmal. Fertig.

Ich hoffe, ich hab Dir helfen können?

 

[gladaarox]

AW: Problem PSD zu HTML

Nein^^
Das ist es auch nicht!
Das Design ist eine gesamte Grafik. In dieser Grafik sind die Buttons mit drin! Keine Extra Buttons!!!! Helft mir Bitte..
Ich glaube das ist HTML Map oder so!
Helft mir bitte

 

[MIKNE]

AW: Problem PSD zu HTML

nimm den Button ersetze die Schrift vom alten Button im Photoshop auf deine gewünschte, speichere das als Gif oder JPG ab und dann geh so vor, wie es dir Hyperactive schon beschrieben hat

 

[gladaarox]

AW: Problem PSD zu HTML

Leute, versteht ihr mich net?

 

[zuzu]

AW: Problem PSD zu HTML

ich glaub was der gute uns mitteilen will, ist folgendes:

er hat ein(!!!) bild.. auf dem er das komplette aussehen der hp drauf hat. die buttons sind also teil des "einzelnen" bildes. und jetzt will er glaube ich wissen wie er daraus dann die homepage macht.. sprich slices und so. ich hab von dem ganzen webgedöhns leider (noch.. denn bald gibts kurse an der fh.. jippieee^^) keine ahnung. nur mal als hilfe

also ein bild.. und darin die buttons definieren und "inhaltskästchen", usw..
ich hoffe ich konnt helfen

mfg zuzu

 

[hyperactive]

AW: Problem PSD zu HTML

Aaaalso,
ich bin so ein kleines bißchen angenervt, wenn jemand nicht mal eine Frage stellen kann, aber trotzdem erwartet, dass man ihm hilft - und zwar bitte schnell, richtig, leicht verständlich.

Weißt Du ansatzweise, wonvon Du redest, wovon ich rede und warum ich bestimmte Fragen stelle?

Darf ich zusammenfassen was Du sagst: Wie kriege ich meine Buttons in eine Website? Ich habe gar keine Buttons, sondern nur pixel in einer Grafik, die aussehen wie Buttons.
Wie soll man darauf antworten.

Aber ich seh grad, Lucky hat Dir schon das Passende dazu geschrieben.

Meine Hilfe ist Gold wert:
Lern PS. Lern HTML.
Benutze keine Begriffe, die Du nicht genau kennst.
Formuliere klar und verständlich.
Gibt auch ruhig ein Beispiel.

Mein inhaltlicher Tipp:
lies ->
lies ->

und benutze die Suchfunktion zum Stichwort "Slicing"

Mit slicing zerstückelst Du eine PS-Datei (ich glaube dazu musst Du auf eine Ebene reduzieren (mach eine Sicherungskopie des psd-files)) und kannst sie als html-code ausgeben lassen.

Und meiner Ansicht nach ist das Blödsinn, so vorzugehen, wenn man es auch anders kann. Denn Du bekommst einen fürchterlichen Code und könntest es auch einfacher haben, indem Du die Grafiken selbst teilst und wie oben beschrieben einzeln einbindest.
Aber jedem das seine. Da ich slicing nicht benutze, kann ich es auch nicht näher erklären.

 

[Chickenshooter]

AW: Problem PSD zu HTML

Moin,

@hyperactive
Ruhe bewahren, Füsse hochlegen und Schock bekämpfen

Ich hab das Wort Map hier irgendwo im Thread wahrgenommen... glaub ich.

Ich denke mal das unser "Threadopener", irgendwann einmal was von Bildern

gehört hat die man an bestimmten Stellen anklickt und dann gehts weiter...!?!

Halt das .

Das befreit "gladaarox" aber nicht von der Tatsache sich mal mit HTML und

auch CSS (auch wichtig) zu beschäftigen.

Achso und noch eins

@gladaarox

lesen -> selber machen -> testen,
weiter lesen -> selber machen -> wieder testen.... usw.

MfG Chick

 

[cebito]

AW: Problem PSD zu HTML

Versteh das auch so wie Chickenshooter und dann wären imagemaps das richtige. Muß aber gleich dazu sagen, daß die bestimmt nicht für Navigationen oder ähnliche Spielereien gedacht sind.
Wenn du (gladaarox) das unbedingt benutzen willst, dann folg dem Link von Chickenshooter und wenn du bei der Umsetzung Probleme hast, dann frag einfach. Kleiner Tip: Lass dein Bild nebenbei in PSD offen, dann kannst du schnell die jeweiligen Koordinaten ohne großes rumprobieren rausfinden.

Empfehlen kann ich das Ganze für diesen (deinen) Zweck allerdings nicht.

 

[LuckyStrike]

AW: Problem PSD zu HTML

So jetzt gabs doch wirklich viel Hilfe ohne eindeutige Frage ;o)

und da immer noch keine echte Beschreibung des Problems vorliegt mache ich hier mal zu. Bitte die Tips beherzigen und wenn alle Tips befolgt wurden und es immer noch Probleme gibt, einfach einen sinnvollen Post erstellen.

Lucky