---

Geschrieben von Passionata am 12.05.2005 um 17:02:

  PSP | Imagemap als Design

Hier habe ich einen Tut gemacht, wie man Imagemap als Design verwenden kann.
Man muss dazu etwas HTML können.

Zuerst machst du dein Desi in PSP auf, ich habe das gewählt:



Dann gehst du auf Datei--> Export--> Image map.



Jetzt öffnet sich ein Fenster. Benutzte die rot umringten Tools um dein Deisgn in die richtige Postition zu rücken:



Wenn du das nun hast, klicke auf das Auswahl-Viereck.
Jetzt ziehst du dein Rechteck in der Vorschau dort wo du später einen Link haben willst. das Kästchen scheint dann grün.
Wenn du das hast musst du die Felder links ausfüllen.
URL: Die Adresse zu der der Link führen soll.
Alt-Text: Text der bei fahren mit der Maus über den Link angezeigt werden soll (muss man nicht ausfüllen!)
Ziel: Angabe wo der Link geöffnet werden soll, zb: mainframe



Das machst du nun so lange wie du willst, und die Felder jedes mal ausfüllen!



Falls du einmal versehentlich ein Viereck hin machst, ohne das du es wolltest, kannst de es löschen indem du auf den radierer Radierer klickst und dann in das Viereck hinein klickst:



Wenn du, wie ich, auf dem Deisgn runde oder ungleichmäßige Forumen hast, die du verlinken willst, kannst du auch folgende Tools verwenden.
Sie funktionieren wie auch das Auswahlviereck nur sind sie,
a) rund



oder b) mit Freihand zu zeichnen:


Jetzt bist du so gut wie fertig, zuerst musst du das ganze allerdings noch abspeichern, das machst du so:
Wähle unter "Format" "JPEG" aus, dann klicke unten auf "Speichern unter..."
Jetzt öffnet sich ein Fenster, hier musst du nun deine HTML-Datei speichern. Wenn du das getan hast, öffnet sich das fenster erneut und du musst eine JPEG-Datei speichern. Beides ist sehr wichtig, da du es später noch brauchen wirst.


So nun kannst du PSP schliesen und wir kommen zum wesentlichen Teil:
Öffne die HTML-Datei in einem Programm oder einfach mit dem Editor.
Es sollte jetzt ca. so ausschauen:


erstelle nun eine neue HTML-Datei mit dem namen "index.html"
Wenn du dich mit HTML gut auskennst weist du das du im Bodey oder Head bereich noch einiges nach deinen Wünschen verändern kannst.
Im grunde solltest du im Body-Tag dann diesen teil hinein kopieren:



Ja das war es dann auch schon, ich nehme aber mal an du willst auch noch den Code für dein mainframe irgendwo stehen haben.
Hier noch ein Screenshot wie die ganze Seite "index.html" dann ca. ausschaut. der rot umringte teil ist der, den ihr eingefügr habt.
der makierte stellt den code für ein frame dar.
Also code für frames müsst ihr in den Head-bereich packen:



So und nun müsst ihr nur noch 2 Dinge hochladen:
die HTML-Datei "index.html"
und die JPEG-Datei die ihr abgespeichert habt. Diese JPEG datei ist euer desi, es ist ganz wichtig das ihr dieses desi hochladet kein anderes.


Ich hoffe der Tut hat euch geholfen. Wer noch fragen hat, einfach fragen.
Wenn jemand Fehler bemerkt einfach sagen

LG Passionata

---

Geschrieben von Kopflos am 12.05.2005 um 17:12:

 

schön das du dir die mühe machst , aber PSP 7 + | ImageMaps

---

Geschrieben von Passionata am 12.05.2005 um 17:13:

 

Danke das weis ich
Aber davon können viele noch immer kein Design als Imagemap einbauen.

LG Passionata

---

Geschrieben von Vroni alias Mcs am 12.05.2005 um 17:34:

 

waaaah^^
sag mal, kannst du Gedanken lesen? xD
genau das frage ich mich seit Wochen, weil ich in den Pfingstferien mein Desi mit Imagemaps einbauen will

danke

---

Geschrieben von Nina am 12.05.2005 um 18:50:

 

Wie finde ich die Zieladresse heraus, wenn die Seiten noch nicht hochgeladen sind? Das begreif ich nicht xD Ansonsten sehr klar und gut erklärt.

---

Geschrieben von Delilah am 12.05.2005 um 18:51:

 

Zitat:

Original von Nina Wie finde ich die Zieladresse heraus, wenn die Seiten noch nicht hochgeladen sind? Das begreif ich nicht xD Ansonsten sehr klar und gut erklärt.

Gib doch einfach irgendetwas Markantes wie ############## ein, dann kannst du es nachher im Code gut wiederfinden und ändern ;-).

---

Geschrieben von Passionata am 12.05.2005 um 18:59:

 

@Vroni: bitte bitte

Zitat:

Original von Delilah Zitat: Original von Nina Wie finde ich die Zieladresse heraus, wenn die Seiten noch nicht hochgeladen sind? Das begreif ich nicht xD Ansonsten sehr klar und gut erklärt. Gib doch einfach irgendetwas Markantes wie ############## ein, dann kannst du es nachher im Code gut wiederfinden und ändern ;-).

Genau, ich weis es halt immer schon im vorraus, weil ich halt irgendeinen namen für die seite nehme.

LG Passionata

---

Geschrieben von Nina am 12.05.2005 um 20:00:

 

Ach so, dankeschön. Werde das mal so ausprobieren.

---

Geschrieben von *Katha* am 18.07.2005 um 17:24:

 

Vielen Dank !!!
ich bin zwar eher durch Zufall draufgestoßen, aber ich hab da auch imme rso meine probleme gehabt, weil ich immer vergessn hab mainframe einzutragen *schäm*

vieeelllleeeennnn dank

---

Geschrieben von Nicolli am 18.07.2005 um 17:29:

 

Super erklärt Jetzt weiß ich endlich mal, wie das geht. Hatte mich schon mit dem Gedanken abgefunden, einer von denen zu sein, die nie wissen werden, wie Imagemap funktioniert *g*

Nicolli

---

Geschrieben von cutie am 19.07.2005 um 00:07:

 

Yeaah endlich kann ich es auch *gg* Danke danke danke xD *knuffel*
Super erklärt
Whinnüü

---

Geschrieben von maybach am 25.07.2005 um 13:24:

hilfe

hi!

ich finde da total goil das du sowas hier ausführlih gemacht hast! aba ich hab noch ne frage!

Wie kann man das mainframe erstellen??


bitte helfe mir!

---

Geschrieben von Schockolädchen am 02.08.2005 um 15:17:

 

Und noch eine Frage von mir, wie macht man das mit Photoshop 9? ^^

---

Geschrieben von Black Power am 05.08.2005 um 14:39:

 

Genau, wie macht man das mit PS allgemein? Und weiss jemand, ob das bei Oyla auch benutzen kann? Dort gibt es ja manchmal einige HTML-Codes, die da nicht funktionieren.

---

Geschrieben von Freak.of.Nature am 05.08.2005 um 16:40:

 

Okay, ich hab jetzt mit PS ein kleines Problemchen...
Da steht zwar dick <<Export>>, allerdings unbenutzbar, (kA wies richtig bezeichnet wird, jedenfalls kann ichs nicht benutzen)...
Was jetzt?!
Ich mein, ich hab einfach ein normales Desi (gif-Datei) ausgewählt, mehr nicht.

---

Geschrieben von loona12 am 21.08.2005 um 21:16:

 

nach zwei mal durchlesen hab ich es gerafft super, danke! Echt toll erklä#rt und zu jedem schirtt eine grafik, toll!

---

Geschrieben von mickymouse am 01.09.2005 um 11:24:

 

super, ich finde deinen tut nicht so toll, die screens kann ich gar nicht erkennen und weiß immer noch nicht wies geht, bin jetzt nur noch verwirrter!

---

Geschrieben von mickymouse am 01.09.2005 um 14:45:

 

+rausgefunden habz wies geht+ War doch nicht soo schwer

---

Geschrieben von Freyaknuffl am 16.09.2005 um 18:40:

 

Zitat:

Original von Freak.of.Nature Okay, ich hab jetzt mit PS ein kleines Problemchen... Da steht zwar dick <<Export>>, allerdings unbenutzbar, (kA wies richtig bezeichnet wird, jedenfalls kann ichs nicht benutzen)... Was jetzt?! Ich mein, ich hab einfach ein normales Desi (gif-Datei) ausgewählt, mehr nicht.

Jop, genau das selbe Problem hab ich auch....*sfz* =/

---

Geschrieben von Lena-Aquila am 21.09.2005 um 19:57:

 

Ich auch...