How to Create a Pop–Up Menu Links to Other information (I.e. gvsu.edu, class pages, our pages??? STEP 1STEP 2STEP 3STEP 4STEP 5STEP 6STEP 7COMPLETE 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???? START HOME SITE MAP By: Anne McKay, Holly McLeod & Laura Bruins

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

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

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

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

How to Create a Pop–Up Menu HOME PAGE 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??? Text Needed: Introduction: Goal, Purpose Scope Prerequisite programs and knowledge Introduction to what we will demonstrate

How to Create a Pop–Up Menu SITE MAP 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) Text Needed: None

How to Create a Pop–Up Menu Step 1: 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)???? Text Needed: Steps for Creating the Initial Button

How to Create a Pop–Up Menu Step 2: 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)???? Text Needed: Steps for Adding Text to your button

How to Create a Pop–Up Menu Step 3: Creating a “Hotspot” for a pop-up menu 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)???? Text Needed: Steps for creating a hotspot.

How to Create a Pop–Up Menu Step 4: 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)???? Text Needed: Steps for adding the pop-up menu.

How to Create a Pop–Up Menu Step 5: 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)???? Text Needed: Steps for positioning the Pop-Up Menu.

How to Create a Pop–Up Menu Step 6: 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)???? Text Needed: Steps for saving and exporting your pop- up menu.

How to Create a Pop–Up Menu Step 7: Check to see 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)???? Text Needed: Steps for checking if your pop-up menu works.

How to Create a Pop–Up Menu Complete: Completed Pop-up Screen 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)???? Text Needed: Congratulations, you’ve completed… Summary of what has been learned.