ahandrewh teaches IAT-235information design

Introduction

To practice for the development requirements of the final project, your first code exercise is to build out the HTML for a number of elements. To help guide you in this process — and to introduce you to the code exercises for the course — we have some basic rules to set up.

Exercise rules

1. AI use is not permitted for code exercises. These are your opportunity to practice some of the basics we will need to progress through the course.
2. You can use other online resources, course materials, your TA, and lab-mates for support. This being said, others are not allowed to do your work for you. Also, if you are drawing from online resources, course materials, your TA or peers, you must;
3. Cite any knowledge that is not yours in a comment in the code. The internet is a huge repository of information and you are welcome to use it, but you must let us know when something does not originate from your own knowledge.
4. If work has been copied without citation the exercise grade will be zero. Please make sure to include comments indicating where you had assistance or learned.

Instructions

For this coding task you will be building out a collection of HTML elements (no styling). Please complete the following:

1. Using the HTML5 template as a starting point, build out the following elements in HTML only:
   • A heading for the page with the text 'HTML exercise'.
   • A set of navigation links labelled 'Home', 'About' and 'Contact'.
   • A paragraph of text with a link within the text that goes to www.sfu.ca.
   • An image that is inside of a link that goes to unsplash.com.
2. Add comments through-out the code to indicate what resources you drew upon to complete the exercise.
3. Validate the page using the HTML Validator to find any errors or potential problems in your markup.
4. Please collect all your files into a ZIP file for submission to the Canvas assignment.

Your submission is due to Canvas before 8:00am on October 29.

Recommended resources

• HTML5 Doctor: Explains different HTML elements and the semantic use of them (includes code snippets).
• Building Your First Web Page (Shay Howe): An introduction to the basic requirements of building an HTML page.
• What Beautiful HTML Looks Like: How clean and well-structured HTML markup should look.
• HTML Validator (W3C): An HTML validator to help you find errors in your markup.

Grading rubric

This code exercise is worth 1% (1 point) of your final grade.

• 0.75 points for completing the exercise.
• 0.25 points for validated code.