COP3832, Fall 2001, Assignment 1

Due 9/19 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.
   • Allow the web to access this directory.
   • Create a file named hw1.html for this homework in the COP3832 directory. Change the permissions so that only you have read and write access to the file. All other users, including the web, should not have access to this directory. 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 so that you can read, write and execute it, everyone else should be able to read and execute it.
   • Create a hypertext link from your home page, 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 or by following the hypertext link from your home page.
   • Create a file in the COP3832 directory with the name .htaccess containing the following information. 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 so that you can read and write, and everyone else can read it.

     <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 so that you can read, write and execute it, everyone else should be able to read and execute it.
   • Copy your .htaccess file into the cgi-bin directory, be sure the permissions are set so that you can read and write, and everyone else can read it..
   • 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 so that you can read, write and execute it, everyone else should be able to read and execute it.
   • 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 run-hw1.cgi script in your COP3832 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 that the permissions are set so that only you can read and write the file. Everyone else should not have any access to the file.
   • Be sure your page has the standard format, including the HTML, HEAD, and BODY tags.
   • Include an appropriate title for your page.
   • A paragraph explaining an interest of yours. Do not include this paragraph in the table, just have it display at the top of your page.
   • Include the following links on your page. Do not place these in the table.
     • Include a link to your home page (index.html).
     • Include a link to my page for this class (the c3832.shtml page).
   • Arrange the following in a table with 9 cells. One cell must span multiple rows and a single column. One cell must span multiplte columns and a single row. One cell must span multiplte rows and columns. Create one table, do not create tables inside of tables. 
     • Include 6 paragraphs. Each paragraph should be in a separate cell in the table. 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.
     • In one cell, 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.
     • In one cell, include a graphic from the graphics directory on the www.fiu.edu server
     • In one cell, include an unordered list with the items: HTML, PERL, APACHE. Each of these will have a sublist as follows:
       • 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 lowercase 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 uppercase letters to enumerate the items.
       • Create an ordered sublist of the APACHE item that has at least two links to web pages that offer help or information about APACHE. 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 (and/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.
     • Change the background color and text color for the cell that contains the ordered and unordered lists.
     • 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.