5E Lesson Plan by Zainab
5E Lesson Plan by Zainab
Objective/s:
At the end of this lesson, students will be able to.
What does HTML stands for?
Recognized the importance of hexadecimal in HTML.
Designed a webpage using tags.
Resources:
Computers, Browsers, Microsoft Notepad, Worksheets, Textbook (computer science by Helen
Williams)
Students’ Prior Knowledge:
Students already know about webpages
1|Page
Engage: After discussing different browsers and
use of internet with students, teacher will lead the
conversation towards HTML.
2|Page
pupils with any challenges they encounter during
this practical work and help them through this task
work.
Elaborate:
The teacher will challenge students to design a
webpage
Activity :
Create webpage displaying a restaurant menu 25 mins
card using HTML using hexadecimal numbers
for changing background color.
Create webpage displaying a restaurant menu
card using HTML inserting pictures.
https://www.youtube.com/watch?v=PlxWf493en4
https://www.youtube.com/watch?v=FazgJVnrVuI
3|Page
Assessment (Summative) 10 mins
Evaluate:
Students will be assessed at the end of the topic
To assess student the teacher created rubric toasses
each group according to the criteria.
1. How they inserted pictures?
2. Which tags they have used for presentation
and structure?
3. Explain the procedure you have used to
change background colours .
Home Assignment:
Teacher will assign students a task, which they
will complete from home. The students will be
given a worksheet in which they will think
critically and solve the questions individually.
They will login from their Google account and
solve these questions of HTML and hexadecimal
will be posted on GCR
4|Page
REFLECTION ON THE APPLICATION OF THE STATEGY:
I have noticed that whenever I choose pair work activities, the objectives of the lesson are achieved
more effectively as compared to traditional teacher centered learning. The students started in an
organized manner, sitting and mingling with their peer willingly. The instructions were quite clear
and the program written on the board was visible; however, two pairs of students were not able to
compile the basic program and as a result I had to help them understand it again. Students were
able to understand the concept in a better way when they applied their knowledge by creating a
web page.
I found that when they were creating a restaurant menu card students were enthusiastically
participating. The able students supported their partner by sharing the concept, they were listening
to each other, arguing differences and in the process refined their ideas through discussing it . As
I was not intrusive, they were working at a pace comfortable to them that gave me enough time to
observe each of them carefully.
However, while taking rounds, I noticed that there was a pair who was struggling to make correct
use of tags and were getting restless as they were noticing other pairs managing it well. Secondly,
it seemed to me that they lacked the required coordination between them and the arguments were
not positive. I scaffolded their understanding by applying the tag of <H6> and giving individual
attention Later I allowed them to work independently.
I observed that six pair of students were able to finish their task on time and made really good
web pages .One of the pairs even started the extended task and were able to insert images .Two
pairs made average looking web page with less tags and one pair was not able to change colours
and ran out of time
5|Page
EVIDENCES
Q1 (i) The following code shows HTML ‘tag’ pairs on either side of the text stating the colour
that each creates.
Yellow is a combination of red and green, magenta a combination of red and blue and
State what 6-digit hexadecimal values should replace X, Y and Z in the above code.
X..............................................................................................................................
Y...............................................................................................................................
Z......................................................................................................................... [3]
(ii) Describe how other colours, such as a darker shade of blue, are created.
................................................................................................................................
................................................................................................................................
............................................................................................................................ [2]
(i) Identify what the first six and last six hexadecimal digits represent.
...............................................................................................................................
6|Page
Last six digits..........................................................................................................
............................................................................................................................ [2]
.................................................................................................................................
............................................................................................................................ [1]
................................................................................................................................
................................................................................................................................
................................................................................................................................
................................................................................................................................
................................................................................................................................
............................................................................................................................ [3]
Structure..................................................................................................................
................................................................................................................................
.................................................................................................................................
Presentation.............................................................................................................
................................................................................................................................
............................................................................................................................ [2]
.................................................................................................................................
.................................................................................................................................
........................................................................................................................ [3]
7|Page
Tags copied by students
8|Page
Sample1 of student work
Source Code:
<HTML>
<HEAD>
<BODY>
<HB> MATH </HB>
<OL>
<LI> ADD
<LI> SUBTRACT
<LI>MULTIPLY
</OL> </BODY>
Object Code:
9|Page
Sample 1 of student work
Source code:
<HTML>
<HEAD>
<TITLE>GINSOY</TITLE></HEAD>
<H2>MENU</H2>
<OL>
<H4>CHINESE DISHES</H4>
<LI>CHICKEN CHOWMEIN-------RS.550/-
<LI>FRIED RICE-------RS.649/-
<LI>LASAGNE-------RS.999/-
<LI>FINGER FISH-------RS.799/-
<H4>DESSERTS</H4>
<LI>LAVA CAKE-------RS.440 /-
<H4>COLD DRINKS</H4>
<LI>PEPSI-------RS.150/.
10 | P a g e
<LI>MIRANDA-------RS.150/.
<LI>PINA COLADA------RS.350/.
</OL></BODY></HTML>
Object code:
Source code:
<html>
<head>
<body bgcolor="#fffff00">
<title>KFC</title></head>
<body>
<h3>Menu Card</h3>
<ol>
11 | P a g e
<li>Chicken Tikka...... Rs150
<li>Chinese......Rs300
<li>Burger......Rs250
<li>Chicken Broast......Rs175
<li>Soup......Rs250
<ol>
<h3>Desert</h3>
<li>Icecream......Rs90
<li>Cake......Rs450
<li>Sweets......Rs35
<li>Chocolates......Rs80
</ol></body></html>
Object Code:
12 | P a g e
EVIDENCE OF TEACHER SUPPORT
13 | P a g e
Rubric for checking student work and class participation
Activity
Completed Colour Picture
Group Names Ability Task Presentation Participation Display inserted
Max
Marks 2 2 2 2 2 2
Ahmed 1 2 2 2 2 0
Najeeb 3 2 2 1 2 0
A Subhan 2 2 2 1 2 0
Umair 3 2 2 1 1 1
Shahzaib 1 2 2 1 2 1
B Khubaib 2 2 1 2 2 1
Hammad 2 2 2 2 2 2
Faraz 1 2 2 2 1 2
C Zaviyar 3 2 2 1 2 2
Ebadullah 3 2 2 1 2 2
M.Ali 1 2 2 2 2 2
D Faiq 2 2 2 2 2 2
Zayyan 1 2 2 2 2 1
Shaheer 2 2 2 2 2 1
E Yasir 3 2 1 2 2 1
Haseeb 1 2 1 1 1 1
Nameer 2 2 1 2 1 1
Ali 1
F Ahmed 3 2 2 2 1
14 | P a g e
15 | P a g e