Personal page design

Requirements

Your personal page must contain at the very least the following features:

  • an image
  • a brief statement about yourself
  • copyright information
  • the following links:
    • email
    • course page
    • at least 3 pages that you visit often

The document definition for your page should be:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Additional information

With this document definition, your opening html tag is often expanded to:

<html xmlns="http://www.w3.org/1999/xhtml">

Meta tags for character encoding and content language in head part of your file tell the browser what standards to use in parsing your code:

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Language" content="en-us" />

All images that you use on your web page, if they are not your own, can only be used with permission of the artist or photographer, unless otherwise noted. You can download free images from stock.xcnhg and FreeFoto without getting permission from the photographer.

Publish your page

Be sure to save your home page as "index.html" and upload it to your webspace, preferably in a folder for our class. Please see the CWRL guide to using Webspace, if you need help. Do not use a WYSiWYG, like Dreamweaver or Frontpage. You must code the page by hand using Notepad or HTML-kit for PC users, Text Edit or Taco for Mac users.

A sample is available at https://webspace.utexas.edu/mah5785/sts311/

Submit your deliverable

After completing your home page, you should add a link to it in your student profile. Just log into our course site, go to the student profiles, navigate to your own profile in the list and you will see an EDIT tab right under its title. Editing will allow you to list a link to your home page in the text area called "Projects."

More on meta tags

Often we want to specify more details about the document that search engines can use, if they choose to. The most commonly added meta tags offer information about the author of the document, some keywords that represent its content, and a brief description of what the document is all about. Below is the basic structure for those meta tags:

<meta name="author" content="Mariela Gunn" />
<meta name="description" content="This is a sample home page." />
<meta name="keywords" content="Austin, UT, STS 311" />

Special characters in HTML

© = &copy;
See more special characters at the UT web publishing guide.