Learning Objectives
The learning objectives under a given topic may be achieved over the multiple weeks of the module, rather than in the first week the topic is introduced.
HTML
- Can answer: Why is it important to build accessible websites?
- Can: Identify the kinds of users who browse the web, including blind and disabled users.
- Can: Identify the kinds assistive technologies some users use to browse the web, including screen readers.
HTML Anatomy
- Can answer: What is an HTML tag?
- Can answer: What is an HTML attribute?
- Can answer: What is an HTML element?
- Can: identify opening and closing tags.
- Can: identify attribute names and attribute values.
HTML Structure
- Can answer: What are parent and child elements?
- Can: identify parent and children elements.
- Can: identify first child of an element.
- Can: write a simple HTML fragment, correctly observing syntax when nesting one tag within another.
- e.g. "Create an article which contains a
h2
header and twop
(paragraph) elements." [detail the text that the tags should include]
- e.g. "Create an article which contains a
- Can: recognise when elements are incorrectly nested, in a short HTML extract.
Semantic HTML
- Can answer: What is semantic HTML?
- Can answer: What are some semantic HTML tags we can use for the main sections of a typical web page?
- Can answer: What are some semantic HTML tags we can use for text content?
- Can answer: What attribute must we use with every
<img>
tag?
CSS
CSS Anatomy
- Can answer: What is a CSS selector?
- Can answer: What is a CSS property?
- Can answer: What is a CSS value?
- Can answer: What is a CSS declaration?
- Can: identify a CSS selector
- Can: identify a CSS property
- Can: identify a CSS value
- Can: identify a CSS declaration
CSS Units
- Can answer: What are some common CSS units?
- Can answer: What is the difference between absolute and relative CSS units?
- Can answer: Should we prefer absolute or relative CSS units, and why?
CSS Selectors
- Can answer: What is the difference between a type, class, and ID selector?
CSS Box Model
- Can answer: What is the CSS box model?
- Can answer: What CSS properties modify the box model?
- Can answer: What is the difference between block and inline boxes?
- Can answer: What are some HTML block elements and HTML inline elements?
- Can answer: What CSS property do we use to change whether the element is a block or inline?
CSS Inheritance, Cascade and Specificity
- Can answer: What is inheritance?
- Can answer: What is cascade?
- Can answer: What is specificity?