Annonse

Hvordan lage et bildekart ved bruk av maling. NET paintnetimagemap-skjermbildeJeg skrev en artikkel om hvordan du lager et bilde for nettstedet ditt med klikkbare regioner eller hotspots ved bruk av GIMP Hvordan lage et bildekart ved hjelp av GIMP Les mer . Denne typen klikkbare bilder kalles et bildekart. Bildekart har eksistert en stund, men de er fremdeles mye brukt for å gi webdesignere fleksibilitet.

I kommentarene spurte noen meg om dette var mulig å bruke Paint. NET (kan det være en Photoshop-alternativ 5 gratis alternativer til Photoshop du bør prøve Les mer ?). Av denne grunn satte jeg meg for ikke bare å installere og bruke Maling. NETT for første gang, men for å finne ut hvordan du gjør bildekart ved å bruke det.


Ja, jeg måtte forlate Ubuntu i noen minutter og starte opp Windows-installasjonen min (jeg vet at det er det en Ubuntu-versjon, men jeg var ikke sikker på om alt ville fungert på samme måte) men det var verdt å endre på tempo.

Konklusjonen jeg kom til var at ja, det er mulig, men du trenger hjelp av en plugin.

Last ned og installer plugin-modulen

instagram viewer

Plugins er ganske enkle å implementere i Paint. NET og det består i bunn og grunn av å laste ned filene og putte dem i riktig mappe. Plugin-en som trengs for å lage et bildekart kalles “Lag bildekart”Og du kan laste den ned fra denne lenken. Siden er litt rotete, så sjekk skjermdumpen nedenfor for å finne den enkelt.

hvordan lage et bildekart

Du laster ned en zip-fil som inneholder de riktige filene. Når du er lastet ned, bare legg dem inn her: C / Programfiler / maling. Net / Effekter

Nå er det bare å starte Paint på nytt. NET, og du bør ha det installert. Åpne bildet, så bør du være i orden.

Bruk Image Map Editor for å få riktig kode

Åpne bildekarteditoren: Effekter -> Bildeprogram -> Lag bildekart

Dra (later som om du ser en boks) og gi navnet til hvert hotspot.

hvordan lage et bildekart

Klikk OK når du er ferdig. Du vil da få en pop-up med en kode du trenger å hente.

lag et bildekart

Rediger koden og gjør den klar for nettstedet ditt

Åpne Notisblokk eller en lignende tekstredigerer, og lim inn koden. Du vil sannsynligvis ende opp med all koden på en linje. Den enkleste måten er å skille linjene slik jeg gjorde i skjermdumpen nedenfor.

Hvordan lage et bildekart ved bruk av maling. NET paintnetimagemap redigert kode

Legg merke til at jeg la til en kodelinje øverst. Denne kodelinjen spesifiserer hvor bildet er plassert på serveren (du har lastet det opp?) Og navnet på kartet som brukes over bildet.

Du vil også legge merke til at jeg navngav kartet. For å knytte bildet til kartet, må du gjøre det. Bytt også ut "#" -skiltene med nettadresser til koblingene du vil sette inn.

Så ja, det er en annen måte å lage et bildekart på. Det er også mulig å gjøre for hånd uten hjelp av et bildedigeringsprogram, men hvem har tid til det?

Hva bruker du for å lage bildekart?

Jeg er et 30 år gammelt barn på hjertet. Jeg har jobbet med og ved datamaskiner helt siden videregående. Jeg liker å finne nye og interessante nettsteder som er nyttige for hverdagen. Jeg har hjulpet og trent folk på teknologirelaterte problemer i mange år og ser ikke meg selv stoppe noen dag snart.