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
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
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* 
