Chapter |
Chapter Difficulty |
Learning Outcomes |
Prerequisite Knowledge |
Examples and Solutions |
Chapter Quiz |
BASIC (KS3/KS4) |
INTRODUCTION:
HTML and the Web |
|
- Identify the importance, and purpose, of HTML, CSS and JavaScript in today’s web
- Identify the role of W3C
- Identify the purpose of a web browser and the steps taken to retrieve a web page
|
- Be able to use a computer, i.e. mouse, keyboard and basic operations
- Be able to navigate a web browser and access/use web pages
- Be able to use a search engine
|
- |
Quiz
|
CHAPTER 1:
Simple HTML |
|
- Identify the HTML5 structure, including the use of container and stand-alone tags
- Create a HTML 5 web page using a range of HTML tags and attributes
- Hyperlink two or more web pages together
|
- Complete the HTML introduction
- Be able to navigate a web browser and access/use web pages
- Be able to save documents in a text editor
- Be able to access file properties
|
Examples Website
Solutions Website |
Quiz
|
CHAPTER 2:
HTML Tables, Lists and Divisions |
|
- Implement rudimentary CSS to change the appearance of some HTML elements
- Create a HTML table
- Create an ordered and unordered HTML list
- Identify the importance of divs and metadata
|
- Complete Chapter 1
- Be able to use basic HTML elements; for example, <p>, <h1>, <b> and <i> tags
- Be able to create hyperlinks to external websites and documents using the <a> tag
|
Examples Website
Solutions Website |
Quiz
|
CHAPTER 3:
HTML Forms and iFrames |
|
- Create web forms that demonstrate a variety of input types available in HTML
- Apply CSS to a form to improve presentation
- Implement an iframe and HTML symbols
- Identify the composition of a URL address
|
- Complete Chapter 2
- Be able to apply CSS to HTML elements using the <style> tag in the document head
- If working in a Windows environment, have access to the command prompt
|
Examples Website
Solutions Website |
Quiz
|
INTERMEDIATE (KS4) |
CHAPTER 4:
Simple CSS |
|
- Identify the three methods of applying CSS and the hierarchy in which they are applied
- Implement an external style sheet and use CSS class and id selectors
- Apply a range of CSS properties to a web page
|
- Complete Chapter 3
- Be able to use standard HTML elements; for example, headings, paragraphs, tables and lists
- Be able to hyperlink web pages together
|
Examples Website
Solutions Website |
Quiz
|
CHAPTER 5:
The Box Model, Links, Lists and Tables |
|
- Be able to manipulate the appearance of HTML hyperlinks, lists and tables using CSS
- Identify the features of the CSS box model and how the properties can manipulate HTML tags
- Apply the box model properties to HTML tags
|
- Complete Chapter 4
- Be able to apply CSS using all three methods: inline, internal and external
- Be able to manipulate the appearance of simple HTML elements using basic CSS
|
Examples Website
Solutions Website |
Quiz
|
CHAPTER 6:
CSS Layouts |
|
- Identify the four types of CSS positioning: static, relative, fixed and absolute
- Identify the use of CSS floats
- Be able to implement HTML and CSS to construct a three-column themed web page
|
- Complete Chapter 5
- Be able to use hyperlinks and style them using CSS, including the various states
- Be able to manipulate HTML elements using the CSS box model properties
|
Examples Website
Solutions Website |
Quiz
|
CHAPTER 7:
Advanced CSS |
|
- Identify the importance of CSS specificity and the order of precedence in which it is applied
- Be able to implement HTML and CSS to construct an advanced three-columned web page, including the use of inner divisions
|
- Complete Chapter 6
- Be able to implement divisions and manipulate their position on a web page, using CSS
- Be able to construct simple web page layouts
- Be able to float and clear divisions
|
Examples Website
Solutions Website |
Quiz
|
CHAPTER 8:
CSS3 and HTML5 |
|
- Identify and implement a range of properties from the CSS3 standard
- Identify the key differences in the HTML5 standard
- Implement HTML5 elements into a web page
|
- Complete Chapter 7
- Be confident in applying a wide range of CSS properties using different selectors
- Be able to link a web page to external CSS
- Be able to construct simple web page layouts
|
Examples Website
Solutions Website |
Quiz
|
ADVANCED (KS4/KS5) |
CHAPTER 9:
Simple JavaScript |
|
- Identify the benefits and uses of JavaScript
- Identify the key components of the JavaScript language, including selection, iteration, variables, functions and the DOM
- Implement simple JavaScript into a web page
|
- Complete Chapter 8
- Be confident in implementing CSS and HTML syntax to a high standard
- Understand HTML structure (i.e. attributes, etc.)
- Understand the rules of BODMAS calculations
|
Examples Website
Solutions Website |
Quiz
|
CHAPTER 10:
The Final Project |
|
- Identify the importance and uses of nesting divisions to build more complex web layouts
- Implement HTML and CSS to build a complex website layout
- Apply all skills/knowledge learnt to a project
|
- Complete Chapter 9
- Be confident in implementing HTML, CSS and JavaScript to build simple web page layouts
- Be able to implement detailed CSS selectors
- Be able to confidently use the CSS box model
|
Examples Website
Solutions Website |
- |