+++ tutorial heavendreams +++

In diesem Tutorial zeige ich euch, wie ihr mit der Imagemap-Funktion von PSP
einen Adventskalender herstellen könnt.

Ich habe für den Kalender ein Java-Script von ROFL benutzt,
hier findest du noch viele andere tolle Javascripte.

Dieses Script sorgt dafür, dass die Türchen immer erst am entsprechenden tag geöffnet werden können. Wenn jemand zu zu neugierig ist und es nicht abwarten kann, und schon die nächsten Türchen öffnen möchte, erhält er nur einen Hinweis, dass es noch nicht soweit ist.…

Du benötigst die zip-Datei, sie enthält alle HTML-Seiten für den Kalender,
die du nur noch füllen musst.

Entpacke die zip-Datei in einen Ordner deiner Wahl,
in diesen Ordner musst du hinterher auch dein Bild speichern.

Zunächst bearbeite dein Bild, das du als Hintergrund für den Adventskalender nehmen möchtest.

Wenn du mit dem Bild soweit zufrieden bist, dann müssen die Zahlen aufgesetzt werden.

Setze dabei jede Zahl auf eine extra Ebene, so kannst du sie besser verschieben und anordnen.

Bei einer Imagemap wird das Bild in einzelne Bereiche aufgeteilt,
die dann jeweils extra verlinkt werden.

Mit der kleinen Hand (7) kannst du das ganze Bild im Vorschaufenster verschieben,
so dass du dir auch die nicht sichtbaren Bildausschnitte ansehen kannst.

Dann hast du verschiedene Werkzeuge
3 Polygonwerkzeug - damit kannst du verschiedene Formen aufziehen,
4 Rechteckwerkzeug - damit markierst du rechteckige Bereiche und
5 Kreiswerkzeug, damit kannst du runde Bereiche markieren.

Verschiebe dein Bild im Vorschaufenster (7 - Hand) erst einmal so,
dass du dein erstes Türchen sehen kannst.

Aktiviere jetzt das Rechteckwerkzeug (4) und ziehe ein Rechteck um dein erstes Türchen auf.

Solange du das Rechteckwerkzeug noch aktiviert hast, kannst du noch die Größe verändern, in dem du die linke obere Ecke oder die rechte untere Ecke verschiebst.

Willst du noch einmal etwas ändern, dann musst du erst dein Rechteck mit dem Pfeil (1) markieren,
dann kannst du es komplett verschieben (2 - Verschiebewerkzeug)
oder löschen (6 - Löschwerkzeug).

Deine Auswahlen werden in verschiedenen Farben dargestellt,
grün ist immer die aktive Auswahl, die inaktiven Auswahlen sind rot.

Wenn du deinen Bereich richtig markiert hast, dann musst du die URL eingeben (8).

Hier wird jetzt eigentlich die komplette URL zu der HTML-Datei, die du öffnen möchtest,
wenn auf diesen Bereich geklickt wird, angegeben.

Wir arbeiten aber mit einem Java-Script, das uns die Datei öffnet,
darum gib hier jetzt diesen Befehl ein:

Als Alt-Text (das ist der Text, der angezeigt wird,
wenn man mit der Maus über den Link fährt) gib die Zahl deines Türchens an
oder das Datum oder lass es einfach frei.

Das Ziel lassen wir auch frei, da wir mit dem Javascript arbeiten.
(Ohne Javascript käme hier z.B. blank oder parent rein, also das Fenster,
in dem die Datei geöffnet werden soll).

Diese Schritte musst du jetzt nur noch für jedes Türchen wiederholen,
dabei gibst du immer als Ziel javascript:RO(Nummer des Türchens) ein.

Jetzt kannst du noch auswählen, ob dein Bild als gif- oder jpg Datei gespeichert werden soll.

Dann klicke speichern und such dir im folgenden Dialogfeld den Ordner,
in dem du deine HTML-Datei speichern willst.

PSP speichert jetzt eine HTML-Datei und eine Bilddatei,
die solltest du unter dem vorgegeben Namen im gleichen Ordner abspeichern.

<img name="kalender0" src="kalender.jpg" width="500" height="400" border="0" usemap="#kalender" alt="" />

</body>
</html>

Kopiere nun den Teil, den ich fett markiert habe und füge ihn an der ebenfalls
markierten Stelle in meine HD_VorlageAdvent HTML-Datei ein.

Hier findst du die
Nutzungsbedingungen
für meine Tutoriale,
ich bitte von
zusätzlichen Anfragen
abzusehen!