English 573/679: Web résumé

Using the HTML5 and CSS3 skills you have gained thus far, you will create an web-based résumé, solely doing the coding in a plain-text editor, such as Notepad++, Visual Studio Code, Sublime Text, Brackets, or Atom. In your webpage, provide all the relevant information you would normally include in a résumé, including your name, contact information, educational preparation, relevant experience, skills (especially computer skills), activities, corresponding dates for all items mentioned, and anything else relevant. Also include a references section with references.

For your experience section or sections, use unordered lists to describe any applicable activities, skills, responsibilities, accomplishments, and so on. Make the list items parallel by past tense verbs, or present tense verbs for current experience. Be sure, too, to arrange entries in your education, experience, activities, and other sections in reverse chronological order. Don't include any information from your high school years.

To make the résumé appropriate for the web, provide links to items a prospective employer may wish to review to gain context for your educational background, experience, and activities. A list of items you could link to include, but are not limited to, the following:

In addition, include a relevant image (such as a photo or personal logo), sized and resampled appropriately, in your résumé. The image should appear in the correct file format for its purpose. Store any image files inside an images directory within your website folder.

Provide the most semantically and structurally sound markup you can, including using the HTML5-specific elements we've worked with and discussed. You will also need to use a few additional elements that will stem from class discussions, such as the <abbr> element, the <address> element, and the <cite> element.

To control the presentation of the document, include an external style sheet linked properly to the résumé webpage using the <link> element. You have control over the way you style and format your résumé, but it should follow appropriate web practices and result in a professional-looking document you would willingly publish online to show to prospective employers, administrators, clients, or others. In your design, show your understanding of concepts we've addressed in class, such as preventing floating headings through appropriately setting top and bottom margins. In formatting your document, create your own design, avoid relying on templates or sample documents posted on my website or other websites, and try to deviate from the design we cover in class.

Your HTML5 and CSS3 code must pass validation, using the corresponding W3C validators, without errors or warnings. For warnings you can't work around, talk with me, and I may allow specific warnings to exist. You will need to double-check for structural soundness. Unfortunately, the validator doesn't always catch structural errors, such as not closing a paragraph with a closing </p> tag before staring a new <p> element. Likewise, the validator won't catch semantic mistakes, such as using the <em> element where a <span> with a class attribute would be more appropriate. Remember, as well, to encode any special characters using character entities.

Finally, your résumé content should appear in one single webpage file. Give your document an appropriate file name, such as your_name_resume.html (where you substitute your name for the placeholder text) or index.html.

On the due date, you will zip the folder holding the résumé materials, and then submit the .zip file via Blackboard.