HTML Exercise (Sept 7)
This exercise is required.
Given your first project requires you to build out a complete style guide including a series of elements, your first exercise is to build out the HTML for a portion of your style guide. To help guide you in this process — and to introduce you to the in-lab exercises for the course — we have some basic rules to set up:
- You can use 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;
- Cite any knowledge that is not yours in a comment in the code. The internet is a glorious repository of information and you are welcome to draw on it, but you must let us know when something does not originate from your own knowledge.
- If work has been copied without citation the entire exercise portion of the final grade is forfeit (it totals to 5% of the final grade). A simple solution to this potential problem is to just note where your knowledge is coming from.
For this coding task you will be building out a portion of the HTML (no styling) for the style guide. Please complete the following before the end of your lab time:
- Using the style guide template as a starting point, build out the following elements in HTML only;
- An in-text link
- A text input field and a label
- An image as a link
- Four levels of heading
- A paragraph
- Add comments through-out the code to indicate what resources you drew upon to complete the exercise
- Validate the page using the HTML Validator (W3C) to find any errors or potential problems in your markup.
- Please upload your file to your SFU filespace and submit the URL to the Canvas assignment.
If you have trouble uploading your file in lab and you cannot resolve it with the assistance of the TA, please simply submit the HTML file itself.
Your submission is due before the end of your lab time.
- 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.
- How to Upload to SFU Filespaces Using SFTP: Instructions on uploading files to your SFU filespace.