Sådan oprettes en webside for at vise billedkortlægning

Et trin op fra at bruge tekst i HTML-hyperlinks bruger billeder som hyperlinks. Men der er endnu et skridt op fra dette, som mange mennesker ikke er opmærksomme på. Ved hjælp af HTML-taggen kan du oprette specifikke dele af et enkelt billede med forskellige hyperlinks. Denne funktion kan være yderst nyttig, hvis din virksomhed involverer kort, diagrammer og andre billeder med flere forskellige dele. Brug grundlæggende HTML til at oprette en webside, der viser et billedkort.

Opret en billedkort

1.

Åbn det billede, du vil lave, til et billedkort i et billedredigeringsprogram som Microsoft Paint. Bemærk, at hvis du bruger noget andet end Paint, skal programmet have en koordinat-punktfunktion.

2.

Flyt markøren over et hjørne af den del af billedet, du gerne vil lave i en kortafdeling. Koordinaterne - for eksempel "0, 0" - blink i nederste venstre af Paint-vinduet. Bemærk dem ned, og gentag for de andre hjørner af sektionen. Alt indhold indeholdt i koordinaterne er en del af billedkortafsnittet.

3.

Gentag det forrige trin for andre sektioner, du gerne vil lave i billedkortsektioner. Hold hver sektion koordinatpunkter adskilt fra hinanden.

4.

Åbn din HTML-editor og indsæt koden for selve billedet. Det skal svare til følgende kode:

5.

Indsæt koden til billedkortet, når du er klar:

Udskift eksempelkodens former og koordinater med din egen.

Opret en webside for dit billedkort

1.

Gå til toppen af ​​HTML-siden, du lavede i slutningen af ​​sidste afsnit, og indtast følgende kode:

2.

Gå til bunden af ​​HTML-siden, under billedkoden, og indtast følgende kode:

3.

Gem siden som en .html eller .htm-fil, og dobbeltklik derefter på den for at få vist den i din webbrowser. Din billedkorts webside er nu klar til brug på internettet. Din endelige webside kode skal se ud som denne:

Tip

  • De billedkortformer du kan bruge er "rekt" for rektangel, "cirkel" til cirkel og "poly" til polygoner. Enhver form, der ikke er et rektangel eller en cirkel, er en polygon.
 

Efterlad Din Kommentar