Nonlinear Narrative Project

Working in groups of 3, create a hyperlinked nonlinear narrative based on the type of interaction used in On the Night of Mr. Melvyn's Murder. Build this narrative using hypertext links between pages of your blog and the pages of your group members.

1. Meet up with your group somewhere in the city and go for a one hour walk together. Bring a camera and take photos of your surroundings as you go.
2. Choose at least 5 of your photos (each group member should choose 5) that relate to each other in some way. These will form the basis of your narrative.
3. Create a new Page on your blog for each image (remember that in WordPress "Pages" are different than "Posts"). Each group member should have at least 5 WordPress pages, each with a single image. Remember that to upload an image to a page, use the first button next to "Upload/Insert" to upload the image and then "Insert into post."
4. Add a short caption below each image explaining what is being depicted.
5. Use the <map> and <area> HTML tags to link parts of your image to your other pages. Note that you'll need to switch your post editor from "Visual" mode to "HTML". You may find that using an online tool is helpful for generating the HTML code (or at least to find <area> coordinates).

   <img src="image.jpg" alt="Image Name" usemap="#my_image_map" />
   
   <map name="my_image_map">
      <area shape="rect" coords="10,10,30,30" href="page1.html" />
      <area shape="rect" coords="40,40,80,80" href="page2.html" />
   </map>
   

6. Add more image map links to your pages and your teammates' pages, creating an interconnected web of images.
7. Add a comment below that links to one (or more) of the pages. This will serve as the starting point for your nonlinear narrative. Or, you can also just link to this page's URL from one of your nonlinear narrative pages to create a pingback. (Due to spam moderation, comments and pingbacks may not appear immediately.)