Glubschipupschi O.O Designer & Designpage Designpage

Site

Alle lesen! Start Book Contact

Photoshop

Schrift & Brusheffekte Feathern Runde Ecken Imagemap Pixeln Dreameffekt Blenden Colorieren

Photo Impact 10

Umfaerben

HTML

Imagemap Mehr folgt sehr bald ^-^

Other

Desktopbild Cursor

Benutzerkonten XP

Grundsätzliches Bild Passwort Pw. löschen Kontoart ändern Namen ändern Neues Konto

Imagemap

 

 

Was ist ein Imagemap ?

Das ist ein "versteckter" Link in deinem Bild. Bei einem Imagemap kannst du ein Wort oder auch einen anderen Teil deines Bildes verlinken, sodass man beim draufklicken, auf die jeweils verlinkte Seite gelangt.
Es gibt immer einen ALT Text, den man allerdings auch weglassen kann. Ein ALT Text, ist der, der erscheint, wenn man mit der Maus drüberfährt (also beim hovern).

 

Wie mache ich ein Imagemap ?

Natürlich brauchst du dafür Photoshop oder auch Photshop Pro!

-Du öffnest also das Program und dein Dokument, dass du dafür verwenden willst.

-Nun wechselst du von Adobe Photoshop direkt zu Adobe Image Ready.
Das geht mit diesem Zeichen, indem du draufklickst. Klick So und ich werde, um es euch besser veranschaulichen zu können, mit einem eigenen Bild (wie ihr auf dem Dokument sehen könnt) arbeiten und euch die einzelnen Schritte ausstellen.

-Jetzt geht es weiter. Da ihr das Dokument jetzt in Image Ready geöffnet habt, könnt ihr auf dieses Zeichen klicken: Klick So & jetzt zieht ihr mit der Maus ein Rechteck/Quadrat über die Fläche, die später verlinkt sein soll. -Das sieht dann z.B. so aus:Klick ! So, auf diese Fläche muss man dann später klicken, um auf die verklinkte Seite zu kommen. Darunter seht ihr ja ein Textfeld. Dort müsst ihr die URL (Also die Adresse deiner Internetseite, die verlinkt werden soll) euer bald verlinkten Seite angeben. Darunter steht target. Dort könnt ihr zwischen blank, self, parent & top wählen. Wählt ihr self, so öffnet sich später die Seite über die gerade geöffnete Seite. Wählt ihr blank, öffnet sie sich extern, also einzeln.
Self ist zu empfehlen, wenn ihr z.B. die Startseite und/oder euer Gästebuch verlinkt habt. Blank jedoch, wenn ihr von einer anderen Seite zu euer Seite springen wollt.

-Dieser Schritt ist nicht schwer. Nun geht ihr im Image Ready auf File>Save optimzed as... Ihr speichert das Dokument als HTML Code irgendwo bei euren Textdokumenten ab (Ihr müsst es natürlich wieder finden!).

Wie ihr dies dann z.B. bei myblog.de installiert, müsst ihr hier gucken, denn hier ging es nur darum Wie ihr ein Imagemap macht & nicht, wie ihr es installiert.

 

Ich hoffe der Tut war für euch verständlich!! Falls nicht, meldet euch doch einfach, bei Pearky.Gfx.de.vu

Fragen ? Mail uns! Intoxication.design@freenet.de

Eure Jaleen


Gratis bloggen bei
myblog.de