Afbeelding kaarten toestaan om " hot spots" in een afbeelding die klikbare links naar andere pagina's , geluiden , animaties of video's worden aangewezen . Image maps kan visuele navigatie te bieden voor gebruikers die problemen met platte tekst knoppen of koppelingen kunnen hebben . U kunt een basis image map met Adobe Photoshop , dat is een fotobewerkingsprogramma gemaakt door Adobe te creëren . Photoshop wordt geleverd met een component genaamd Image Ready , die image maps kunt maken . Instructies
1 Open de afbeelding die u gaat gebruiken om uw afbeelding kaart in Photoshop te creëren . Het beeld moet nu al worden geoptimaliseerd voor het web . Kopen van 2 Toegang tot de ImageReady onderdeel van Photoshop door op ' Shift - Ctrl - M " of klikken op de " Edit in ImageReady " knop aan de onderkant van uw gereedschapskist .
3 Druk op de toets " P " of selecteer de " Image Map ' icoon op de standaard gereedschapskist om de afbeelding Kaart tool. Klik en houd de " Image Map ' tool en je zult een rechthoek , cirkel of veelhoek vormen zien . Kies de vorm die het beste past bij het gebied van de afbeelding die u wilt gebruiken als een hot spot .
4 behulp van uw muis , klik op de afbeelding en markeer de hot - spot gebied door te klikken en de muis te slepen . Wanneer u de muisknop loslaat , zal ImageReady een nieuwe hot spot op je afbeelding te maken .
5 Open de map optiesdoos afbeelding door te klikken op de "Window " drop - down menu en selecteer " Afbeelding kaart . " Gebruik de optie Naam aan de hot spot te noemen. Gebruik de " URL " drop - down menu om een lokale pagina of typ het adres van een externe webpagina markeren om via deze hot spot . Gebruik het menu Doel drop-down te benadrukken hoe uw externe link wordt geopend . De Alt gebied zal de weergegeven wanneer een muisaanwijzer wordt geplaatst over deze hot spot tekst bevatten .
6 Gebruik de opties Dimensies te fine - tunen van de positie en de grootte van uw hot spot . X en Y duiden de exacte locatie van uw hot spot met verticale en horizontale pixels . W en H kunt u de grootte van uw hot spot met behulp van een aantal pixels te definiëren .
Herhaal stap 4 , 5 en 6 voor elke hot spot 7 u wilt maken .
< Br > Druk op "Ctrl - Shift - Alt - S " of 8 selecteert de " file " drop - down menu en kies "Save Optimized As. " Voer een bestandsnaam in en zorg ervoor dat de " HTML en afbeeldingen " , wordt weergegeven in de sectie " Opslaan als type " . Klik op " Opslaan " om het bestand te besparen voltooien . Dit creëert een HTML-bestand en de bijbehorende map voor afbeeldingen .
9 Klik op de nieuw aangemaakte HTML -bestand naar de werking van uw nieuwe image map te testen .
|
