Advanced Computers - Web Design

Messmer High School

Project 3 in the Week 3 project list

Here is a suggested sequence of steps that will help you write Project 3 from the 'Week 3' assignments.

1. Create a new folder for this assignment in My Documents. Call it 'Week3P3'. You will put everything you need for this project in this folder. Do not put anything else in this folder.
2. Copy the eight images you used before. Use Copy, not Move, so your old projects will keep working.
3. Make nine identical HTML programs, a menu page and eight picture pages. Name them as follows:
1. menu.html
2. picture1.html
3. picture2.html  - keep numbering through picture8.html
4. Each should be coded the same to begin. Include the html tags, the head tags, the body tags, and the title tags. Write the pages so that inserting html code is easy. Use vertical alignment for the various opening and closing tags.
5. Add image tags in each of the eight picture pages. Add a center tag to center each picture. Add a centered, bold caption under each picture. Remember to use the fact that the pictures are in the same directory to simplify the coding of the image tags.
6. Check that each of the picture pages is working correctly.
7. Add code to create links to each picture page in the menu page. Use a link tag with plain text, 'Picture 1', 'Picture 2', etc.
8. Add appropriate titles to each page.
9. Add comments in the heading section of each program as follows:

• <!--your name -->
• <!--the name of the project-->
• <!--the date when you began coding the source module -->
• <!--short description of what this page does -->

See mini-chapter six for a discussion of 'comments' in html

10. Print the source code for the html elements. Staple them with menu on top and the picture pages in ascending order.