Lesson Plan
Teacher: Leung Wing Chung
Class: 1A (even class number)
Date: 5/11/2014 (Wed) Time: 9:20 am – 10:00 am
Topic: Text and Document (Textbook Theme B Chapter 1)
Learning Objectives
Students can recognise the following elements in typography:
 Fonts and typefaces
 Font size and font style
 Alignment of text
Prerequisite Knowledge
Word processing (used any word processor in primary school)
Lesson Activities
Duration
5
5
10
2
2
6
5
5
Activities
Students enter computer room
Introduction: students identify the typesetting features
of an article (in p.1 of the worksheet.)
Types of typefaces: A few typefaces are given to
students. They are asked to classify the fonts into 3
categories: serif, san serif, and others.
After the activity, students are introduced the fact that
a serif is a line which extends from the stroke end of the
character.
Students are introduced to the various text attributes,
i.e. typeface, font style and font size.
Font sizes are introduced. Students are reminded that
the unit is point (pt), where 1 inch = 72 pt = 2.54 cm.
The following font styles are introduced:
boldface, italics, underline, strikethrough, outline
(shadow is excluded because it is hard to print in a
worksheet.)
Students are asked to do a worksheet to recognize the
font styles used in the samples.
Alignments are introduced to students. The students
will recognise the alignments in the worksheet.
Summary and homework assignment
Teaching Aids
Nil
Worksheet
Worksheet,
Appendix (major
types of
typefaces)
Worksheet
Worksheet
Homework
Note: The other lesson in will be used for distribution and checking of the First Test.
Hence I do not expect to finish the whole chapter in the lesson. The parts “readability of
a document” and “document file formats” will be taught in the next lesson.
~1~
Expected Difficulties
Difficulties
Students are very weak in
English in general.
Great individual difference.
Solutions
 Some verbal instructions are given bilingually, so
the weaker students can understand the
instructions and gradually switch to English.
 Instructions in worksheets are made as short as
possible.
 Allow students to say new terms in Chinese. Of
course students are required to learn the same
term in English terms after the discussion.
 Encourage students to discuss in groups of two or
three, so weaker students can ask their classmates
for help.
 Add an extended activity in the worksheet, so
students may try them if they finish the class work
early. Note: the extended activity requires
searching for information not inside the textbook.
~2~
HKTA Tang Hin Memorial Secondary School
S. 1 Computer Literacy
Name:
(
)
Class:
Date:
Text
Introduction
Can you recognise the formatting features of the following document?
(source: South China Morning Post, 3/11/2014, C4)
Write down your answers below:
_______________________________________________________________________________
_______________________________________________________________________________
_______________________________________________________________________________
_______________________________________________________________________________
_______________________________________________________________________________
_______________________________________________________________________________
_______________________________________________________________________________
~1~
HKTA Tang Hin Memorial Secondary School
S. 1 Computer Literacy
Typefaces (字體)
Given the typefaces below:
Times New Roman
Onyx
Arial
Impact
Comic Sans MS
Brush Script MT
Lucida Calligraphy
Rockwell
Wide Latin
Caviar Dreams
Staccato222 BT
Georgia
Divide the typefaces into the following categories:1
Serif
San Serif
Others (scripts, decorative)
Fonts (字型)
A font is a set of text with a particular size and style. A font has the following text attributes
(屬性):
 Typeface
 Font size
 Font style
Font size
A font can be used in different sizes. Font size is usually calculated in points (pt). Note
that 1 inch = 72 pt = 2.54 cm
A quick brown fox jumps over the lazy
A quick brown fox jumps
dog. A quick brown fox jumps over the
over the lazy dog. A quick
lazy dog. A quick brown fox jumps over
the lazy dog. A quick brown fox jumps
brown fox jumps over the
over the lazy dog. A quick brown fox
lazy dog. A quick brown
jumps over the lazy dog. A quick brown
fox jumps over the lazy dog. A quick
fox jumps over the lazy
brown fox jumps over the lazy dog. A
dog. A quick brown fox
quick brown fox jumps over the lazy
dog.
jumps over the lazy dog. A
8 pt
pt jumps
36 pt
quick brown12fox
over the lazy dog. A quick
1
According to http://www.fonts.com,brown
fonts can
classified
intothe
serif, sans serif, scripts (手寫) and
foxbejumps
over
decorative (裝飾).
lazy dog. A quick brown
fox jumps over the lazy
dog. A quick brown fox
~2~
jumps over the lazy dog.
A quick
brown
fox
jumps
over the
HKTA Tang Hin Memorial Secondary School
S. 1 Computer Literacy
Font styles
The following font styles are introduced here:
Regular
(i.e. no style)
Underline
Boldface
Italics
Strikethrough
Now write down the text styles used in the following text samples:
(Hint: more than one font styles may be used at the same time.)
Regular
(regular)
Cherry
Apple
□ boldface □ outline
□ italics □ strikethrough
□ underline
Durian
Alignment (對齊)
Match the following alignments with the text below:
Left-aligned
Centre-aligned
Right-Aligned
Full-justified
After nearly eight years of work, the World
Wide Web Consortium (W3C) has finalized the
HTML5 standard, bringing the basic Web
technology firmly into the era of mobile devices
and cloud-driven rich Internet applications.
“HTML5 brings the next generation of the
Web,” said W3C CEO Jeff Jaffe. “It wasn’t so
long ago that the Web was about browsing static
documents. Today’s Web is a much richer
platform.”
Although Web and mobile developers have been
using parts of the HTML5 specification for
several years, the finished specification—which
the W3C calls a recommendation—ensures
developers that the code they develop for the
Web will work going forward.
“We’re now at a stable state that everyone can
build to the standard and be certain that it will be
implemented in all browsers,” Jaffe said. “If we
didn’t have complete interoperability, we
wouldn’t have one Web.”
~3~
HKTA Tang Hin Memorial Secondary School
S. 1 Computer Literacy
Extended activities
For both questions, use the internet to help you to get the answers.
1. You have learnt about serif and san serif typeface in this chapter. Now find more
details about classification (分類) of typefaces. Write down a summary of your
findings below. (For example, are there any sub-categories of serif typeface?)
_______________________________________________________________________________
_______________________________________________________________________________
_______________________________________________________________________________
_______________________________________________________________________________
_______________________________________________________________________________
_______________________________________________________________________________
_______________________________________________________________________________
_______________________________________________________________________________
2. The following justified texts are produced by two different programs. Comment on
their differences. Which one looks better? Why?
tween words line up
approximately above
one another in several
Justification
someloose lines, a distracttimes leads to typoing river of white
graphic
anomalies.
space may appear.
One example: when
Rivers appear in rightjustification is used in
aligned, left-aligned
narrow columns, exand centered settings
tremely large spaces
too, but are more likemay appear between
ly to appear in justiwords on lines with
fied text, because of
only two or three
the additional word
words.
spacing. Since there is
no added white space
Another
example:
built into a typical full
when the spaces bestop (period), other
than
that
Made with Microsoft Word
Problems
with
justification
-
Made with Microsoft Publisher
_______________________________________________________________________________
_______________________________________________________________________________
_______________________________________________________________________________
_______________________________________________________________________________
_______________________________________________________________________________
~4~
HKTA Tang Hin Memorial Secondary School
S. 1 Computer Literacy
Appendix: major types of typefaces
Serif
San Serif
Script
Decorative
~5~