Teacher: Google Coder HTML and CSS Scheme of Work

Teacher: Google Coder HTML and CSS Scheme of Work


Google Coder is a free, open source project that turns a RaspberryPi into a simple platform that educators and parents can use to teach the basics of building for the web. New coders can craft small projects in HTML, CSS and Javascript, right from the web browser.

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.

Learning outcomes:

Over the course of six lessons, students will learn:
◾ How to turn a RaspberryPi 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 RaspberryPi 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 RaspberryPis 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 RaspberryPi per pair connected to the local network
◾ An SD card with Google Coder installed per RaspberryPi, 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.




Site Map

© LampPi 2024