Bildkartor tillåter dig att utse "hot spots" i en bild som blir klickbara länkar till andra sidor , ljud, animationer eller videoklipp . Bildkartor kan ge visuell navigering för användare som kanske har problem med vanlig text knappar eller länkar . Du kan skapa en grundläggande bild karta med hjälp av Adobe Photoshop , vilket är ett bildredigeringsprogram som skapats av Adobe . Photoshop kommer med en komponent som kallas Image Ready , vilket kan skapa klickbara bilder . Instruktioner
1
Öppna bilden du ska använda för att skapa din bildkarta i Photoshop . Bilden bör redan optimerade för webben . Genom att trycka på " Shift - Ctrl - M " eller klicka på " Redigera i ImageReady "
2
Gå ImageReady komponenten i Photoshop -knappen längst ner i din verktygslåda .
3
Tryck på " P " -knappen eller välj " Image Map " verktyget ikon i det vanliga verktygslåda för att öppna verktyget Bild Map . Klicka och håll ned " Image Map " verktyget och du kommer att se en rektangel , cirkel eller polygon former . Välj den form som bäst passar den del av bilden som du vill använda som en hot spot .
4
Använd din mus , klicka på bilden och markera hot - spot -området genom att klicka och dra musen . När du släpper musknappen , kommer ImageReady skapa ett nytt hot spot på din bild .
5
Öppna bilden kartan options ruta genom att klicka på " Window " drop - down menyn och välja " Image karta . " Använd alternativet Namn för att namnge hot spot . Använd " URL " rullgardinsmenyn för att markera en lokal sida eller skriva in adressen till en extern webbsida för att få tillgång till via denna hot spot . Använd Target rullgardinsmenyn för att belysa hur ditt externa länken skall öppnas . Alt Området kommer att innehålla text som visas när en muspekaren placeras över denna hot spot .
6
Använd Dimensioner alternativ för att finjustera positionen och storleken på din hot spot . X och Y beteckna den exakta lokaliseringen av ditt hot spot med vertikala och horisontella bildpunkter . W och H kan du definiera storleken på din hot spot med ett antal bildpunkter .
7
Upprepa steg 4 , 5 och 6 för varje hot spot som du vill skapa .
8
Tryck " Ctrl - Skift - Alt - S " eller välj " File " i rullgardinsmenyn och välj " Spara optimerad som . " Ange ett filnamn och vara säker på att " HTML och bilder " , visas i " Spara som typ " avsnittet . Klicka på " Spara " för att slutföra filen sparar process . Detta skapar en HTML-fil och tillhörande mapp för bilder .
9
Klicka på den nyskapade HTML-filen för att testa funktionen på din nya bild karta .
