Oct 22: P3 HTML Exercise (In-lab)
As part of your P3 submission, you will be completing a series of in-lab exercises. This exercise has you starting to work with HTML.
This exercise is worth 2 of the 10 marks for P3: HTML/CSS.
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 grade is forfeit. A simple solution to this potential problem is to just note where your knowledge is coming from.
For this exercise you will be building out a portion of the HTML (no styling) for your final project. Please complete the following before the end of your lab time:
- Select one of your wireframes from P2 for the content you will be marking up in this exercise. Please take a screenshot of, or save the wireframe as a static image for reference. At minimum, the selected wireframe should have:
- In-text links or navigation buttons.
- A placeholder image.
- At least two levels of heading.
- A couple paragraphs of text.
- Starting with a blank HTML file, mark up the content from your wireframe to build out just the content structure for the page.
- Place the image of your wireframe at the bottom of your HTML page for our reference.
- Add comments through-out the code to indicate what resources you drew upon to complete the exercise.
- Validate the page using the HTML Validator to find any errors or potential problems in your markup.
If you have trouble uploading your file in lab and you cannot resolve it with the assistance of the TA, please simply submit the required files in a ZIP.
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: 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.
This exercise will be graded on the following: