HTML Assignment

• Links to your own webpages
  You should create more than one page and have links from one page to the other pages that you create.
  Look at http://www.cse.ucsc.edu/~karplus as an example of a web page that has links to other web pages.
• Links to web pages outside UCSC
• Link to a web page from an image
  Look at http://www.cse.ucsc.edu/~karplus/abe/index.html as an example of a web page that has a link to another web page from an image.
• A scanned image (jpeg or gif)
  Have a look at the following web pages for examples:
  • http://www.cse.ucsc.edu/~karplus/bike/index.html (black & white and color gif images)
    
  • http://www.cse.ucsc.edu/~karplus/cats/index.html (color jpeg images)
    
  • http://www.cse.ucsc.edu/~karplus/abe/index.html (color gif thumbnails pointing to larger jpeg images)
    
• Internal links.
  These are links to another position in either the same page or another page. For an example see http://www.cse.ucsc.edu/~karplus/bike/index.html . If you click on the hypertext "this list", it will take you to the middle of another page.
• List
  Have a look at http://www.cse.ucsc.edu/~karplus as an example of a web page having lists.
• I should be able to view your pages using either Netscape 2.02 (which is what I have at home) or Netscape 3.0 (which I have at work).
• You can use other advanced features if you want to, but its not required for the purpose of this assignment. Please restrict yourself to techniques that will work with Netscape 2.02, and try to make the page usable even with Lynx, which has no image capability. The Cats policies have pointers to tools that help check your HTML. There are also a few pointers in the instruction list. I find the Lynx checker particularly revealing.
• Make sure that your HTML files are well indented so that its easy to read them. I will be looking at the source code as well as the final web image.

Suggestions

• Often it is very easy to start from an existing web page and modify it to the way you want it to look like. If you decide to copy an existing web page then give it as a reference in your web page.
• Give credit to any sources of graphics or text that is not your own. Claiming someone else's work as your own is THE academic sin.
• If you are using Netscape, then there is an option under the view menu that enables you to have a look at the source code for the page that you are currently seeing. You can also save this source code by using the save option under the file menu.
• Click here to get a Beginner's Guide to HTML
  For more sources of information about HTML, click here.