Project 5

CMSC 102 - Project 5 - Fall 2005 - Creating your own Web pages
Due: 11:55 pm on Friday, December 2nd.

Note: This is due AFTER the second exam, but all HTML topics covered up until November 11th will be topics for the exam. For this reason, it is suggested that you finish as much of stages 1-4 of the project before the exam and then review your completed project parts again and complete the remaining parts and submit by the due date. Be sure to confirm that you have done all of the required tasks and that your pages appear correctly in various Web browsers.

To submit this project, after you are done creating and editing the various files, you will have to:

Log into your GRACE account, go into the public directory for class material (/afs/glue/class/fall2005/cmsc/102/0101/public/P5/) and type the command CollectP5 and press enter.
Go back to your own home directory in GRACE and use the submit command to submit the Project5.tar file that was created in the previous step.

submit 2005 fall cmsc 102 0301 5 Project5.tar

Remember: You are not to copy other students' Web pages. Browsers allow you to see other students' HTML codes, but doing so is a violation of the honor code. If you are caught doing so, you will referred for judicial review.

Note: After each stage of the project, you should view your pages using Lynx, Internet Explorer and Netscape to see what it looks like and to make sure that there are no errors yet. When using a browser such as Internet Explorer, you will want to make sure that it is set to re-get the page every time (some are set to only get the page once per session, so refreshing won't actually show you the new version). In Internet Explorer, the cache settings are under TOOL-INTERNET OPTIONS and then in the Temporary Internet Files region, click on Settings and set the "Check for new versions..." to "Every visit to page."

For this project you will need to create and/or modify five specific pages (description below) in your GRACE account, and one page in your WAM account. Please read the description carefully and thoroughly.

Stage 1
Log onto your GRACE account. If you have any pre-existing web pages in your GRACE /pub/yourlogin directory move those to some other location. At the prompt, type the following two commands:


     cd  /afs/glue/class/fall2005/cmsc/102/0101/public/P5


     InstallP5

After doing this, you will have a "home page" in your GRACE account in the /pub/yourlogin directory. The URL for your page will be:

		http://www.grace.umd.edu/~yourlogin

where yourlogin is your login name on the GRACE cluster.

Check to make sure this page has been created correctly. If it has, it will look similiar to this page capture (other than where line wraps occur).

Stage 2
Go into your /pub/yourlogin directory and edit the file there named BasicPageHTML.html so that it appears like this page capture (other than where line wraps occur) using only HTML modifications. In other words, you can not use any images or style sheets in this stage.

Stage 3
For this stage, you need to create a new file name GeneralPage.html in your /pub/yourlogin directory on GRACE. Modify this file so that it has the following in the following order:

Your name (or a nickname for yourself) in the TITLE of the document.
Your name (or a nickname for yourself) at the top of the BODY of the document itself.
An image - either a picture that you've taken and have edited to include your initials or a drawing that you created using a paint program and saved as a GIF, JPG, or BMP. NOTE : Make sure you have it set up so that if the user is using a text-based browser (like lynx) that instead of your picture, a one-line description of the picture shows up.
A link to the home page for this class (http://www.cs.umd.edu/class/fall2005/cmsc102) that appears as the text "Go to the Class" when someone views your page.
A link to a page at us.imdb.com for a movie you like.
An unordered list of three countries, where at least one of the list items is a hyperlink to a page about that country.
An ordered list of three words, where at least one of the list items is a hyperlink to a definition of that word at www.m-w.com. This is not just taking the user to the general dictionary page but rather directly to the word indicated, and it is not to use a different dictionary.
A hyperlink that can be used to launch an e-mail client with your GRACE e-mail address already filled in.

Stage 4
For this stage, you need to create a new file named TablePage.html in your /pub/yourlogin directory on GRACE. Modify this file so that it has the following in the following order:

The words "Table Page" as the TITLE of the document.
A table that has two columns. The first column will have the name of a course you have taken, are currently taking or plan to take next semester, and the second column the name of the person who taught/is teaching/will teach it. Give at least four courses.

Stage 5
Go into your /pub/yourlogin directory and edit the file there named BasicPageCSS.css so that when you view the page BasicPageCSS.html in your GRACE website it appears like this page capture (other than where line wraps occur). You will accomplish this using only CSS modifications to the BasicPageCSS.css file. In other words, you can not use any images or alter the BasicPageCSS.html document at all in this stage.

Stage 6
There will be an HTML file in your /pub/yourlogin directory named SSI.shtml that has some information already added. Edit the file by following the directions in that provided file.

Stage 7
Edit the file in your /pub/yourlogin directory named JavaExample.shtml so that instead of saying Applet Here under the words This is an applet page. and above the words An applet can see above. it actually has a Java applet that has moving text.

The applet needs to be a text-based Java applet (meaning it displays text specified by the person installing it)

The content of the text should be your full name or a nickname.

Stage 8
Create a Web page in your WAM account called "Welcome.html" in the /pub/yourlogin directory. This will be accessible as http://www.wam.umd.edu/~yourlogin on the Web.

This Web page will be your home page on your WAM account. The design of this page is up to you. For the project, you will probably want to create a very basic page. You can then continue to develop it later in this and in future semesters.

You now need to create a link from the index.html document in your GRACE account that connects to this page in your WAM account. The link should appear at the bottom, under the orange line, as the words "My WAM Page".

Web Accessibility