Steps for Project 1: Making your Popups
(DO THIS AFTER YOU ARE FINISHED ASSEMBLING YOUR JEWELRY HTML PAGE).

You will repeat the steps we took in Demo 3 when we opened a browser window with a large photo by clicking on the smaller image.

1. First create one HTML page in your folder with for popups (many students have simply named it "popups").
   
2. Go to Modify>Page Properties and set the Left Margin, Top Margin, Margin Width, and Margin Height all to 0.
   
3. Insert an image from the popup_images folder within your project_1 site. (This can be found in the Class Folders - please copy this folder to your popups folder).
   
4. Take note of the dimensions. Keep this information with your sketches and site map for reference.
   
5. Save this HTML file with an appropriate name.
   
6. Give the page and appropriate title.
   
7. Insert Alt text.
   
8. Save the file again.
   
9. Now double-click on your image to swap it out for another image.
   
10. Repeat steps 4-10 for each of the other 5 images.
    
11. Go back to your HTML page with the jewelry on it.
    
12. Select one of the jewelry thumbnails.
    
13. Go to Window>Behaviors.
    
14. Click on the "+" sign. Make sure you are Showing Events for IE 6.0 or Netscape 6.0.
    
15. Select "Open Browser Window".
    
16. Select the matching HTML page within the popups folder.
    
17. Insert the appropriate in the Window Width and Window Height text boxes. Press "okay".
    
18. Make sure your event is set to (onMouseDown).
    
19. Repeat steps 12-18 for the rest of the five thumbnails.
    
20. Save your jewelry HTML page.