For my project located at http://students.uwf.edu/ctr3/imap/index.html
I used image mapping to create a cyclical website of interlinked images, where you could click on a certain part of each image and a new image would open up. In this project, Image Mapping uses the pixel coordinates to insert links on a specific photo on a certain part of that photo, that will link to another image on another page.
To do an Image Map, a photo must be opened in Photoshop and one of the first things you should do is go under the photoshop tab and in preferences, select units and rulers and be sure that the measurements are set to Pixels. The next step is to make sure that the info window is open because that is where your x,y, coordinates are given. Once you have this set up, you are ready to take coordinates and start image mapping. Image maps can be shaped as circles, rectangles, and polygons and there are different coordinates that need to be recorded for each shape. For further information and ideas on image mapping visit:
http://graphicdesign.spokanefalls.edu/tutorials/tech/imagemapexample/imagemap.htm
or
http://www.w3schools.com/tags/tag_map.asp
The image maps are made in a TextEdit document and saved as a html file that can then be uploaded to the web, along with the images that are mapped. Once all the files are uploaded, the interlinked website will hopefully work.
Tuesday, October 9, 2007
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment