HKTA Tang Hin Memorial Secondary School

S. 1 Computer Literacy

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

Activities

Teaching Aids

5

Students enter computer room

Nil

5

Introduction: students identify the typesetting features of an article (in p.1 of the worksheet.)

Worksheet

10

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.

Worksheet,

Appendix (major types of typefaces)

2

Students are introduced to the various text attributes, i.e. typeface, font style and font size.

2

Font sizes are introduced. Students are reminded that the unit is point (pt), where 1 inch = 72 pt = 2.54 cm.

6

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.

Worksheet

5

Alignments are introduced to students. The students will recognise the alignments in the worksheet.

Worksheet

5

Summary and homework assignment

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.

Expected Difficulties

Difficulties

Solutions

Students are very weak in English in general.

· 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.

Great individual difference.

· 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.

~ 1 ~

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:

Answers:

Typeface, font size, boldface (font weight), font colour, shading (background colour of the title)

Alignment (left aligned), paragraph spacing, line spacing

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:[footnoteRef:1] [1: According to http://www.fonts.com, fonts can be classified into serif, sans serif, scripts (手寫) and decorative (裝飾).]

Serif

San Serif

Others (scripts, decorative)

Times New Roman

Onyx

Rockwell

Wide Latin

Georgia

Arial

Impact

Comic Sans MS

Caviar Dreams

Comic Sans MS

Brush Script MT

Lucida Calligraphy

Staccato222 BT

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 dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog.

A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog.

A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog. A quick brown fox jumps over the lazy dog.

8 pt

12 pt

36 pt

Font styles

The following font styles are introduced here:

Regular(i.e. no style)

Boldface

Italics

Underline

Strikethrough

Outline

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

Apple

Banana

(regular)

□ boldface □ outline

□ italics □ strikethrough

□ underline

Underline, outline

Cherry

Durian

EggPlant

Italics

Boldface, strikeout

Boldface, italics, underline, strikethrough, outline

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.”

Full-justified

Left-aligned

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.”

Right-aligned

Centre-aligned

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?

Problems with justification

Justification sometimes leads to typographic anomalies. One example: when justification is used in narrow columns, extremely large spaces may appear between words on lines with only two or three words.

Another example: when the spaces between words line up approximately above one another in several loose lines, a distracting river of white space may appear. Rivers appear in right-aligned, left-aligned and centered settings too, but are more likely to appear in justified text, because of the additional word spacing. Since there is no added white space built into a typical full stop (period), other than that above the full stop itself, full stops only marginally contribute to the river effect.

Made with Microsoft Publisher

Made with Microsoft Word

Appendix: major types of typefaces

Serif

San Serif

Script

Decorative

3UREOHPV�ZLWK�

MXVWLILFDWLRQ

-XVWLILFDWLRQ�VRPH�

WLPHV�OHDGV�WR�W\SR�

JUDSKLF�DQRPDOLHV��

2QH�H[DPSOH��ZKHQ�

MXVWLILFDWLRQ�LV�XVHG�LQ�

QDUURZ�FROXPQV��H[�

WUHPHO\�ODUJH�VSDFHV�

PD\�DSSHDU�EHWZHHQ�

ZRUGV�RQ�OLQHV�ZLWK�

RQO\�WZR�RU�WKUHH�ZRUGV�

$QRWKHU�H[DPSOH��ZKHQ�

WKH�VSDFHV�EHWZHHQ�

ZRUGV�OLQH�XS�DS�

SUR[PDWHO\�DERYH�RQH�

DQRWKHU�LQ�VHYHUDO�

ORRVH�OLQHV��D�GLVWUDFW�

LQJ�ULYHU�RI�ZKLWH�VSDFH�

PD\�DSSHDU��5LYHUV�DS�

SHDU�LQ�ULJKW-DOLJQHG��

OHIW-DOLJQHG�DQG�FHQWHUHG�

VHWWLQJV�WRR��EXW�DUH�

PRUH�OLNHO\�WR�DSSHDU�

LQ�MXVWLILHG�WH[W��EH�

FDXVH�RI�WKH�DGGLWLRQDO�

ZRUG�VSDFLQJ��6LQFH�

WKHUH�LV�QR�DGGHG�ZKLWH�

VSDFH�EXLOW�LQWR�D�W\SLFDO�

IXOO�VWRS��SHULRG���RWKHU�

WKDQ�WKDW�DERYH�WKH�