Assignment 3 is due Friday, February 20, at 9:00 pm.

Review Lists in XHTML (see link on Summaries page)
Read Nerds 2.0.1 - A Brief History of the Internet
Read What Is The Internet (And What Makes It Work)

This assignment involves:

Answer Questions about the Internet:
The questions below can be answered by reading the suggested links and from our class discussion. Answers should be submitted by email to der29@cisunix.unh.edu (Dan) with a subject of
"CS403-n Assignment 3 - *yourname*" (where n is your section number and your name replaces *yourname*).

  1. Discuss why the following events were important in the history of the Internet:
    1. In 1971/72 Ray Tomlinson invented email. (Read more about it on Ray's personal page.)
    2. In 1983 TCP/IP was mandated for all ARPANET hosts.
    3. In 1991 Tim Berners-Lee developed the WWW. (Read more about it under FAQs on Tim Berners-Lee's Home Page. You can view a copy of the original Web pages at: http://www.w3.org/History/19921103-hypertext/hypertext/WWW/TheProject.html.)
    4. In 1993 Mosaic was developed by Marc Andreessen and others at the University of Illinois. (Read more about it on the PBS site.)
  2. Find out more about cookies by visiting www.cookiecentral.com. What is a cookie as it pertains to the Internet and what are they used for??

Make a Copy of Your index.html Page

Make a copy of your index.html homepage and call it something like assign2.html. Use the cp Unix command to create assign2.html and then use the chmod Unix command to change the permissions on the new page by doing the following:
%cd $HOME/public_html
%cp -i index.html assign2.html
%chmod og+r assign2.html

Update Your Homepage:

The Assignment 3 Web page described below should be accessed by selecting a hyperlink for Assignment 3 from your homepage. In your index.html file, put your assignment links for assignments 2 through 7 plus a link for the final project in an unordered list (<ul>) that is located under your Assignments heading that you created as part of Assignment 2. The link for Assignment 2 should load the copy of your homepage which is called assign2.html. The link for Assignment 3 should load a new Web page that you will be creating for this assignment while the links for assignments 4 through 7 and the final project can be "broken" (for now, at least). These links should all be relative.

Recall that to update your homepage you will use the following Unix commands:
%cd $HOME/public_html
%pico index.html
type your changes into the pico text editor, save them using ctrl-o and
press the enter key, view the changes with the browser; when done, exit
using the ctrl-x command
%logout

Create an Assignment 3 Web Page:

You need to create a Web page that satisfys the following requirements:

  1. The Web page should be in your public_html directory with permissions set so that the page is viewable on the WWW (of course).
  2. The Web page should contain a heading and title that identify this page as Assignment 3 for CS403 and your section number and your name, first and last.
  3. Include the appropriate XHTML code in the head of your document (see the xhtml template).
  4. The Web page should provide a relative link back to your homepage.
  5. Include an image on your assignment 3 page that can be used as a clickable mailto link (your picture taken on the first day of class would be a good choice as the height and width dimensions are about right for this purpose).
    The image should be located in a sub-directory of your public_html directory called IMAGES. Center the image near the top of your Web page.
  6. Demonstrate the use of lists (information about lists can be found by following the link on our Summaries page for Lists).
    1. The first list should be a definition list with 10 items in the list (recall that there are 2 parts for each item in a definition list). The data terms should be people you would like to meet (assume you can go back in time to meet them if necessary) and the data definitions should be a description of why you want to meet them or what you would like to ask them. Use a heading to identify this definition list (an h2 heading might be appropriate).
    2. The second list should be an ordered list of 25 items. The order of the items in the list normally attaches priority to each item but it can also be used to enumerate something. The list that you create will be in the spirit of the "25 Random Things About Me" Facebook phenomenon (except that you will not be sending a request to anyone to read it). You can read more about the fad in this Boston Globe article or this New York Times article.
    3. Select one of the above two lists and nest another list inside it - the nested list can be either an unordered list, ordered list, or definition list. It should relate to the surrounding list in some logical way. For example, if you created an entry in your ordered list of Random Things About Me of "Potatoes are my favorite food." then you could provide a nested list of your favorite types of potatoes like French Fries, Mashed, and Baked.
  7. Demonstrate the use of intradocument linking. (An example of intradocument linking can be found by looking at the source code on the Lists page - follow the link on the Summaries page.) Near the top of this Web page, provide a lexicon of links to your list of 25 Random Things About Me. One link should point to items 1 - 5 in your list, the second link should point to 6-10, a third link should point to 11-15, a fourth link should point to 16 - 20, and the fifth link should point to items 21 - 25. Near the top of this Web page, provide a lexicon of links to "1 - 5," "6 - 10," "11 - 15," "16 - 20," and "21 - 21." The lexicon might appear as follows:

    Links to My 25 Random Things About Me List

    1 - 5 | 6 - 10 | 11 - 15 | 16 - 20 | 21 - 25
    • Place the lexicon near the top of your page (perhaps under your heading with your name, class, and section number but before your image).
    • The hyperlinks in the lexicon will link to the five places in your Random Thiings List near the bottom of your page.
    • Provide something like a Go to Top link so that after the Random Things List the viewer can easily jump back to the lexicon at the top of your page.
    Note:
    Do not change or corrupt your XHTML files for this assignment until we let you know that it has been graded by posting the grades on-line.
    © McGraw-Hill 2007. All rights reserved.
    This presentation accompanies the book "In-line/On-line: Fundamentals of the Internet and World Wide Web" (ISBN 0-072-90685-5) written by Raymond Greenlaw and Ellen Hepp.