how to create a pop–up menu

How to Create a Pop–Up How to Create a Pop–Up MenuMenuLinks to Other

information (I.e. gvsu.edu,

class pages, our pages???

STEP 1 STEP 2 STEP 3 STEP 4 STEP 5 STEP 6 STEP 7 COMPLETE

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

HOMHOMEE

SITE SITE MAPMAP

By: Anne McKay, Holly McLeod & Laura Bruins

How to Create a Pop–Up How to Create a Pop–Up MenuMenu

1 2 3 4 5 6 7 COMPLETE

Home > Step 1: Creating the Initial Button

NEXT

HOMHOMEE

SITE SITE MAPMAP


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


1 2 3 4 5 6 7 COMPLETE

Home > Step 2: Adding Text to Your Button

NEXT

HOMHOMEE

SITE SITE MAPMAP


1. From the File Menu on the Menu Bar, select “File” > “New.”

2. In the window that appears,………….

ScreenShot here

BACK


1 2 3 4 5 6 7 COMPLETE

HOMHOMEE

SITE SITE MAPMAP


HOME

SITE MAPSTEP 1

STEP 2STEP 3STEP 4STEP 5STEP 6STEP 7COMPLETE

PICTURE?


1 2 3 4 5 6 7 COMPLETEHome > Complete

HOMHOMEE

SITE SITE MAPMAP


Congratulations! You now have a pop-up menu….

Summary…..

ScreenShot of complete pop-up here

BACK

How to Create a Pop–Up How to Create a Pop–Up MenuMenuHOME 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 How to Create a Pop–Up MenuMenuSITE 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 How to Create a Pop–Up MenuMenuStep 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 How to Create a Pop–Up MenuMenuStep 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


Text Needed:

Steps for Adding Text to your button

How to Create a Pop–Up How to Create a Pop–Up MenuMenuStep 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.


Text Needed:

Steps for creating a hotspot.

How to Create a Pop–Up How to Create a Pop–Up MenuMenuStep 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:



Text Needed:

Steps for adding the pop-up menu.

How to Create a Pop–Up How to Create a Pop–Up MenuMenuStep 5: Positioning the Pop-Up Menu

Image Needed:

Screenshot pointer tool dragging the outlined pop-up box.

Links Needed:



Text Needed:

Steps for positioning the Pop-Up Menu.

How to Create a Pop–Up How to Create a Pop–Up MenuMenuStep 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:



Text Needed:

Steps for saving and exporting your pop-up menu.

How to Create a Pop–Up How to Create a Pop–Up MenuMenuStep 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.


Text Needed:

Steps for checking if your pop-up menu works.

How to Create a Pop–Up How to Create a Pop–Up MenuMenuComplete: 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.


Text Needed:

Congratulations, you’ve completed…

Summary of what has been learned.

how to create a pop–up menu

Documents