Metropolitan State University

ICS 225 Web Design and Implementation

 

Lab 5:  Arrays

 

Create a directory called Lab5 and place all the parts of this lab in the directory.

For each file, put the name of the file, your name and a brief description of the purpose of the page in comments at the top of the page.

 

 

Part I.  Using a Web Page Creation Tool

Use FrontPage, Dreamweaver or some other web page creation tool to create four to six simple web pages.  At a minimum, one of the web pages must contain your name.  Another must contain a table. Another should contain a form.  These should be new pages, not existing ones so that you practice using FrontPage or Dreamweaver.  From now on, feel free to use a web creation tool to assist you with your projects for this class.

 

Visit http://www.electricteacher.com/tutorial2.htm for tutorial assistance if you need help learning how to use FrontPage.

Visit http://www.iboost.com/build/software/dw/tutorial/786.htm for tutorial assistance if you need help learning how to use DreamWeaver.

 

 

Part II.  Parallel Arrays

Adapt the program from page 80 of your textbook to allow you to select one of your web pages from a drop down menu.  Select from the web pages you created in Part I.

 

 

Part III.  Randomly choosing an element from an array

Adapt the program from page 73 of your textbook to display a set of images in random order.  That is, each time the refresh button is clicked, a new picture should show up on the screen.  Hints:  Create an array with each element containing one image file name.  Randomly generate an index into the array.  Write JavaScript code to use the picture's file name in the <img src="newpicturename"> tag.

 

 

Part IV.  Finishing Up

Upload your pages to the class server and test to be sure nothing broke.