Een imagemap is een afbeelding waarop URL's zijn "toegewezen". U kunt uw website of persoonlijke startpagina aankleden met een imagemap met uw favoriete sites die u graag bezoekt. Er is veel software waarmee u dit kunt doen, maar in dit artikel wordt Gimp gebruikt.
Stappen
Stap 1. Stel een eerste afbeelding samen die u in kaart gaat brengen
Je kunt afbeeldingen, afbeeldingen gebruiken, wat voor jou ook werkt. Hier zullen we wikiHow, wikiHow-forum en iGoogle gebruiken.
Stap 2. Ga na het maken van de afbeelding (of het openen ervan) naar Filters >> Web >> ImageMap
Het dialoogvenster Gimp ImageMap
Stap 3. Klik op de rechthoek aan de rechterkant van het scherm en selecteer vervolgens een van de afbeeldingen die u wilt gebruiken
In deze schermafbeelding is wikiHow geselecteerd. Vul de nodige informatie in in het dialoogvenster dat verschijnt.
Klik op rechthoek en u kunt de exacte locatie van de afbeelding zien
Stap 4. Ga door met dit proces voor de rest van je kaart
Stap 5. Als u klaar bent met het definiëren van alle linkgebieden, slaat u uw imagemap op
GIMP biedt automatisch aan om dit op te slaan als een bestand met de extensie.map. Als je wilt, kun je het zo opslaan. Maar dit bestand bevat de HTML-code (geen afbeeldingen) die we moeten bewerken en kopiëren naar onze eigen webpagina, dus het is aan te raden om het op te slaan als [bestandsnaam].html en direct door te gaan naar stap 7.
Stap 6. Als je het niet als HTML-bestand hebt opgeslagen, zoek je het opgeslagen bestand op en hernoem je de extensie naar.html
Mogelijk ontvangt u een waarschuwing over het wijzigen van bestandsextensies. Klik op ja om door te gaan.
Stap 7. Gebruik een teksteditor om dit HTML-bestand te openen
U zult merken dat dit bestand gewoon een lijst met coördinaten en URL's bevat. Dit is de code die een browser vertelt welke URL's aan welk deel van uw afbeelding moeten worden toegewezen.
Stap 8. Zorg ervoor dat het bestandspad gedefinieerd in
links naar de afbeelding waaraan u de URL's wilt koppelen.
Als u het niet correct naar de afbeelding wijst, kan dit ertoe leiden dat er helemaal geen afbeelding wordt weergegeven.
Stap 9. OPTIONEEL:
Gebruik een browser om uw HTML-bestand te openen; als alles werkt, zou je de afbeelding moeten zien met alle URL's die erop zijn toegewezen volgens de gebieden die je hebt gedefinieerd.
Stap 10. Voeg uw imagemap toe aan de HTML van uw webpagina
U moet ALLE regels code kopiëren die u ziet, inclusief de
tag (die het pad naar uw bronafbeelding definieert) en alles tussen de tags. Dat is het! U bent klaar.
