Hvordan lage et bildekart ved hjelp av Gimp: 10 trinn (med bilder)

Innholdsfortegnelse:

Hvordan lage et bildekart ved hjelp av Gimp: 10 trinn (med bilder)
Hvordan lage et bildekart ved hjelp av Gimp: 10 trinn (med bilder)

Video: Hvordan lage et bildekart ved hjelp av Gimp: 10 trinn (med bilder)

Video: Hvordan lage et bildekart ved hjelp av Gimp: 10 trinn (med bilder)
Video: Illustrator Tutorial: Placing Images 2024, Kan
Anonim

Et bildekart er et bilde med nettadresser "kartlagt" på det. Du kan pynte nettstedet eller den personlige startsiden med et bildekart med favorittnettstedene du liker å besøke. Det er mye programvare du kan gjøre det, men denne artikkelen vil bruke Gimp.

Trinn

Lag et bildekart ved hjelp av Gimp Trinn 1
Lag et bildekart ved hjelp av Gimp Trinn 1

Trinn 1. Sett sammen en innledende grafikk som du vil kartlegge

Du kan bruke bilder, bilder, alt som fungerer for deg. Her vil vi bruke wikiHow, wikiHow forum og iGoogle.

Lag et bildekart ved hjelp av Gimp Trinn 2
Lag et bildekart ved hjelp av Gimp Trinn 2

Trinn 2. Etter at du har opprettet bildet, (eller åpnet det), går du til Filtre >> Web >> ImageMap

Dialogboksen Gimp ImageMap

Lag et bildekart ved hjelp av Gimp Trinn 3
Lag et bildekart ved hjelp av Gimp Trinn 3

Trinn 3. Klikk på rektangelet til høyre på skjermen, og velg deretter et av bildene du vil bruke

I dette skjermbildet er wikiHow valgt. Fyll ut nødvendig informasjon i dialogboksen som kommer opp.

Klikk på rektangel og du kan se den nøyaktige plasseringen av grafikken

Lag et bildekart ved hjelp av Gimp Trinn 4
Lag et bildekart ved hjelp av Gimp Trinn 4

Trinn 4. Fortsett denne prosessen for resten av kartet

Lag et bildekart ved hjelp av Gimp Trinn 5
Lag et bildekart ved hjelp av Gimp Trinn 5

Trinn 5. Når du er ferdig med å definere alle lenkeområdene, lagrer du bildekartet

GIMP vil automatisk tilby å lagre dette som en fil med en.map -forlengelse. Hvis du ønsker det, kan du lagre det som det. Men denne filen inneholder HTML -koden (ingen bilder) som vi trenger å redigere og kopiere til vår egen webside, så det anbefales at du lagrer den som [filnavn].html og hopper direkte til trinn 7.

Lag et bildekart ved hjelp av Gimp Trinn 6
Lag et bildekart ved hjelp av Gimp Trinn 6

Trinn 6. HVIS du ikke har lagret den som en HTML -fil, finner du den lagrede filen og gir nytt navn til utvidelsen til.html

Du kan få en advarsel om endring av filutvidelser. Klikk ja for å fortsette.

Lag et bildekart ved hjelp av Gimp Trinn 7
Lag et bildekart ved hjelp av Gimp Trinn 7

Trinn 7. Bruk et tekstredigeringsprogram til å åpne denne HTML -filen

Du vil legge merke til at denne filen ganske enkelt inneholder en liste over koordinater og nettadresser. Dette er koden som forteller en nettleser hvilke nettadresser som skal tilordnes hvilken del av bildet ditt.

Lag et bildekart ved hjelp av Gimp Trinn 8
Lag et bildekart ved hjelp av Gimp Trinn 8

Trinn 8. Sørg for at filbanen er definert i

Image
Image

lenker til bildet du vil at nettadressene skal kartlegges på.

Hvis du ikke peker det riktig på bildet, kan det føre til at det ikke vises noe bilde i det hele tatt.

Trinn 9. VALGFRITT:

Bruk en nettleser til å åpne HTML -filen din; hvis alt fungerer, bør du se bildet med alle nettadressene kartlagt på det i henhold til områdene du definerte.

Lag et bildekart ved hjelp av Gimp Trinn 10
Lag et bildekart ved hjelp av Gimp Trinn 10

Trinn 10. Legg til bildekartet i HTML -siden til websiden din

Du må kopiere ALLE kodelinjene du ser, inkludert

tag (som definerer banen til kildebildet) og alt mellom taggene. Det er det! Du er ferdig.

Anbefalt:

Hvordan lage et gratis nettsted ved hjelp av Wix: 9 trinn (med bilder)

Hvordan lage et gratis nettsted ved hjelp av Wix: 9 trinn (med bilder)

Wix.com er en nettstedbygger som lar deg bygge et nettsted uten koding. Wix er gratis å starte, men for å sette opp en butikk, fjerne merkevarebygging, koble til et tilpasset domene og mer, må du velge en av de rimelige premiumplanene. Trinn Trinn 1.

Hvordan lage et program ved hjelp av Notisblokk: 9 trinn (med bilder)

Hvordan lage et program ved hjelp av Notisblokk: 9 trinn (med bilder)

Notisblokk er et tekstredigeringsprogram som er forhåndsinstallert på Windows-datamaskiner. Notisblokk er ikke bare for å ta notater og åpne readme -filer. Du kan også bruke Notisblokk til å lage grunnleggende dataprogrammer. Du kan gjøre dette ved å opprette batchfiler som kjører skript i kommandoprompten i Windows.

Hvordan lage en katt ved hjelp av tastaturet: 6 trinn (med bilder)

Hvordan lage en katt ved hjelp av tastaturet: 6 trinn (med bilder)

Det er lett å lage en katt ved hjelp av tastaturet på datamaskinen. Med noen få tastetrykk kan du lage en enkel, men søt tastaturkatt. Hvor komplekst du vil bli, er opp til deg! Trinn Del 1 av 3: Forbereder å lage en katt Trinn 1.

Hvordan lage en webside ved hjelp av Dreamweaver: 10 trinn (med bilder)

Hvordan lage en webside ved hjelp av Dreamweaver: 10 trinn (med bilder)

Adobe Dreamweaver er et veldig nyttig program - hvis du vet hvordan det fungerer. For å fremskynde prosessen med å bruke dette programmet til å lage en webside, må du vite noen få triks. Og så er du bevæpnet og klar til å begynne å lage! Trinn Trinn 1.

Hvordan lage tabeller ved hjelp av Microsoft Excel: 12 trinn (med bilder)

Hvordan lage tabeller ved hjelp av Microsoft Excel: 12 trinn (med bilder)

Denne wikiHow lærer deg hvordan du lager en tabell med informasjon i Microsoft Excel. Du kan gjøre dette på både Windows- og Mac -versjoner av Excel. Trinn Del 1 av 3: Lage et bord Trinn 1. Åpne Excel -dokumentet Dobbeltklikk på Excel-dokumentet, eller dobbeltklikk på Excel-ikonet, og velg deretter dokumentets navn fra hjemmesiden.