Web Résumé Assignment
Due date: Sunday, October 12, 2025 at 11:59 pm
Points value: 150 points
At this point in your academic and professional career, you have likely written a résumé. (In fact, you’ve probably written several!) Now, we’re going to take things to the next level with a web-based résumé.
Assignment Description
Using the HTML and CSS skills you have learned throughout the semester, create a web-based résumé in the plain-text editor of your choosing. Include all the information you would normally have on a résumé, including the following:
- Name
- Contact information
- Education
- Professional experience
- Skills
Additionally, you could add volunteer experience, honors/awards, languages, projects, or any other category you want to highlight on your résumé.
Under each category, include dates, locations, and job descriptions as needed, and arrange items in reverse chronological order. List the contact information for at least two references in a separate section, as well.
To make your résumé functional as a web page, create an external stylesheet to control the presentation of the document. You have creative control when it comes to the design of your résumé, but aim to make a document that follows appropriate web practices and looks professional. You should be comfortable sharing the final product with your classmates, professors, clients, or prospective employers.
You should also include links to make your résumé more appropriate for the web. Some items you may want link to include the following:
- Your email address
- Your blog or portfolio
- Relevant social media accounts, such as LinkedIn
- Published projects (online or in PDF form)
- Websites of schools you attended or previous employers
Finally, I am challenging you to use two HTML elements not discussed in the book: <abbr> and <address>. Use both of these elements at least once, where appropriate, in your web-based résumé.
A few students from past semesters of this course have allowed me to use their web résumés as an example:
I thought it would be helpful to see what some students did with a similar assignment. Get inspired by these résumés; however, do not copy the work of other students. Your work must be your own.
Requirements for 573
When grading your web résumé, I will look for the following:
- Semantic and structurally-sound HTML markup that passes validation
- Well-organized and functional CSS in an external stylesheet that passes validation
- At least one image (sized correctly, in the appropriate format, and located in the images directory of your website folder)
- Three or more external links
- Two or more references
- Use of the
<address>and<abbr>elements - An attractive design that is easy to read, follows best practices, and uses color well
- Well-written, error-free prose that describes your qualifications and highlights your experience (following conventional résumé writing standards)
Requirements for 679
When grading your web résumé, I will look for the following:
- Semantic and structurally-sound HTML markup that passes validation
- Well-organized and functional CSS in an external stylesheet that passes validation
- At least one image (sized correctly, in the appropriate format, and located in the images directory of your website folder)
- Five or more external links, including at least one linked PDF document
- Two or more references
- Use of the
<address>and<abbr>elements - An attractive design that is easy to read, follows best practices, and uses color well
- Well-written, error-free prose that describes your qualifications and highlights your experience (following conventional résumé writing standards)
Submission Instructions
Your résumé content should appear in a single HTML document, and styles should be contained in an external stylesheet. When you are ready to submit your assignment, zip the project folder, name the zipped folder according to my instructions, and upload it to Brightspace. Don't forget to run your HTML and CSS code through the validators before submitting!
Tips
- Remember to code special characters using character entities
- Use unordered lists to describe your work experience and skills
- Check the license on images or icons before using; some are not available for personal use, and others require attribution of some kind
Resources
- Free social media icons at Iconfinder
- Free background textures/patterns via Toptal
- Résumé writing tips from the Career Center