Creating a custom website
Lesson details
Learning outcome
I can create a multi-page website with working navigation.
Key learning points
- A well-planned website ensures the content on each web page is clear and presented in a logical and organised way.
- The a tag is used to interlink web pages and help users navigate a website easily.
- CSS can be used to style websites and make web pages look more attractive and consistent.
- Testing helps you identify and fix errors and improve the user experience for website visitors.
Keywords
Audience - a group of people for whom the prepared media is intended
Purpose - the reason why something is done or created
Navigation - how users move around a website using menus, links, and buttons to find information easily
Testing - to check if something works correctly and as expected
Common misconception
Hyperlinks only work on the homepage.
Hyperlinks are used across all pages, creating a fully navigable website. Any object on any HTML page can be made into a hyperlink.
Teacher tip
Encourage learners to adapt the example code and be creative to customise their own website. You may benefit from adjusting the context of examples before teaching the lesson.
Equipment
Pupils will need access to a device with HTML editing software. Examples in this lesson use the RPF Code Editor https://oak.link/html-editor
Licence
Lesson video
Loading...
Prior knowledge starter quiz
6 Questions
Q1.What allows you to navigate to another web page or location?
Q2.What is the purpose of a hyperlink?
Q3.What does a hyperlink typically look like on a web page?
Q4.What does the term 'navigation' mean in the context of web pages?
Q5.What HTML tag is used to create an unordered list?
Q6.What is the primary purpose of CSS in web development?
Assessment exit quiz
6 Questions
Q1.Match each word to its definition.
moving between different pages or sections of a website
the group of people a website is designed for
the goal or objective of a website
the process of identifying and fixing errors on a website
Q2.A well-planned website ensures that ...
Q3.Which tag is used to create hyperlinks on a web page?
Q4.What is a key benefit of using CSS on a website?
Q5.Where can hyperlinks be used on a website?
Q6.What is the main purpose of testing a website?
To help you plan your 8 computing lesson on: Creating a custom website, download all teaching resources for free and adapt to suit your pupils' needs...
To help you plan your 8 computing lesson on: Creating a custom website, download all teaching resources for free and adapt to suit your pupils' needs.
The starter quiz will activate and check your pupils' prior knowledge, with versions available both with and without answers in PDF format.
We use learning cycles to break down learning into key concepts or ideas linked to the learning outcome. Each learning cycle features explanations with checks for understanding and practice tasks with feedback. All of this is found in our slide decks, ready for you to download and edit. The practice tasks are also available as printable worksheets and some lessons have additional materials with extra material you might need for teaching the lesson.
The assessment exit quiz will test your pupils' understanding of the key learning points.
Our video is a tool for planning, showing how other teachers might teach the lesson, offering helpful tips, modelled explanations and inspiration for your own delivery in the classroom. Plus, you can set it as homework or revision for pupils and keep their learning on track by sharing an online pupil version of this lesson.
Explore more key stage 3 computing lessons from the Developing for the Web unit, dive into the full secondary computing curriculum, or learn more about lesson planning.