Lesson Notes By Weeks and Term v4 - SHS 1
WEB TECHNOLOGIES
Download the Lessonotes Mobile Ghana app for faster lesson access on Android and iPhone.
WEB TECHNOLOGIES
Download the Lessonotes Mobile Ghana app for faster lesson access on Android and iPhone.
Subject: Computing
Class: SHS 1
Term: 2nd Term
Week: 18
Grade code: 1.2.3.LI.2
Strand code: 2
Sub-strand code: 3
Content standard code: 1.2.3.CS.1
Indicator code: 1.2.3.LI.2
Theme: PROCEDURAL PROGRAMMING (COMPUTATIONAL THINKING)
Subtheme: WEB TECHNOLOGIES
This page supports the lesson note with a companion video and a short classroom-ready summary.
For class groups and homework, share this lesson page so learners also get the summary, objectives, and full lesson context.
This lesson introduces the foundational planning stages of creating a website. Before a single line of code is written or a beautiful image is chosen, a solid plan must be in place. Just as an architect creates a blueprint before a house is built, a web designer creates a plan to ensure the website is logical, user-friendly, and achieves its goals. In Ghana, as more businesses, schools, and individuals move online, understanding how to plan a digital presence is a vital skill. Whether for starting a small online business selling local crafts, creating a website for a school club, or simply understanding the digital world better, this lesson provides the essential first steps.
What is a Web Outline Plan?
A web outline plan is the blueprint for a website. It is a combination of documents and diagrams that show what the website will contain, how the pages will be connected, and where content will be placed on each page. It is a crucial step in Computational Thinking, as it involves breaking down a large problem (building a website) into smaller, manageable parts. The two most important parts of this plan are the Sitemap and the Wireframe.
Concept 1: The Sitemap (Website Map)
A sitemap is a diagram that shows the structure of a website. It lists all the main pages and shows how they are related to each other in a hierarchy. Think of it as the table of contents for a book, or a family tree for the website's pages.