The Image Maps

Directions

Watch the video tutorial to create an image map with people who have inspired you in your Hobby. When finished go back to your inspire HTML and move the </h2> tag after your image so that it centers the image.

As a photographer, the following people have inspired me:

Then take a screenshot of the webpage showing your home image map like the image below and post to Schoology.

Watch the video tutorial on What is the Internet and IP Addresses while taking notes.

Finished

Open your inspire.html file and insert the word cloud image into the body and center it.

Text

Above the word cloud image, insert the text, "People who have inspired me" at the top center of the page. Use an H2 heading.

Image Map

Build an image map with the image by creating a rectangle area link around the word Home so that when the person clicks on Home, it goes to your homepage. You do not have to make image links or write descriptions about the people as it shows in the following videos. Watch and follow the directions in the video tutorial part I & part II.

Go to http://www.abcya.com/word_clouds.htm and type the names (type the first and last name together GeorgeWashington) of three people who have inspired you in your hobby and the type the word Home. Choose a word cloud layout so that the names are all vertical and/or horizontal. Take a screenshot when like the example below and insert it into your organized HTML folder in your dropbox.

ITC HTML Lesson 3 ‎(i maps)‎

HTML Image Map Example

<img src="wordle.png" width="1000" height="500" usemap="#names">

<map id="names" name="names">

<area shape="rect" coords="0,50,450,80" alt="gilbert" href="#thepast">

<area shape="circle" coords ="250,20,10" alt="home" href="index.html">

</map id>