Making a Drop Down Menu

For this assignment I want you to include a drop down menu on your bio page. The drop down menu will have links to each of the assignments you have completed and will grow in length by adding the new pages you create throughout the semester. I also expect you to have this drop down menu located at the top of the page for easier access. After the semester is over and you have your grade, if you do not want it at the top, you can remove it.

  1. Open Front Page.

  2. Go to your Bio page which is supposed to be your index page. If it is not your index, change it before continuing. When you have your Bio as your index, return to this page and do step 3.

  3. Open a  browser.

  4. Go to Mr. Ruth's web page for his bird club at http://www.netpets.org/~budgie/

  5. Click the View menu button and then click source.

  6. Skim through the source code until you find the line of code that reads <!--Beginning of the form-->. It has been separated from the other lines of code to make it easier to find. 

  7. Highlight the line of code and all that follows until you have <!--End of the form--> highlighted.

  8. Copy the highlighted code (use edit, copy or Ctrl + C).

  9. Return to your Bio page (really your index page) and using the HTML folder at the bottom, paste the copied code where you think it will work out the best. 

The code you copied will have links to the sites for Mr. Ruth's pages. You have to change a couple of things to make the page work for you.

  1. Change the form name to a word that applies to you, your name, an abbreviation or something you want. ( You can not have numbers, and spaces. )

  2. Look in the next couple of lines of code and find the word you changed in the form name. Change only that word to the new word. You will find two places to change for a total of three, the from name and two others.

Now change the title and links of the drop down menu. 

  1. Find the code for the title and change the lettering to become what you want.

  2. Find the URL (address for the link you want) and replace the existing address with what you want. Do not forget to change the word descriptions too.

Use the Preview folder to try out your drop down menu choices. If they work, congratulations, you are finished. If they do not work, check each of the addresses to see where you typed a wrong character.