COP3832, Spring 2001, Assignment 1

Due 1/30 at the start of class

To hand in the assignment, do the following

1. Hand in a printout of the source code for the hw1.html file.
2. Also, send me an e-mail message with the URL of your home page when the assignment is ready to be graded.
3. Upload a copy of the hw1.html file using the ~downeyt/cs/public/webftp/webftp.pl program. Use the -h option to find how to customize the program.

Follow these steps for the assignment. It must be completed on solix.

1. Create a directory www on solix and set it up for web access: Creating a Web Directory on solix
2. Create a subdirectory of your www directory
   • Name the directory COP3832. Use upper case letters.
   • Give world read and execute permission to this directory
   • Create a file named hw1.html for this homework in the COP3832 directory. Change the permissions to 600. It is important that you set the permissions to 600, I only want you to have access to the file. You must name this file hw1.html.
   • Copy the file run-hw1.cgi into the COP3832 directory from my directory:
     cp  ~downeyt/cs/public/bin/run-hw1.cgi  ~/www/COP3832
   • Change the permissions on your copy of run-hw1.cgi to 755.
   • Create a link from index.html to /~your-user-name/COP3832/run-hw1.cgi
   • View your page from the address http://www.fiu.edu/~your-user-name/COP3832/run-hw1.cgi
   • 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>
     

3. The above procedure may not work from all ISP's. FIU doesn't like AOL, for instance. The following addition should work for all ISP's. If you only plan to connect through FIU, then these steps do not need to be done.
   • In addition to the above, create a subdirectory of www named cgi-bin.
   • Change the permissions to 755.
   • Copy your .htaccess file into the cgi-bin directory, be sure the permissions are 644.
   • Copy the file run-hw1-isp.cgi into the cgi-bin directory
     cp  ~downeyt/cs/public/bin/run-hw1-isp.cgi  ~/www/cgi-bin
   • Change the permission on run-hw1-isp.cgi to 755.
   • Create a link from index.html to
     http://cgi.fiu.edu/~your-user-name/cgi-bin/run-hw1-isp.cgi
   • View your page from the same address
     http://cgi.fiu.edu/~your-user-name/cgi-bin/run-hw1-isp.cgi
4. 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.
5. 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.
   • 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 this 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 visited 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.
       • Use different margins for each paragraph.