How to Create a Pop–Up Menu

1. START By: Anne McKay, Holly McLeod & Laura Bruins How to Create a Pop–Up Menu Explanation/Goals A pop up menu is a… We will demonstrate how to create one….. You will need these programs……………. You will need to be familiar with………… Picture of a Pop-Up Menu Here???? Links to Other information (I.e. gvsu.edu, class pages, our pages???

2. By: Anne McKay, Holly McLeod & Laura Bruins How to Create a Pop–Up Menu • Click the “Text Tool” on the Tools menu. • Click on your new button that you created and a “Text Editor” dialogue box will appear…….. Home > Step 1: Creating the Initial Button ScreenShot here NEXT

3. By: Anne McKay, Holly McLeod & Laura Bruins How to Create a Pop–Up Menu • From the File Menu on the Menu Bar, select “File” > “New.” • In the window that appears,…………. Home > Step 2: Adding Text to Your Button ScreenShot here BACK NEXT

4. HOME SITE MAP STEP 1 STEP 2 STEP 3 STEP 4 STEP 5 STEP 6 STEP 7 COMPLETE By: Anne McKay, Holly McLeod & Laura Bruins How to Create a Pop–Up Menu PICTURE?

5. BACK By: Anne McKay, Holly McLeod & Laura Bruins How to Create a Pop–Up Menu Home > Complete • Congratulations! You now have a pop-up menu…. • Summary….. ScreenShot of complete pop-up here

6. HOME PAGE How to Create a Pop–Up Menu Text Needed: Introduction: Goal, Purpose Scope Prerequisite programs and knowledge Introduction to what we will demonstrate Image Needed: Picture of pop-up Menu Links Needed: Internal Links: Site Map, & All Steps on Navigation Bar, Start button linked to Step1. External Links: Our own Pages(linked to our names) GVSU page, course page???

7. SITE MAP How to Create a Pop–Up Menu Text Needed: None Image Needed: Picture of pop-up Menu ?? Or a street map or something?? Links Needed: Internal Links: Home Page & All Steps on Navigation Bar, all pages linked to their location on the site map. External Links: Our own Pages(linked to our names)

8. Step 1: Creating the Initial Button How to Create a Pop–Up Menu Text Needed: Steps for Creating the Initial Button Image Needed: Screenshot of “File” – “New” window, with correct measurements and resolution shown and arrow on the “Custom” button to show the color choices Links Needed: Internal Links: Home Page & Site Map, & All Steps on Navigation Bar Next button linked to Step 2 External Links: Our own Pages(linked to our names)????

9. Step 2: Adding Text to Your Button How to Create a Pop–Up Menu Text Needed: Steps for Adding Text to your button Image Needed: Screenshot of Text Editor icon, text cursor on button, properties box with text choices, and pointer arrow on button Links Needed: Internal Links: Home Page & Site Map, & All Steps on Navigation Bar, Next button linked to Step 3, Back button linked to Step 1 External Links: Our own Pages(linked to our names)????

10. Step 3: Creating a “Hotspot” for a pop-up menu How to Create a Pop–Up Menu Text Needed: Steps for creating a hotspot. Image Needed: Screenshot of Slice tool icon & shot of box being drawn around button. Links Needed: Internal Links: Home Page & Site Map, & All Steps on Navigation Bar, Next button linked to Step 4, Back button linked to Step 2. External Links: Our own Pages(linked to our names)????

11. Step 4: Adding the Pop-up Menu How to Create a Pop–Up Menu Text Needed: Steps for adding the pop-up menu. Image Needed: Screenshot of left cursor menu with “Add Pop-up Menu” highlighted, Pop-up Menu Editor “contents” tab with names and links filled in, “Appearances” tab with choices selected, “Advanced” tab with choices selected, and “Position” tab with the cursor over the Done button. Links Needed: Internal Links: Home Page & Site Map, & All Steps on Navigation Bar, Next button linked to Step 5, Back button linked to Step 3. External Links: Our own Pages(linked to our names)????

12. Step 5: Positioning the Pop-Up Menu How to Create a Pop–Up Menu Text Needed: Steps for positioning the Pop-Up Menu. Image Needed: Screenshot pointer tool dragging the outlined pop-up box. Links Needed: Internal Links: Home Page & Site Map, & All Steps on Navigation Bar, Next button linked to Step 6, Back button linked to Step 4. External Links: Our own Pages(linked to our names)????

13. Step 6: Saving and Exporting your Pop-Up Menu How to Create a Pop–Up Menu Text Needed: Steps for saving and exporting your pop-up menu. Image Needed: Screenshot of pointer over “File” > “Export”, and then the Export screen with the pointer over the save button. Links Needed: Internal Links: Home Page & Site Map, & All Steps on Navigation Bar, Next button linked to Step 7, Back button linked to Step 5. External Links: Our own Pages(linked to our names)????

14. Step 7: Check to see if your pop-up menu works. How to Create a Pop–Up Menu Text Needed: Steps for checking if your pop-up menu works. Image Needed: Screenshot of an Internet Explorer screen with the “File”- “Open” – Browse menu, the file name highlighted and the arrow over the OK button. Links Needed: Internal Links: Home Page & Site Map, & All Steps on Navigation Bar, Next button linked to Complete, Back button linked to Step 6. External Links: Our own Pages(linked to our names)????

15. Complete: Completed Pop-up Screen How to Create a Pop–Up Menu Text Needed: Congratulations, you’ve completed… Summary of what has been learned. Image Needed: Screenshot of an Internet Explorer screen with the completed pop-up button with the drop down menu showing. Links Needed: Internal Links: Home Page & Site Map, & All Steps on Navigation Bar, Back button linked to Step 7. External Links: Our own Pages(linked to our names)????