COP3832, Fall 2000, Assignment 1

Due 9/13 at the start of class

To hand in the assignment, do the following

Hand in a printout of the source code for the hw1.html file.
Also, send me an e-mail message with the URL of your home page when the assignment is ready to be graded.
Upload a copy of the hw1.html file using the ~downeyt/cshome/public/webftp/webftp.pl program from mongoose or using ~downeyt/public/webftp/webftp.pl program from solix.

Follow these steps for the assignment.

Create a subdirectory of your www directory on solix.
- Name the directory COP3832. Use upper case letters.
- Give world read and execute permission to this directory
- Create a file named hw1.html in this directory. The contents of this file are described later on this page.
- Create a file in the COP3832 directory with the name .htaccess that containing the following. You may also add your current ipaddress to the allow from list. However, each time you finish working on your file, be sure to have only my two ipaddresses on the line. You can find out your current ipaddress by running my ipaddress script. Your ipaddress will change each time you log onto the web. Set the permissions for .htaccess to 644.
```
<limit GET POST>
order deny,allow
deny from all
allow from  131.94.129.42  131.94.125.142
</limit>
```
Create a home page in your solix www directory.
- Name the file index.html. If you don't have a home page on solix, then follow the directions in this link: Creating a Web Directory.
- Create a link from the index.html page to the hw1.html page in your homework directory.
You are to create a web page that includes the following format. Save this as hw1.html in your COP3832 directory.
- Be sure your page has the standard format, including the HTML, HEAD, and BODY tags.
- Include an appropriate title for your page.
- Include 6 paragraphs. Each paragraph should have at least 10 lines. The content may be something that interests you, or you may just copy some paragraphs from the text (or grab some off the web!). Each paragraph should have a heading. Use a different one of the six predefined headings for each paragraph, use all six headings at least once.
- Include a table of contents at the top of your page which can be clicked to take you to each of the six paragraphs. At the end of each paragraph, have a link back to the table of contents.
- Include a graphic that you have downloaded to your web directory from the Web. Do not include any of the graphics on any of my pages (like the table below!).
- Include a graphic from the graphics directory on the www.fiu.edu server
- Include a link to your home page (index.html).
- Include a link to my page for your class (the c3832.shtml page).
- Include an unordered list with the items: HTML, PERL, JAVASCRIPT.
- Create an ordered sublist of the HTML item that has at least two links to web pages that offer help or information about HTML. None of the links should be to any of my pages. The sublist should use letters to enumerate the items.
- Create an ordered sublist of the PERL item that has at least two links to web pages that offer help or information about PERL. None of the links should be to any of my pages. The sublist should use letters to enumerate the items.
- Create an ordered sublist of the JAVASCRIPT item that has at least two links to web pages that offer help or information about JAVASCRIPT. None of the links should be to any of my pages. The sublist should use Roman Numerals to enumerate the items.
- Create a cascading style sheet in the document that will do the following:
  - Change the background color (or image) and text color in the BODY tag.
  - Change the link and vlink parameters to suitable colors for your background color/image. Use A:LINK and A:VISITED.
  - Create a style for each of the six paragraphs.
    - Use a different text color for each paragraph.
    - Align two paragraphs left, two center, and two right.
    - Change the font-size of one paragraph to be larger than the rest, and another to be smaller.
    - Italicize one, underline one, and make one bold.