Dan Fergus Design > Student
Resources > Syllabus > Class
Schedule > Project: Rèsumè
Project: Rèsumè
Assignment
Create a web-based rèsumè for yourself using HTML and CSS.
Part 1: HTML Markup
- 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 (see official Brown rèsumè guidelines and my rèsumè tip
page).
- Organize the information
into a rèsumè format (if you don't already have one). Write
it out on paper.
- Launch Text Edit (make sure you turn the "rich text" options off under
preferences). Create the skeletal tags (
<html>, <head>, <title>, <body>).
The title should be (your name)"s rèsumè.
Save the piece as yourNameResume.html.
- 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).
- Make the names of schools and businesses on your resume into hypertext
links,
linked to the actual web sites of those institutions.
- Make
your e-mail address active with a <mailto> link.
Part 2: CSS Style
- Use cascading style sheets to format your rèsumè and give
it a little "flair."
- Specify font
families, sizes, and colors for headings, paragraphs & lists.
- Adjust the space between paragraphs & headings, and indent text by
adjusting the margin and padding values.
- Specify a background color (or colors).
- Create rules (lines)—if appropriate—using borders.
- Change the colors of the links to match your color scheme.
- 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.
Hints
- Remember, this document should be
pleasing to the eye and legible. Choose colors carefully, as a designer.
Light colors work best for backgrounds, with black or dark body text. Headings
can be more colorful.
- Use hexadecimal colors.
- Proofread for typos.
- Don't put "Resume" at
the top.
- Don't use fancy fonts: the people viewing your page may not
have the font specified and the browser will default to something simpler
anyway. Use common
browser fonts.
- Make sure you close all of your tags.
- Test your rèsumè in
multiple browsers to see how it looks. Does it break in any of them?
Deliverables
- 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).
- Give me a copy of the HTML file.
Deadline
Week 4: Due, beginning of class.
Grading Rubric
Grading Scale |
4
3.7 |
A
A– |
Portfolio quality work. |
3.3
3
2.7 |
B+
B
B– |
Above average student work.
|
2.3
2
1.7 |
C+
C
C– |
Average student work. Meets the minimum requirements of the project. |
1.3
1
.7 |
D+
D
D– |
Below average work. |
0 |
F |
Incomplete or very poor. |
Base Grade |
|---|
Categories |
Factor |
Points |
Design of resume |
x5 |
0–20 |
Use of HTML and CSS |
x3 |
0–12 |
Professionalism & thoroughness |
x2 |
0–8 |
Adjustments |
HTML or CSS errors |
–1 ea. |
Typos & grammar errors |
–1 ea. |
Missing links to schools/businesses |
–3 |
Email not a working 'mailto' link |
–3 |
No image |
–3 |
Missed deadline |
-10/week |