Scribd
Upload
698 views2 pages

Web Design Package Lesson Note

This lesson note outlines a 40-minute class on web design for SS 2 students, focusing on defining web design, understanding web pages, and exploring web design packages. Students will learn about the components of web design, the uses of design packages, and relevant web development terms. The lesson includes evaluation questions and assignments to reinforce learning.

Uploaded by

lekzyadebox
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
698 views2 pages

Web Design Package Lesson Note

This lesson note outlines a 40-minute class on web design for SS 2 students, focusing on defining web design, understanding web pages, and exploring web design packages. Students will learn about the components of web design, the uses of design packages, and relevant web development terms. The lesson includes evaluation questions and assignments to reinforce learning.

Uploaded by

lekzyadebox
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 2

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

You might also like