Annons
Jag skrev en artikel om hur man skapar en bild för din webbplats med klickbara regioner eller hotspots med GIMP Hur man skapar en bildkarta med GIMP Läs mer . Denna typ av klickbar bild kallas en bildkarta. Bildkartor har funnits ett tag men de används fortfarande för att ge webbdesigners flexibilitet.
I kommentarerna frågade någon mig om det var möjligt att använda Paint. NET (kan det vara en Photoshop-alternativ 5 gratis alternativ till Photoshop du bör prova Läs mer ?). Av den anledningen avsåg jag att inte bara installera och använda Måla. NETTO för första gången, men för att ta reda på hur man gör bildkartor med den.
Ja, jag var tvungen att lämna Ubuntu några minuter och starta in min Windows-installation (jag vet att det finns det en Ubuntu-version men jag var inte säker på om allt skulle fungera på samma sätt) men det var värt att byta takt.
Slutsatsen jag kom till var att ja, det är möjligt men du behöver hjälp av ett plugin.
Ladda ner och installera pluginet
Plugins är ganska enkla att implementera i Paint. NET och det består i princip av att ladda ner filerna och lägga dem i rätt mapp. Plugin som behövs för att skapa en bildkarta kallas "
Skapa bildkarta”Och du kan ladda ner den från den här länken. Sidan är lite rörig så kolla in skärmdumpen nedan för att enkelt hitta den.
Du hämtar en zip-fil som innehåller rätt filer. När du har laddats ner, lägg bara in dem här: C / Programfiler / Måla. NET / Effekter
Starta bara om Paint. NET och du bör ha det installerat. Öppna bilden så borde du vara klar.
Använd Image Map Editor för att få rätt kod
Öppna bildkartredigeraren: Effekter -> Bildapplikation -> Skapa bildkarta
Dra (låtsas som om du ser en ruta) och namnge varje hotspot.
Klicka på OK när du är klar. Du kommer då att få en pop-up med någon kod du behöver ta tag i.
Redigera koden och gör dig redo för din webbplats
Öppna Anteckningar eller liknande textredigerare och klistra in koden. Du kommer förmodligen att sluta med all koden på en rad. Det enklaste sättet är att skilja raderna som jag gjorde i skärmdumpen nedan.
Lägg märke till att jag lagt till en kodrad längst upp. Den här kodraden anger var bilden ligger på servern (du laddade upp den rätt?) Och namnet på kartan som används över bilden.
Du kommer också att märka att jag namngav kartan. För att knyta bilden till kartan måste du göra det. Byt också ut "#" -skyltarna med URL: er för länkarna du vill infoga.
Så ja, det finns ett annat sätt att skapa en bildkarta. Det är också möjligt att göra för hand utan hjälp av ett bildredigeringsprogram men vem har tid för det?
Vad använder du för att skapa bildkartor?
Jag är ett 30-årigt barn i hjärtat. Jag har arbetat med och vid datorer sedan gymnasiet. Jag tycker om att hitta nya och intressanta webbplatser som är användbara för varje dag. Jag har hjälpt och utbildat människor i teknikrelaterade frågor i åratal och ser inte mig själv stoppa någon dag snart.