Fall 2005 CMPE 003, Assignment #3 Due November 14, 2005 (Deadline Extended)

• THIS NEEDS TO BE HAND EDITED, NOT MADE USING A WEB PAGE GENERATOR (we can tell the difference)
• Generate a basic web page accessible in your home directory, and uploaded to WebCT Assignment 3 (upload the file you have created named "index.html" and any pictures), containing the following mandatory elements (100 points each)
  1. Title
  2. colored background (not default)
  3. "mailto" link to receive mail from people
  4. link to some other site
  5. Headers (h1, h2, etc)
  6. Bold face text
  7. italicized text
  8. centered text
  9. some list (unordered or ordered)
  10. picture of yourself or your family pet
      • Scan your picture or upload it (must be a unique picture, a picture belonging to YOU)
• the web page should contain a brief description of yourself or at least of your family dog.
• Tip for list. Maybe you could list the classes you've taken. This also gives you the perfect place to put a link (like the page for this class)
• There is an example web page found at "sampleWebPage.html" Feel free to use this as a basis for your web page. But you will not get ANY credit by only copying the sample page.
• Submit the file index.html to the assignment 3 section of WebCT
• You will need to upload both the index.html file and the picture to your CATS public_html directory, and make these files publicly readable, to get full credit for the "picture" part of the assignment.
• One way to upload is to have the index.html file and the picture.jpg on your desktop first. Then click on Start->Internet Tools->_Unix-Telnet&SSH->unix-ic. Enter username and password. In the top toolbar there are binoculars and some gears, and two icons in between. Click on the file folder with the blue dots. This opens the file transfer window. Drag and drop your index.html file and your picture.jpg file into the folder called "public_html."
• Once you upload the index.html file and any picture files to your CATS account directory "public_html", ensure the file is publicly readable (your TA can show you how to do a "cd public_html", "ls -la" and a "chmod 755 *" in the Secure Shell window). Or confirm it is public readable by viewing the web page on line. Your web page address (which will index the default URL index.html) will be http://people.ucsc.edu/~YOURLOGIN

getting started

1. During class section log onto the school computer
2. view Chane's page using Internet Explorer
   • http://www.cse.ucsc.edu/~chane
3. Save the file to the local computer
   • File...
     • Save As...
     • index.html
       • File name is index
       • Save as type (Web Page, HTML only)
         • this names it index.html now, it will save time later
4. View the web page
   • Double click the file on the desktop
     • Notice that my picture does not show
     • This is because it is not saved on your desktop
5. Right click on the file
   • Open With ...
   • Wordpad, notepad, or whatever you like, but be sure to use it to EDIT only, not to TRANSLATE a document into .html tags.
6. Edit the file -- use the sample web page examples too.
7. Use your text editor as you would use any editor. Do not use it as a wizard to create the .html file. The .html file needs to be hand edited. If there are things in the file which you personally did not type in, then this is not your work, and you cannot receive credit for this. If you are in doubt about this point, use notepad or wordpad instead of any other editors.
8. To view changes
   • Save the file in wordpad
     • File..
     • Save
   • Reload the web page
     • Click the reload button
     • OR
     • View... Refresh
9. Scan your picture
   • Save it on disk
     • Save the file with no spaces (CATS hates spaces)
       • This_is_a_good_file_name.jpg
       • This is a bad filename.jpg
10. Copy the picture on the desktop of the computer you were working on
11. Edit the picture link to point to your picture
12. Reload the web page to view the picture
13. Upload the files to your CATS account
    • Save index.html into your public_html directory
    • Save your picture into your public_html directory
14. Check that the web site works
    • Start Internet Explorer
    • Type your web page address
      • http://people.ucsc.edu/~YOURLOGIN

EXTRA CREDIT (100 points total)

1. Add a working web counter to your page (50 pts).
   • Count.cgi
   • You do NOT need to write your own CGI code or Perl script. You should be able to just add the "img src" line to your page and it should work. But you can use other sources for counters if you like. Any working counter on your page will earn you this extra credit.
   • Keep in mind that the counter may not increment when it gets multiple repeated hits from the same IP address. This means it may not increment when you hit the "reload" key of your browser. This is normal.
2. Explain access controls for files and directories (50 pts).
   • At the SSH secure shell command line, while logged into your CATS account, type in "touch testfile". This creates an empty file called "testfile".
   • Type in "ls -la" and look at the results.
   • Try the command "chmod 754 testfile" and then look at the results using "ls -la".
   • Try "chmod 550 testfile" and look at the change using "ls -la".
   • At the bottom of your webpage, explain the differences between chmod 754 and chmod 550 when applied to a file. What kinds of access does each category (user, group, and others) have to the file? How does the octal representation of "754" and "550" relate to the permissions granted?
   • Some info on UFS and NFS file and directory permissions.