Assignment #1CMSC122
Due Wed Sept 23 6:00 pmFall 2009

Objectives

• To practice HTML fundamental constructs.
• Learn how to access the TerpConnect web page repository.

Overview

For this project you will write a web page providing information about a a summer camp. The web page provides some general information, a schedule, and a list of resources. An snapshot of the web page you are expected to implement can be found in the Web Page Image section.

In addition you will access your TerpConnect web page repository and place a simple html file (more information below).

Grading

• (5 pts) Images
• (10 pts) Headers
• (30 pts) Schedule table
• (15 pts) Resources lists
• (10 pts) Page validates according to http://validator.w3.org/#validate-by-upload
• (5 pts) Correct indentation
• (5 pts) Other page elements
• (10 pts) Additional Information Page
• (10 pts) TerpConnect Web Page Requirement

Notice that you don't have to submit a complete web page in order to receive credit for this project. We will look at each one of the above items individually.

Specifications

Before you start implementing the web page download the zip file: p1.zip. This file has a folder named p1 which contains three files. The p1.html file is an empty file you will use to write the HTML that represents your page. The other two files are images associated with the web page you will create. After downloading the zip file, immediately try to submit your project by uploading the zip file to the submit server (as described in class and below). Please do not wait until the project is due to verify you can submit the project.

The web page components are:

• Images - Include the provided images at the top of the web page.
• Introduction - Create a header named "UMD HTML/CSS Summer Camp". This header should use the h1 tag.
• Introduction paragraph - Define a paragraph with the message you see on the web page image. Notice that the text "City of College Park" is in bold. Do not worry about when the first line ends and the second one begins (this depends on the browser's window size).
• Define a header named "Schedule". This header should use the h2 tag.
• Define a table with the information you see on the web page image. The table must use a border size of 2, a cellspacing attribute with a value of 2, and cellpadding with a value of 3. The "Campus Tour" link is a link to the http://www.it.umd.edu/VR/ web site.
• Define a header named "Resources". This header should use the h2 tag.
• Define the lists you see on the web page image. The lists have links that you must define (i.e., we should be able to click on the link and reach the specified site).
• Additional Information (see section below)
• Define the copyright symbol followed by "Copyright 2009 | UMD HTML/CSS Summer Camp | All Rights Reserved." Notice that "All Rights Reserved." is in italics.
• The last part of your page is the text "Developed by: YOUR-LASTNAME, YOUR-FIRSTNAME" where you have provided your last and first name. For example, if your name is Mary Smith, the text will be: "Developed by: Smith, Mary"

Additional Information Section

You will add a link to a page called additionalInfo.html where you will provide data/information for the Summer Camp organization. You need to evaluate data/information in order to define the most effective way to present it so those interested in the camp and attending the camp can find everything they need. The data/information of interest is the following:

• Map of the City of College Park
• Map of the UMD Campus
• Directions to UMD
• Online resources available to campus visitors
• Bookstore information
• Add your own data/information items

Feel free to add links, images, etc. This is your opportunity to be creative :)

Requirements

• You must use good indentation.
• Your web page must be implemented using XHTML 1.0 (Strict) and must validate according to the http://validator.w3.org/#validate-by-upload validator.
• You may not use any authoring tool (e.g., frontpage, dreamweaver, etc.) which generates the HTML code for you.
• Your web page must correspond to the web page image we have provided at the end; Do not add anything extra.
• You must implement this project by yourself.
• You cannot use cascading style sheets for this project.
• You cannot add any image (aside from the ones provided).
• Do not post your project in a web site (e.g., do NOT post in TerpConnect) as people will see your code.
• Make sure you view your code using Firefox (that is the environment we will use to grade your project).

Web Page Image

TerpConnect Web Page

Place a folder named 122 in your TerpConnect web page folder (as described in lecture). The 122 folder will have a file named index.html whose contents is your name, and a list (three items is enough) of links to your favorites web sites. We should be able to select the link and reach a site. For example, if the directory id is nelsonp, then the link to use in terpconnect is:    http://www.terpconnect.umd.edu/~nelsonp/122

Submission

To submit your project, follow these steps:

1. Create a zip file that includes the p1 folder.
2. Upload the zip file using the submit server available at: https://submit.cs.umd.edu:8443/. Make sure you select the submit server entry (Assign #1) that corresponds to this project.
3. After submitting your project make sure you download from the submit server the submitted file and verify that what you have submitted is correct. Please do not e-mail your project.

Academic Integrity

Please make sure you read the academic integrity section of the syllabus so you understand what is permissible in our projects. We want to remind you that we check your project against other students' projects and any case of academic dishonesty will be referred to the University's Office of Student Conduct.