Assignment 2

You will create a personal web page using HTML. HTML (HyperText Markup Language) is a standard markup language used to format web pages (it is not a programming language). You will upload your HTML code to your UCSC server, and then anyone can view your web page on the internet.

This assignment will be out of 1000 possible points.

Before You Start:

Required Items:

  1. Title (this is different than a heading) (100 points)
  2. Headings of two different sizes (ex. h1, h2, h3, etc.) (50 points each)
  3. Colored background (other than white) (100 points)
  4. "Mailto" link to your email address (100 points)
  5. Hyperlink to another website (must use a URL, not a file path) (100 points)
  6. Bold text and italic text (50 points each)
  7. Centered text (100 points)
  8. Horizontal line (aka "horizontal rule") (100 points)
  9. Ordered list (numbered list) and unordered list (bulleted list) (50 points each)
  10. Picture (100 points)


  1. Download and install a Secure File Transfer Protocol (SFTP) program, such as Cyberduck, which you can download from the Files section of the class portal or
  2. To install Cyberduck for Mac, open the Cyberduck zip file to create
  3. To install Cyberduck for Windows, run the Cyberduck installer
  4. Click "Open Connection" in the top left corner
  5. Change "FTP (File Transfer Protocol)" to "SFTP (SSH File Transfer Protocol)" and then enter:
  6. Click "Connect." If an "Unknown Fingerprint" warning comes up, click "Allow"
  7. Select the "public_html" folder. Note: Do not delete, rename, or move the public_html folder. It is a special folder created by the UCSC IT department.
  8. To upload your website to the internet, simply drag and drop your index.html file from your computer into the public_html window. Remember, anything you upload is publicly available online for anybody. Also, whatever file is named "index.html" becomes your homepage (hence the importance of naming your file index.html).
  9. If you want to upload any other files (ex. a picture to include on your website), drag that file to public_html as well. That file can be accessed/referenced at the URL (replace "username" with your UCSC username and replace "filename" with the name of your uploaded file, like "cat.jpg")
  10. Now visit your website live on the internet by going to (replace "username" with your UCSC username).
  11. If you want to update your website, just change your HTML code in your index.html file and drag it into public_html again (overwrite the previous index.html).

Extra Credit: Add your website listing to the UCSC directory of individual websites (click on "add, update, or remove your entry" and follow the steps). (100 points)

Finally, upload your index.html file to Canvas. Your index.html file should be available both at and on Canvas for full credit.

Revised by Jeremy Baumgartner, Winter 2015.