Antworten auf deine Fragen:
Neues Thema erstellen
Status
Für weitere Antworten geschlossen.

Problem PSD zu HTML

G

gladaarox

Guest

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:

 
Zuletzt bearbeitet von einem Moderator:

Photoshop

hyperactive

Fotojäger

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.
 
G

gladaarox

Guest

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

Fotojäger

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?
 
G

gladaarox

Guest

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 :eek:
 

MIKNE

Nicht mehr ganz neu hier

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
 
G

gladaarox

Guest

AW: Problem PSD zu HTML

Leute, versteht ihr mich net?
 

zuzu

Aktives Mitglied

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
 
Zuletzt bearbeitet:

hyperactive

Fotojäger

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.
 
Zuletzt bearbeitet:

Chickenshooter

Alter Mann

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

undefined

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

Hat es drauf

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
 
Status
Für weitere Antworten geschlossen.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.611
Beiträge
1.538.342
Mitglieder
67.524
Neuestes Mitglied
BSKGA
Oben