Computer Science

a programming language used to add interactivity to web pages

a representation of a web page that JavaScript can use to access and change HTML elements

a function that waits for a user action (such as a click) and then triggers a response

JavaScript

HTML fundamentals

Images and links

Planning a mini website

CSS fundamentals

Web page layouts using CSS divisions

CSS for layout

Web based project I

Web based project II

In this unit pupils will explore how websites are displayed within a browser using HTML and CSS. They will examine how websites are requested and delivered to our computer via the internet and the WWW. They will create the structure of a website using HTML and change the styling using CSS.

HTML programming project

What is JavaScript used for in web pages?

What does DOM stand for in web development?

links an external JavaScript file to the HTML page

What does the following line of code do? 

```<script src="scripts.js"></script>```

What does JavaScript change when it modifies a web page?

What function in JavaScript waits for a user action, such as a click, and then triggers a response?

gets the value of an element with the ID "username"

deletes the element with the ID "username"

creates a new element with the ID "username"

What does the following code do?

```let name = document.getElementById("username").value;```

a plan that outlines the basic structure and layout of visual content

how HTML elements are structured and spaced

What is the purpose of placing divisions inside other divisions?

it ensures everyone creating designs for a product makes it look the same style

What is the main advantage of using a house style?

to plan the structure and layout of a web page

to ensure consistent design across a website

JavaScript

Lesson outcome