Project 1: Rèsumè

Assignment

Create a web-based rèsumè for yourself using HTML and CSS.

Part 1: HTML Markup

  1. Gather the information you will need. A typical rèsumè will contain your name and address, phone number, e-mail & fax (if applicable), career objective, education, work experience, skills (personal, technical), and possibly awards and honors.
  2. Organize the information into a rèsumè format (if you don't already have one). Write it out on paper.
  3. Launch Text Edit (Mac) or Notepad (Windows > accessories) Create the skeletal tags (<html>, <head>, <title>, <body>). The title should be (your name) rèsumè. Save the piece as yourNameResume.html.
  4. In the body, use HTML to create the markup for your rèsumè.
    • Use headings for your name, category titles, etc. (where appropriate).
    • Use paragraph tags for the main body copy.
    • Use List tags for lists of items (such as job duties or personal skills).
  5. Make the names of schools and businesses on your resume into hypertext links, linked to the actual web sites of those institutions.
  6. Make your e-mail address active with a <mailto> link.

Part 2: CSS Style

  1. Use cascading style sheets to format your rèsumè and give it a better presentation.
    • Specify font families, sizes, and colors for headings, paragraphs & lists.
    • Change the colors of the links to match your color scheme.
  2. Add a logo or graphic as an image or background element. You could make a fancy nameplate, create a border, have a background texture, etc.
  3. Print out both a copy of the HTML/CSS code (from Text Edit) and a version of the formatted page (from a browser), staple them together and give them to me (make sure you put your name on them).
  4. Upload a copy of the HTML file and graphic images to your class folder.

Deadline

Week 4: Due, beginning of class.