Problem Set #3 Due October 18, 2002

• THIS NEEDS TO BE HAND EDITED, NOT MADE USING A WEB PAGE GENERATOR (we can tell the difference)
• Generate a basic web page containing the following mandatory elements
  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. italisized text
  8. centered text
  9. some list (unordered or ordered)
  10. picture of yourself or your family pet
      • Scan your picture
• 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 my page.
• Print out a printout of your code source, and a printout of the web page results. Staple them together and hand them in.
• To view the web page on line your web page address will be http://people.ucsc.edu/~YOURLOGIN

getting started

1. During class section log onto the school computer
2. view my 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
6. Edit the file -- use the sample web page examples too.
7. To view changes
   • Save the file in wordpad
     • File..
     • Save
   • Reload the web page
     • Click the reload button
     • OR
     • View... Refresh
8. 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
9. Copy the picture on the desktop of the computer you were working on
10. Edit the picture link to point to your picture
11. Reload the web page to view the picture
12. Upload the files to your CATS account
    • Save index.html into your public_html directory
    • Save your picture into your public_html directory
13. Check that the web site works
    • Start Internet Explorer
    • Type your web page address
      • http://people.ucsc.edu/~YOURLOGIN