Lesson Note: Web Design Package
Subject: Computer Studies / Data Processing
Class: SS 2
Topic: Web Design Package
Duration: 40 minutes
Previous Knowledge
Students are familiar with the concept of the internet, websites, and basic HTML structure.
Behavioural Objectives
At the end of the lesson, students should be able to:
Define web design and explain the components involved.
Describe what a web page is.
List and explain the uses of a web design package.
Identify tools or features commonly found in web design packages.
Answer questions related to HTML, DWT, and other web development terms.
Lesson Content
Meaning of Web Design
Web design is the process of planning, creating, and updating websites. It includes various
elements such as:
- Information architecture
- Website structure
- User interface and navigation
- Layout, colours, contrasts, fonts
- Use of icons and photography
All of these elements come together to create a functional and visually appealing website.
Understanding a Web Page
A web page is a text file written in HTML (Hypertext Markup Language). It may include links
to other web pages, images, or files, and is stored on a web server.
Web pages can be interactive and often use multimedia (audio, video, animations). When
creating a web page, it is important to have a clear goal and use hyperlinks to connect
different content.
Uses of a Web Design Package
1. Accessibility Checker: Helps ensure code meets accessibility standards and is usable by
people with disabilities.
2. Split View Option: Allows users to write code in one pane and preview the design in
another without switching tabs.
3. Interactive Buttons: Makes it easy to create navigation buttons without needing
advanced image editors like Photoshop.
4. Dynamic Web Template (DWT): Enables the creation of one master template that can be
applied across multiple pages.
5. Code Snippets: Allows users to save frequently used pieces of code for easy reuse in
other projects.
Evaluation
6. What is the meaning of HTML?
7. What is a Dynamic Web Template (DWT)?
General Evaluation
8. Define the term web design.
9. Mention and explain three uses of a web design package.
Reading Assignment
Data Processing for Senior Secondary School by Hiit Plc. Pages 95–97
Weekend Assignment
Instruction: Choose the correct option from the ones lettered A to D.
10. 1. ____ package is used to create web pages. (a) Graphic (b) Web design (c) Presentation
(d) Word processing
11. 2. ____ means planning, creation, and updating of websites. (a) Animation (b) Website
design (c) Database (d) Download
12. 3. ____ gives the user the ability to check if their code is standard-compliant. (a)
Accessibility checker (b) Dynamic web template (c) Code snippets (d) Split view
13. 4. ____ gives users a new easy way to create web graphics for navigation. (a) Code
snippets (b) Accessibility checker (c) Dynamic web template (d) Interactive buttons
14. 5. ____ allows users to save commonly used pieces of code for reuse. (a) Accessibility
checker (b) Dynamic web template (c) Code snippets (d) Split view