Et billedkort er et billede med URL'er "kortlagt" på. Du kan pynte dit websted eller din personlige startside med et billedkort med dine foretrukne websteder, som du gerne vil besøge. Der er meget software, du kan gøre det, men denne artikel vil bruge Gimp.
Trin
Trin 1. Sæt en indledende grafik sammen, som du vil kortlægge
Du kan bruge billeder, billeder, hvad der virker for dig. Her vil vi bruge wikiHow, wikiHow forum og iGoogle.
Trin 2. Efter at du har oprettet billedet, (eller åbnet det), skal du gå til Filtre >> Web >> ImageMap
Dialogskærmen Gimp ImageMap
Trin 3. Klik på rektanglet til højre på skærmen, og vælg derefter et af de billeder, du vil bruge
I dette skærmbillede er wikiHow valgt. Udfyld de nødvendige oplysninger i dialogboksen, der vises.
Klik på rektangel, og du kan se grafikkens nøjagtige placering
Trin 4. Fortsæt denne proces for resten af dit kort
Trin 5. Når du er færdig med at definere alle linkområderne, skal du gemme dit billedkort
GIMP tilbyder automatisk at gemme dette som en fil med en.map -udvidelse. Hvis du ønsker det, kan du gemme det som det. Men denne fil indeholder HTML -koden (ingen billeder), som vi skal redigere og kopiere til vores egen webside, så det anbefales, at du gemmer den som [filnavn].html og springer direkte til trin 7.
Trin 6. HVIS du ikke har gemt den som en HTML -fil, skal du finde din gemte fil og omdøbe udvidelsen til.html
Du modtager muligvis en advarsel om ændring af filudvidelser. Klik på ja for at fortsætte.
Trin 7. Brug en teksteditor til at åbne denne HTML -fil
Du vil bemærke, at denne fil simpelthen indeholder en liste over koordinater og URL'er. Dette er koden, der fortæller en browser, hvilke webadresser der skal tildeles hvilken del af dit billede.
Trin 8. Sørg for, at filstien er defineret i
links til det billede, du vil have URL'erne kortlagt på.
Hvis det ikke rettes korrekt til billedet, kan det føre til, at der slet ikke vises noget billede.
Trin 9. VALGFRIT:
Brug en browser til at åbne din HTML -fil; hvis alt fungerer, skal du se billedet med alle URL'er kortlagt på det i henhold til de områder, du har defineret.
Trin 10. Tilføj dit billedkort til din websides HTML
Du bliver nødt til at kopiere ALLE de kodelinjer, du ser, inklusive
tag (som definerer stien til dit kildebillede) og alt mellem mærkerne. Det er det! Du er færdig.