CSCI 100 - Homework 2Loving those Links and Lists

Due before midnight, Thursday 22 Feb 2007

In this assignment you'll be creating a set of hyperlinked pages and working with the various list and image tags discussed in class.

Part 1 - Making Folders

Create a folder called hw02. Inside that folder make two subfolders called pages and images.

Part 2 - More about yourself

favorites.html

Inside the pages folder, create a file called favorites.html. In this file, include the following information about yourself including:

  1. An ordered list of your favorite bands and/or musicians (3-5)
  2. An unordered list of your favorite websites (3-5). Link the name/description of the site to the actual site itself
  3. A list of your favorite types/style/ethnicity of food (at least 2) containing nested lists of your favorite dishes (at least 2 each)

You can include more information if you'd like. (e.g., link to your Facebook, LiveJournal, or MySpace page perhaps?)

school.html

Create a file called school.html that contains information about your schooling. In this file, include the following:

  1. A brief description of Oberlin College and your major. Include links to the college's home page and to your department as part of the text.
  2. A description of your major and why you are in it, what you like about, or something similar. Include a link to some example or explanation about it (e.g., dictionary.com, wikipedia.com, a google search, etc.).
  3. An unordered list of your classes this semester with links to the class websites if they exist.

Part 3 - pictures

In this part, you'll get to link to various image files.

images.html

  1. Create a file called images.html in your pages directory. Be sure to give it a title and a header.

  2. In the first section, insert a image with its src set to the absolute image url http://www.cs.oberlin.edu/~kuperman/csci100/assignments/hw02image.jpg. Remember that images are inline elements and must be contained withing a block such as a paragraph.

  3. Unzip the file hw02images.zip and place the contents in your images directory. It contains a set of images that show how various letters are displayed when using the modern flag semaphore system. Use the graphics to spell out via semaphore flags at least 2 words each at least 3 characters long. Be sure they don't run together (separate paragraphs, line breaks, interspersed text, etc.). Don't forget the alt attribute.

These are from Wikipedia and used via the GNU Free Documentation License.

A B C D E
A B C D E
F G H I J
F G H I J
K L M N O
K L M N O
P Q R S T
P Q R S T
U V W X Y
U V W X Y
Z
Z

Part 4 - main pages

In this part, you'll be creating 2 pages that will prevent people from seeing a listing of your files and will serve as the "start" pages.

index.html

Create a file called index.html within the hw02 folder, not in the pages subfolder. This file needs to contain a list of links that goes to the three files your created in the previous sections and a brief description of each.

This file will be what is displayed when you go to

http://www.cs.oberlin.edu/~username/csci100/hw02/

where username is your CS username.

Remember that you need to set the title, headers, paragraphs, and permissions for all of these files.

Honor Code

If you followed the Honor Code in this assignment, insert a paragraph attesting to the fact within this file as well.

I affirm that I have adhered to the Honor Code in this assignment.

index.html (for everything)

Finally, create another file called index.html that goes in your csci100 folder. It should contain your name and an ordered list of relative links to your assignments. You'll probably want a short description of each assignment as well. The two links you should use are (but you can have whatever you'd like as link text):

  1. "hw01/"
  2. "hw02/"

I'd suggest putting things like your name and a bit about the course (with headers, paragraphs and the like), but it isn't required. For each subsequent assignment, you'll be adding one new link to this file.

This file will be what is displayed when you go to

http://www.cs.oberlin.edu/~username/csci100/

where username is your CS username.

Part 5 - Uploading

After you have verified that everything works locally, all you need to do is upload the one folder hw02 to your CS account inside the csci100 folder you created in the last assignment.

You'll also need to upload the second index.html file you created to the csci100 folder.

Either set the permissions manually using your uploading software/GUI or do it using command line tools:

  1. ssh into cs.oberlin.edu
  2. cd www/csci100
  3. chmod a+rX index.html
  4. chmod -R a+rX hw02

Verify that everything is viewable from the web.

Part 6 - handin

You now just need to electronically handin all your files.

  1. either ssh into cs.oberlin.edu or start a terminal from a lab machine
  2. cd ~/www/csci100
  3. handin -c cs100 -a 2 hw02

Hooray! Celebrate your new skills in HTML!

Last Modified: February 15, 2007 - Benjamin A. KupermanVI Powered