This is an archived resource. The repo will remain available but the resource will no longer be maintained or updated. Some or all parts of the resource may no longer work. To see our latest resources, please visit raspberrypi.org.
Google Coder - HTML & CSS Scheme of Work
This scheme of work will introduce students to the infrastructure of website development, in particular the concept of web pages (HTML & CSS) and web servers. It is specifically targeted towards KS2/KS3 Computing. This has been developed in harmony with the new Computing curriculum in the UK and is based on the Google Coder Project - The Perfect Recipe.
Over the course of six lessons, students will learn:
- How to turn a Raspberry Pi into a webserver
- How to create webpages using HTML & CSS, in particular:
- Different ways to display text with HTML
- Adding images and videos
- Adding CSS style
Computing Programme of Study Met:
- Understand computer networks, including the internet; how they can provide multiple services, such as the World Wide Web, and the opportunities they offer for communication and collaboration.
- Select, use and combine a variety of software (including internet services) on a range of digital devices to design and create a range of programs, systems and content. This will accomplish various goals including collecting, analysing, evaluating and presenting data and information.
- Understand the hardware and software components that make up computer systems, and how they communicate with one another and with other systems.
- Create, reuse, revise and repurpose digital artefacts for a given audience, with attention to trustworthiness, design and usability.
- Understand a range of ways to use technology safely, respectfully, responsibly and securely, including protecting the students' online identity and privacy. Recognise inappropriate content, contact and conduct, and know how to report concerns.
For the majority of the lesson, it is suggested that work is carried out by students on a Raspberry Pi in pairs. Each pair should have access to the standard equipment described below, and each should have a computer with a web browser connected to the network. As there will be multiple Raspberry Pis acting as servers some setup is required in configuring them. See multiple coder devices setup guide. In addition, it is suggested that you have your own teacher setup connected to a projector screen for demonstration purposes. The checklist is below:
- A Raspberry Pi per pair connected to the local network
- An SD card with Google Coder installed per Raspberry Pi, configured to allow multiple coder devices
- A computer per student with a web browser connected to the local network
- Lesson 1 - Websites & Webservers
- Lesson 2 - What is HTML?
- Lesson 3 - Adding Images and Other Media
- Lesson 4 - Adding Style with CSS
- Lesson 5 - Colour with CSS
- Lesson 6 - Evaluation
Coder is open source, so everyone can help make it better. You can fix bugs, build new features and help make Coder the simplest way for new coders to learn how to create content for the web. To find out more visit the Google Coder GitHub Page.
Unless otherwise specified, everything in this repository is covered by the following licence:
Coder HTML & CSS Lessons by the Raspberry Pi Foundation is licenced under a Creative Commons Attribution 4.0 International License.
Based on a work at https://github.com/raspberrypilearning/coder-html-css-lessons