CGS4825, Fall 2003, Assignment 2

Due 2/17 at the start of class

To hand in the assignment, do the following

1. Hand in a printout of the source code for the hw2.css file.
2. Hand in a printout of the .htaccess file.
3. Also, send me an e-mail message with the URL of your home page when the assignment is ready to be graded.
4. Upload a copy of the hw1.css file and the .htaccess using the ~downeyt/cs/public/webftp/webftp.pl program. Use the -h option to find how to customize the program. You can also upload via the web if you prefer.

Follow these steps for the assignment. It must be completed on weasel.aul.fiu.edu.

1. Create a directory public_html on otter and set it up for web access: Creating a Web Directory on weasel
2. Create a subdirectory of your public_html directory
   • Name the directory cgs4825. Use lower case letters.
   • Allow the web to access this directory, but do not allow group access.
   • Create a file in the cgs4825 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  66.58.125.34
     </limit>
     

3. Upload your hw.html file and your image file from HW1 to the cgs4825 directory. You will need to use an FTP program. The URL for FTPing is
   ftp://ftp.aul.fiu.edu
   Use your weasel uername and password to connect.
4. Create a home page in your weasel public_html directory. If you already have a page, then just modify as follows.
   • Name the file index.html.
   • Create a link from the index.html page to the hw1.html file in your cgs4825 directory.
5. Add the following to your hw1.html file.
   • Add a link to your index.html file. The link should be outside the table.
   • Change the absolute link to the images directory to a relative link.
   • Add a LINK tag to reference the hw2.css style sheet.
   • Be sure that each of the six paragraphs has a header and that the header looks different from the paragraph.
6. Create a cascading style sheet named hw2.css. Create the file in the cgs4825 directory. The style sheet should 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 link and visited parameters to suitable colors for the links that appear in the table. These colors should be different than the links that are outside the table. 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.
   • Set the ordering for the ordered sublists.
   • 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.

View your web page from
http://www.aul.fiu.edu/~dlette07
replacing dlette07 with your weasel username.