Sådan opretter du et billedkort ved hjælp af GIMP

Har du nogensinde ønsket at tilføje et billedkort til dit websted? Et billedkort er en grafik, der indeholder hotspots, der linker til URL'er. De bruges som et middel til at give en webdesigner større designfleksibilitet, idet de næsten kan indsætte links på ethvert sted, de ønsker. Ja, billedkort kan hjælpe så meget.

Der er flere stykker designsoftware, der kan hjælpe en designer med at oprette et billedkort, men mange af dem er meget dyre. Jeg har valgt at lære at bruge GIMP, fordi det er gratis. Følg disse enkle trin for at oprette dit eget billedkort ved hjælp af GIMP.

1. Opret eller find det billede, du vil bruge

Ethvert billede vil gøre, og meget af det afhænger af, hvad du prøver at opnå som designer. Jeg har set billedkort, hvor ansigter er klikbare, som bringer dig til biografen på hver person. Til dette eksempel tilføjer jeg flere grafiske logoer, som jeg senere vil gøre klikbare.

2. Åbn billedkorteditoren i GIMP og start kortlægning

Når du har billedet, hvor du vil have det, skal du finde menuen Værktøjer -> Web -> Billedkort. Dette skulle åbne billedkorteditoren, hvor du tilbydes flere værktøjer. Du kan bruge forskellige former for at opnå den effekt, du ønsker.

Der er også to arbejdsområder: billedkortet og listen over links, du har kortlagt.

Brug af redaktøren skal vise sig at være selvforklarende. Grundlæggende bruger du formværktøjet, der er mest befordrende for at dække det område, du vil være knyttet til URL'en. Du vil bemærke, at når du er færdig med hver form, vises en pop-up, som du kan udfylde. De mest basale indstillinger, der skal udfyldes, er på den første fane. Udfyld adressen og ALT-teksten, og du skal være i orden.

3. Hent koden

Det er godt at vide, at når alt design er gjort, er det, du har brug for i sidste ende, koden. Du kan se, billedkort er faktisk skrevet i HTML, og for at du faktisk får billedkortet op og kører på dit websted, bliver du nødt til at få fat i koden. Med GIMP er dette let at gøre. Bare gå til Vis-> Kilde for at se kildekoden.

Du vil bemærke, at jeg fremhævede en del af koden. Dette er adressen, hvor det billede, der kortlægges, er placeret. Hvis filen, der indeholder koden og billedfilen, ikke er i det samme bibliotek, skal du placere det korrekte sted på billedet der.

4. Test billedkortet

Hvis du gemmer filen, vil du bemærke, at det kun er en fil, der indeholder koden, men med en filtypenavn på kort. Skift filtypenavnet til HTML, sørg for, at der ikke er nogen periode foran filnavnet, og sørg for, at billedet er i den samme mappe som HTML-filen, og at du burde være i stand til at teste den. Dobbeltklik på HTML-filen skal åbne den i din standardwebbrowser.

Der har du det, en gratis og nem måde at oprette et billedkort til dit websted ved hjælp af GIMP. Opretter du billedkort? I bekræftende fald, hvilke værktøjer bruger du til at gøre det?