COP3832, Spring 2001, Assignment 1

Due 1/28 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 cgi-bin. Use lower case letters.
   • Allow the web to access this directory.
   • Create a file in the cgi-bin directory with the name .htaccess containing the following information. Be sure that the web can read this file. 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. Be sure that there is not a space in deny,allow

     <limit GET POST>
     order deny,allow
     deny from all
     allow from  131.94.129.42  131.94.125.142
     </limit>
     

   • 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.
   • View your homework page from the address
     http://cgi.fiu.edu/~your-user-name/cgi-bin/run-hw1-isp.cgi
3. Create a home page in your solix www directory. If you already have a page, then just modify as follows.
   • 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-isp.cgi script in your cgi-bin directory.
4. 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.
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 data elements. One data element must span multiple rows and a single column. One data element must span multiplte columns and a single row. One data element 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 data element 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 data element, 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 data element, include a graphic from the graphics directory on the www.fiu.edu server. It is possible that these images can only be viewed from an FIU computer or dial-up line. If you have trouble viewing the image from your home, test it on a lab in the school.
     • In one data element, 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 data element that contains the ordered and unordered lists.
     • Change the font for each of the six pre-defined headers. Use a different font for each.
     • Create a style for each of the six paragraphs.
       • Use a different text color for each paragraph. If the new color doesn't show up well, then change the background color as well.
       • 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.