NAVIGATION Budding_HTML_Gurus Mystikal Visionz Red Rose Web Design BACK to My Homepage Red Rose Web Lesson Portfolio Dynamic Drive Web Tech University

Welcome to my Portfolio at Red Rose Web Design
Lesson 13 Image Mapping

The above is a "Graphic Navigator" designed in Paint Shop Pro Graphics Program

This Webset Consists of:

•Design a Webpage using Image Mapper
•Design a 2nd Page showing a different design from the first one

Divider

What is Image Mapping?

Image Mapping is a creative way of navigation to different Websites or Pages
This is done by:
•Creating your Graphic
•In your graphics program using the Image Mapper
•Taking your selection tool in Image Mapper and selecting an area
where you would like to link a website or page mapped.
•Setting-up links to different websites or pages in your Image Mapper
•Adding the codes that is made by the Image Mapper to your html page...
This will make the graphic workable when you put your cursor over the
the different areas of the image.

If you put your mouse over each frame you will see how a title pops-up that
will take you to a website or a page.

"CLICK ON THE DIFFERENT FRAMES OF THE IMAGE"

Isn't that neat ;0)

Divider

See another design I did also using the Image Mapper "HERE"


Enter to Lesson 12 Enter to Home Enter to Lesson 14


I hope that you enjoyed Lesson 13

Please feel free to Contact Me

Designed by AngelAD taught by "Red Rose Web Design 2007 / 2008"



Red Rose Award 13