Download presentation
Presentation is loading. Please wait.
1
:
2
Image Map Exercise Create an image map of you home town and add hot spots to link to three pages about the areas indicated by the hot spots.
3
Diagram of how home town image map will navigate your pages.
4
Visit these two sites using the address for you home town TerraFly for aerial and satellite photos. http://www.terrafly.com/ Microsoft TerraServer for aerial and satellite photos: http://terraserver.microsoft.com/ Google Maps and Satellite images: http://maps.google.com/ Mapquest for map and directions. http://www.mapquest.com/
5
U Mass Lowell, (Terrafly 2m)
6
Finding and saving a map of your hometown 1.Log into mapquest.com and use an address in your hometown to get a map. 2.Use the normal save image_as method to capture the image. 3.Save it to your computer and rename it to match city name, e.g. lowell.gif
7
Copy yellow area below and Paste it into Composer SaveAs -- imagemap.html
8
Steps in Composer 1.Remove red text and insert your image of your hometown in its place. 2.Create a link to your home page see green box (remove green box ) 3.Save as imagemap.html
9
Using MapEdit to create the hot spots in imagemap.html Close Composer after saving the page as imagemap.html Download and install MapEdit on your computer. Open MapEdit and select [Open A Web Page]
10
Creating the image map Open – imagemap.html Should see a map in the window. Use the Rectangle button to place a rectangular hot spot Use Circle to create a circular hot spot Use polygon to create polygonal one. –Left button to create points –Right to close (end)
Similar presentations
© 2024 SlidePlayer.com. Inc.
All rights reserved.