Web Programming CS 463/563 NAME_______________

Spring 2000 Midterm Exam DATE____________

Read each question carefully before you answer. Work at a steady pace, and you should have ample time to finish. The resulting web pages and image files must be e-mailed by 5:30 p.m. MST on Wed., Mar. 1, 2000 to summers_wayne@ColumbusState.edu

[Graduate students are expected to do a higher quality of work on this exam]

HTML, CSS and JavaScript [100 pts]

Design a website for an elementary school teacher at Buffalo Elementary School.

I. Style for website:

a) All pages should have a 1” left and right margin.

b) Text should use fonts - Curlz MT, Arial, and sans serif in that order, a font size of 14

c) Each type of heading should be a different color; H1 should be Arial, 18 pt.; H2 should be Arial, 16 pt.

d) All pages should have the name and e-mail address of the author as well as the last date-updated script at the bottom.

e) All pages should be properly linked with navigational aids.

f) All colors should be safe-colors.

II. Homepage.

a) The home page should have a picture of their mascot, the buffalo.

b) Be sure to include appropriate headings for the school’s home page.

c) The page should include a two-column table with one column of links to courses (English, Math, etc.) and the other column school activities (Sports, Clubs, etc.)

d) Add style tag(s) so that links are no longer underlined and appear in red and become yellow after they are visited.

e) Be sure to include a link to the guestbook page.

III. Guestbook page.

a) Add a textbox with label for the user’s name, name of the child and comments. Add submit and reset buttons. When the submit button is clicked, e-mail the results in an easy-to-read format and display a new pop-up window with a thank-you message for the user.

IV. Math Page.

a) Have a textbox to allow the user to enter a number (1-9) and a submit button. When the submit button is pressed, display the addition table for the number entered.

V. Science Page

a) Have a textbox for the user to enter the number of miles traveled and then display the equivalent number of kilometers (1 mile = 1.621 kilometers).

VI. Art Page

a) Have a drop-down list for three artists including Georgia O’Keefe and Van Gogh and one of your choice. When the artist is selected, display their painting with the artist’s name and the title of the painting displayed below it. Only one artist’s work should be shown at any one time on the page. Do not open a new page. (HINT: Use layers)