Web 1 Assignment #1: HTML Markup

Due date info goes here

Outcomes

The intent of this assignment is to build towards a mastery of using HTML. Skills learned in this assignment will be built upon in assignment two, and are subject to examination. Upon successful completion of this assignment the student will:

• Understand the syntax of HTML markup.
• Be able to describe and apply semantic tags to create structural meaning.
• Be able to build consistent navigation structure over multiple pages.
• Be able to understand use appropriate HTML attributes and tags.
• Use absolute and relative links correctly.
• Include at least one image in the webpage, addressing accessibility.

Submitting

Since your website will consist of multiple files ( 2 html pages and 2 images), start by putting everything into a folder named assign1_yourlogin (e.g., assign1_fsmi9876). When confident it is ready, drag the entire folder to the Submit location.

Note: Since absolute links will only work on your computer, we recommend checking your submitted site to make sure all the links work as expected before signing off on your submission. If submitting from off campus, use secure.mtroyal.ca to access your files.

You will lose marks if you do not follow these submission instructions.

Grading

Your assignment will be graded based on the overall layout of the pages, consistency between pages, as well as completion of the requirements on a per page basis.

Content Requirements

Each page on your site is intended to be a summary of a lecture of lab in this course. Lecture1.html , for instance, might capture our first lecture topics, which included:

• a course summary, expectations, textbook
• introduction of Jordan
• Description of the difference between WWW and Internet

The content for each lecture should be mostly correct, and does not need to be very long. Ideally, it will serve to remind you of topics covered during the first 2 weeks of this course.

Functional Requirements:

You must submit valid and semantically appropriate HTML5.

You must create at least 2 web pages that will define your "site". The pages must be named lecture1.html and lecture2.html.

Each of your pages must be consistent with one another. There should be:

• a consistent layout look and feel between pages
• (vertical) navigation menu with links between the 2 pages (using an unordered list)

Each of the pages must include:

• The aforementioned menu that allows on to navigate between all the site's pages
• At least one HTML comment per page
• One unique photo (of your choosing one is an image of yourself, and the second is anything else) per page enclosed in a

  , with a linking to where it was found.

Note: the clickable link to the source of the image should contain noting more than the text source.

• You must define "alt" and "title" attributes for all pictures.
• Valid HTML5 markup. Your site should validate without error (warnings are ok).
• Ensure a unique and descriptive