1) Click here for the Chapter Contents 2) Click here for the Teacher's Introduction 3) Click here for the Quiz Answers

Chapter Chapter Difficulty Learning Outcomes Prerequisite Knowledge Examples and Solutions Chapter Quiz
BASIC (KS3/KS4)
INTRODUCTION:
HTML and the Web
star
  • 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
star
  • 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
star
  • 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
starstar
  • 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
starstar
  • 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
starstar
  • 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
starstarstar
  • 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
starstarstarstar
  • 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
starstarstarstar
  • 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
starstarstarstarstar
  • 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
starstarstarstarstar
  • 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
-