COSC 231   WINTER 2012   Project #2   Pictures and clicking: HTML, CSS and Javascript

Distributed: 4 February 2012     Due: 16 February 2012

Create a menu driven system. Using a menu of five items, choose the desired picture for a larger image.

Find five different pictures to serve as your menu items. Lay out the samples as a row across the top of the image. Menu items should be the same size.

Put a 'display' image below the menu.

Select any image from the menu by a single click. The chosen menu item should be highlighted somehow (increase the border width, increase the size, change the border color, ...). Then when you click on the 'display', it will change to the selected one from the menu. See the demo by clicking here.

Publish and demo

• Upload your working webpage to pp2.html.
• Make a link to pp2.html from your index page.
• Demonstrate your pp2.html and give a code walk through.

Your source code must include your name, the date, COSC 231, and PP2 at the beginning of the file as comments.

Grading.

• 10% - Documentation: code documentation, header information (name, semester, pp2, COSC 231)
• 80% - Satisfies specs without errors
• 10% - Code readability (see Style Specification )