Empowerment

Technologies
Quarter 1 – Module 5:
Integrating Images and External
Materials in MS Word
Empowerment Technologies – Grade 11
Alternative Delivery Mode
Quarter 1 – Module 5: Integrating Images and External Materials in MS Word
First Edition, 2020

Republic Act 8293, section 176 states that: No copyright shall subsist in any work
of the Government of the Philippines. However, prior approval of the government agency or
office wherein the work is created shall be necessary for exploitation of such work for profit.
Such agency or office may, among other things, impose as a condition the payment of
royalties.

Borrowed materials (i.e., songs, stories, poems, pictures, photos, brand names,
trademarks, etc.) included in this module are owned by their respective copyright holders.
Every effort has been exerted to locate and seek permission to use these materials from
their respective copyright owners. The publisher and authors do not represent nor claim
ownership over them.

Published by the Department of Education

Secretary: Leonor Magtolis Briones
Undersecretary: Diosdado M. San Antonio

Development Team of the Module

Writer: Cherryl D. Cordova

Editor: Geraldine A. Pinoy
Reviewer: Paulo F. De Guzman
Illustrator: Cherryl D. Cordova
Layout Artist: Cherryl D. Cordova
Cover Design: LRMDS-Bataan

Management Team:
Schools Division Superintendent : Romeo M. Alip, PhD, CESO V
OIC-Asst. Schools Division Superintendent: William Roderick R. Fallorin
Chief Education Supervisor, CID : Milagros M. Peñaflor, PhD
Education Program Supervisor, LRMDS : Edgar E. Garcia, MITE
Education Program Supervisor, AP/ADM : Romeo M. Layug
Education Program Supervisor : -
Division Lead Book Designer : Jenelyn D .Rivero
District Supervisor : -
District LRMDS Coordinator : Pepito B. Hernandez
School LRMDS Coordinator : Cherryl D. Cordova
School Principal : Edgardo Jesus S. Basa II
District Lead Layout Artist, Empowerment Tech.: -
District Lead Illustrator, Empowerment Tech. : -
District Lead Evaluator, Empowerment Tech. : -

Printed in the Philippines by Department of Education – Schools Division of Bataan

Office Address: Provincial Capitol Compound, Balanga City, Bataan
Telefax: (047) 237-2102
E-mail Address: bataan@deped.gov.ph
 Empowerment
Technologies
Quarter 1 – Module 5:
Integrating Images and External
Materials in MS Word
Introductory Message
For the facilitator:

Welcome to the Empowerment Technologies – Grade 11 Alternative Delivery

Mode (ADM) Module on Integrating Images and External Materials in MS Word.

This module was collaboratively designed, developed and reviewed by

educators both from public and private institutions to assist you, the teacher or

facilitator in helping the learners meet the standards set by the K to 12 Curriculum

while overcoming their personal, social, and economic constraints in schooling.

This learning resource hopes to engage the learners into guided and

independent learning activities at their own pace and time. Furthermore, this also

aims to help learners acquire the needed 21st century skills while taking into

consideration their needs and circumstances.

In addition to the material in the main text, you will also see this box in the

body of the module:

Notes to the Teacher

This contains helpful tips or strategies
that will help you in guiding the learners.

As a facilitator you are expected to orient the learners on how to use this

module. You also need to keep track of the learners' progress while allowing them

to manage their own learning. Furthermore, you are expected to encourage and

assist the learners as they do the tasks included in the module.

1
For the learner:

Welcome to the Empowerment Technologies – Grade 11 Alternative Delivery

Mode (ADM) Module on Integrating Images and External Materials in MS Word.

This module deals with knowing the different images and materials that you
can integrate using Word Processor. This makes your document more organized,
informative, and presentable. MS Word is a word processing software that is most
commonly used not only by businesses but by other fields as well. Most offices use
this in their business processes like letters, memos, and other reports. Integrating
images is easily done if you have the basic knowledge and skills in using MS Word.
If you don’t have that background then better check the basic. It is the pre-
requisite of this topic.

This module was designed to provide you with fun and meaningful
opportunities for guided and independent learning at your own pace and time. You
will be enabled to process the contents of the learning resource while being an
active learner.

This module has the following parts and corresponding icons:

What I Need to Know This will give you an idea of the skills or
competencies you are expected to learn in
the module.

What I Know This part includes an activity that aims to

check what you already know about the
lesson to take. If you get all the answers
correct (100%), you may decide to skip this
module.

What’s In This is a brief drill or review to help you link

the current lesson with the previous one.

What’s New In this portion, the new lesson will be

introduced to you in various ways such as a
story, a song, a poem, a problem opener, an
activity or a situation.

What is It This section provides a brief discussion of

the lesson. This aims to help you discover
and understand new concepts and skills.

What’s More This comprises activities for independent

practice to solidify your understanding and
skills of the topic. You may check the
answers to the exercises using the Answer
Key at the end of the module.

What I Have Learned This includes questions or blank

sentence/paragraph to be filled in to
process what you learned from the lesson.

2
 What I Can Do This section provides an activity which will
help you transfer your new knowledge or
skill into real life situations or concerns.

Assessment This is a task which aims to evaluate your

level of mastery in achieving the learning
competency.

Additional Activities In this portion, another activity will be given

to you to enrich your knowledge or skill of
the lesson learned. This also tends retention
of learned concepts.

Answer Key This contains answers to all activities in the

module.

At the end of this module you will also find:

References This is a list of all sources used in

developing this module.

The following are some reminders in using this module:

1. Use the module with care. Do not put unnecessary mark/s on any part of
the module. Use a separate sheet of paper in answering the exercises.
2. Don’t forget to answer What I Know before moving on to the other activities
included in the module.
3. Read the instruction carefully before doing each task.
4. Observe honesty and integrity in doing the tasks and checking your
answers.
5. Finish the task at hand before proceeding to the next.
6. Return this module to your teacher/facilitator once you are through with it.
If you encounter any difficulty in answering the tasks in this module, do not
hesitate to consult your teacher or facilitator. Always bear in mind that you are
not alone.

We hope that through this material, you will experience meaningful learning
and gain deep understanding of the relevant competencies. You can do it!

3
 What I Need to Know

This module was designed and written for you to maximize the advanced
application techniques in creating ICT derivative content using common
productivity tool such as MS Word.

At the end of this module, you are expected to:

1. Identify the different parts of MS Word environment and the different

materials you can insert in your document.
2. Use common productivity tools effectively by maximizing advanced
application techniques. (CS_ICT11/12-ICTPT-Ic-d4)
3. Create an original or derivative ICT content to effectively communicate or
present data or information related to specific professional tracks.
(CS_ICT11/12-ICTPT-Ic-d5)

4
 What I Know

MULTIPLE CHOICE: Select the best answer from the choices and write the letter
that corresponds to your answer in your notebook or in a separate sheet of paper.
1. JPEG is a commonly used method of lossy compression for digital images such
as those images produced by digital photography. What does JPEG stand for?
a. Join People Expats Group
b. Join People Experts Group
c. Joint Photographic Expats Group
d. Joint Photographic Experts Group
2. Which is an image file format that uses a non-lossy compression method?
a. GIF
b. JPG
c. PDF
d. PNG
3. Which is an image file format that uses a lossy compression method?
a. GIF
b. JPG
c. PDF
d. PNG
4. Which is an image file format that supports an image animation effects?
a. GIF
b. JPG
c. PDF
d. PNG
5. Which of the following does not belong to illustrations group?
a. Chart
b. Picture
c. Shape
d. Video
6. What is the difference of “pictures” from “online pictures”?
a. Pictures have better quality.
b. Pictures have one format.
c. Pictures’ capacity is bigger.
d. Pictures are accessed locally.
7. What does PNG stand for?
a. Port New Graphics
b. Picture New Groups
c. Picture Network Groups
d. Portable Network Graphics

5
8. What does GIF stand for?
a. Group in Focus
b. Graphics In Frame
c. Graphics Interchange Format
d. Geographic Information Format
9. What is a place of an image where texts surround it in a frame like pattern?
a. Square
b. Behind Text
c. In Front of Text
d. Inline with Text
10. Data which corresponds to numbers are best illustrated and presented through
the use of what?
a. Chart
b. Picture
c. Shape
d. SmartArt
11. Microsoft Word (MS Word) is an example of a _________________________ where
there are features that you can use to enhance your work.
a. Graphics
b. Publishing
c. Spreadsheet
d. Word Processor
12. Image can be ____________ like square, rectangle, or circle.
a. Chart
b. Picture
c. Shape
d. SmartArt
13. Image can also be in the form of _________________ which you can get from your
local storage device or online.
a. Chart
b. Picture
c. Shape
d. SmartArt
14. It is a predefined sets of different shapes grouped together to form a structure.
a. Chart
b. Picture
c. Shape
d. SmartArt
15. Microsoft Word provides a snipping tool for your _________________ so you can
select and display only the part that you exactly like to capture on your screen.
a. Picture
b. Pose
c. Screenshot
d. Shot

6
 What’s In

A. Check all the images that can be inserted in the document.

B. Identify the commonly used parts in MS Excel pointed in each number.

7
 What’s New

Spot the difference. Identify what type of picture file is in column A and in column
B.
A B

Answer:
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________

Notes to the Teacher

This module aims to prepare the students to know how to use
the MS Word or other word processors as one of the
productivity tools in integrating images and external materials
in a document, whether it is a letter, brochure, label, or flyer.

8
 What is It

Microsoft Word (MS Word) is an example of a word processor where there are
features that you can use to enhance your work. One of these features is
integrating images and external materials into your document to make it more
impressive and more informative. Learning the different materials that you can
integrate in your document is necessary for you to know what’s best to use.

Before you start, turn on your computer, open MS Word application and click
Blank Document.

KINDS OF MATERIALS

The different materials that you can integrate or insert in your document are
seen in the Insert tab, Illustrations group shown in Figure 1.

Figure 1. Insert tab, Illustrations group content

1. SHAPES

The different shapes that you can insert in your document are lines, rectangles,
basic shapes, block arrows, equation shapes, flowchart, stars and banners, and
callouts shown in Figure 2.

TRY IT 1!

You are going to design a header in your

document. Follow these instructions.
1. Click Insert tab, and click Header, then
choose Edit Header...
2. Click Insert tab, and click Shapes, then
choose Rectangle shape.
3. Click and drag it to draw rectangle shape
in the header portion. Your output
should look like in Figure

Figure 2. Insert Shapes

9
 Figure 3. Try Out 1 Output

2. PICTURES AND ONLINE PICTURES

Both “Pictures” and “Online Pictures” accomplish the same goal. The only
difference is that “Pictures” means you can insert pictures locally, the pictures you
saved in your local storage device, while “Online Pictures” allows you to insert
images from an internet-based source such as clip art from Office.com, Bing, or
OneDrive (Klein 2019). Pictures also refer to electronic, digital, or photos.

There are three different picture files that are commonly used and can easily be
identified through its filename extension.

a. .JPG / .JPEG

JPEG which stands for Joint Photographic Experts Group uses a lossy compression
method commonly for digital images. This type of image file can support 16.7
million colors that is why it is suitable for use when working with full color
photographic images (Caligagan 2017). This is the best image format that you can
integrate in your document but does not support transparency, where blending of
this type of image to other materials in your document is not that good. Try it!

TRY IT 2!
Use the Try It 1 output in doing this. Continue working on it. Make sure you
have a logo file of type .jpg in your local disk. Follow these instructions.
1. Make sure to select the rectangle shape, and if not, select it by clicking it.
2. Click Insert tab, and click Pictures, then choose your logo.jpg file in your
local drive, and click Insert button.
3. Right-click the logo and choose Size and Position... to display the Layout
dialog box like in Figure 4.
4. Click Text Wrapping tab and choose In front of text, then click OK button.
5. Click and drag the logo to the upper left corner of the rectangle shape.
Your output should look like in Figure 5. Notice that the white
background color of the logo is visible. This makes it a problem to
integrate jpg file to an object with dissimilar background color.

10
b. .PNG

PNG which stands for Portable Network Graphics uses a non-lossy compression
method also for digital images. It is the same with .jpg format in giving a good
quality of image and making the transporting of files to internet faster. Unlike .jpg
format, .png format allows transparency which makes blending of images to other
objects in your document is better. Try it!

TRY IT 3!
Use the Try It 2 output in doing this. Continue working on it. Make sure you
have a logo file of type .png in your local disk. Follow these instructions.
1. Right-click the logo and choose Change Picture... to display the Insert
Picture dialog box like in Figure 6.
2. Click From a File to display Insert dialog box then choose your logo.png
file in your local drive and click Insert button. Your output should look
like in Figure 7. Notice that the white background around the logo
disappeared. This is because of the .png file format used.
3. Click the Design tab and click Close Header and Footer to close header.

11
c. .GIF

GIF which stands for Graphics Interchange Format can display transparency too
like PNG but can only support 256 colors that is good mostly on low-resolution
images like logos, drawings or small texts. It also supports simple animation effects
which makes it not fitted to printed documents other than email or website.

3. SMART ART

Smart Art is a predefined sets of different shapes grouped together to form a

structure. There are a lot of Smart Art graphics you can choose, from list, process,
cycle, hierarchy, relationship, and matrix. You can choose and integrate it in your
infographics document. Try it! (Refer to Try It 4!)

TRY IT 4!
Use the Try It 3 output in doing this. Continue working on it. Follow these
instructions.
1. Click Insert tab and in the Illustrations group, choose Smart Art to display
Choose a SmartArt Graphic dialog box then in the Heirarchy group, choose
Horizontal Organization Chart like in Figure 8.
2. Click Design tab, click Change Colors and choose the color you want or
similar in Figure 8.
3. Click Design tab, choose the style you want or same in Figure 8 from the
SmartArt Styles group.
4. Change the [Text] with the texts shown in Figure 8.

12
 Figure 8. Try Out 4 Output

4. CHART

Chart is used to illustrate and compare data. You can choose from the available
types - bar, line, pie, area, column, or surface. Try it! (Refer to Try It 5!)

TRY IT 5!
Continue working on Try It 4 output. Follow these instructions.
1. Click Insert tab and in the Illustrations group, choose Chart to display
Insert Chart dialog box then choose Pie like in Figure 9 and click OK
button. It displays the Chart data like in Figure 10.
2. Now, change the data written in the table which is above the pie chart
picture by double-clicking Sales, and type Enrollment. As you change, data
in the pie chart also change.
3. Change other data like the data written in Figure 11. After typing, click X
button in the Chart in Microsoft Word box to close it. Your output is like in
Figure 12.

13
5. SCREENSHOT

Microsoft Word provides a snipping tool for your screen shots so you can select and
display only the part that you exactly like to capture on your screen.

IMAGE PLACEMENT

You’ve already done this in TRY IT 2 but applying only one position. If you have
paragraphs and you don’t know where to place your image, then you can choose
from the different options. Just refer to Figure 4 for the text wrapping options. Try
it!

TRY IT 6!
Continue working on Try It 5 output. Follow these instructions.
1. Type the following below pie chart image.
The pie chart presents enrollment of Dream School for four school years
starting from SY 2016-2017 to SY 2019-2020. It shows that the school got
the least number of enrollment on SY 2016-2017 and the greatest number
of enrollment on SY 2019-2020. The chart shows that there is an increment
of enrollment every school year. School year 2019-2020 enrollment is twice
that of SY 2018-2020. This only shows that the Dream School is continue
growing.
2. Resize the pie chart image to half its size by clicking the lower right corner
and drag it going to the upper left corner.
3. Right-click the image, choose Wrap Text, and click Square. Your output
should look like Figure 13.
4. Save your work in the local disk.

14
External File

External file such as an MS Excel file may be used in MS Word document like
bulk letters to link data. For example, you will type in your guests information in
MS Excel like his Salutation, First name, MI, Last name, and Address. Do the
following:

1. Open MS Excel
2. Create new Blank Workbook. and type the following:

A B C D E
1 Salutation Firstname MI Lastname Address
2 Mr. Dante F. Torres Mariveles, Bataan
3 Ms. Daniela C. Dane Dinalupihan, Bataan
4 Engr. Lala D. Roque Dinalupihan, Bataan
5 Dr. Wayne C. Batman Limay, Bataan
6 Mrs. Zeny G. Dela Cruzan Orani, Bataan

3. Save it as Guest. (Take note of the folder where you saved this file.)

15
 What’s More

This is a Hands-On Activity. You need a computer, MS Word and a .jpg type of
picture in order for you to do the following. Note: Always save your work.

1. Turn on your computer and open MS Word.

2. Create a new blank document.

Mailings
3. Go to Mailings ribbon, as shown in the figure below, in the Start Mail Merge
tab, click on Start Mail Merge and choose Letter.

4. Type the content of the letter as shown below.

July 6, 2020

Mr. Dante F. Torres

Mariveles, Bataan

Dear Mr. Torres,

Good day!

I would like to share with you the biography of Dr. Jose Rizal, an excerpt
from Ms. Rosario’s article. See the attached file.

Thank you,
Josefa Tu

5. Still in the Mailings ribbon, click on Select Recepients, and choose Use an
Existing List… The Select Data Source dialog box is displayed.
6. Locate the Guest.xlsx, select it and click on the Open button. It will activate the
Insert Merge Field option.
7. In your letter, select or highlight Mr., click on the Insert Merge Field and
choose Salutation. You will notice that it changed to «Salutation».
8. Repeat the process to first name, mi, last name, and address.
9. Do the same for the salutation after the word Dear.

16
For Page 2

10. Type the following content which is an excerpt from (Rosario 2018) as shown
below
11. Format or layout it like the output below.

Insert Citation

12. At the end of the last sentence in the last paragraph before the period, you need
to cite the reference by following the steps below:

a. Go to the Reference ribbon, in the Style option, choose Chicago.

b. Click on the Insert Citation, and choose Add New Source…
c. The Create Source dialog box is displayed as shown below. Fill in the
information as what is shown in the figure.

17
 d. Click OK. It will look like this (Rosario 2018).
13. After the last paragraph, enter two spaces.
14. Go to the Reference ribbon, click on Bibliography, and choose References.
References are now listed.
15. In the Mailings ribbon, you can preview the results by clicking the Preview
Results. You will notice that the field names are changed into the name you
entered in the Guest.xlsx.
16. You can preview the next record by clicking the arrow pointing to the right.
17. Click on the Finish and Merge and choose Edit Individual Documents… to
complete the mail merge.
18. Save this as another file.

18
 What I Have Learned

Microsoft Word (MS Word) is an example of a _________________________ where there

are features that you can use to enhance your work. One of these features is
integrating ________________ and external ________________ into your document to
make it more impressive and more informative. Image can be ____________ like
square, rectangle, or circle. It can be _________________ which you can get from your
local storage device or online. There are three different picture files that are
commonly used. It can easily be distinguish through its filename extension. A
picture file with an extension of ____________ uses a lossy compression method
commonly for digital images while _____________ uses a non-lossy compression
method. ________ is known to support a simple animation effect. Another image
that you can insert is _________________ which is a predefined sets of different
shapes grouped together to form a structure. Another image is a ____________ but it
can use an external material like MS Excel for the data needed.

What I Can Do

This is a Hands-On Activity. You need a computer and MS Word in order for you to
do the following. Note: Always save your work in the local disk.

1. Turn on your computer and open MS Word.

2. Create a new blank document and type the texts and insert the images like
what you see below.
3. Format or layout it like the output below. Rounded rectangle shape is the
last material inserted and placed over texts and images. After you positioned
it, click it and click Format tab then click the arrow down beside Send
Backward, and click Send Behind Text.

19
 Assessment

MULTIPLE CHOICE: Select the best answer from the choices and write the letter
that corresponds to your answer in your notebook or in a separate sheet of paper.

1. Microsoft Word (MS Word) is an example of a _________________________ where

there are features that you can use to enhance your work.
a. Graphics
b. Publishing
c. Spreadsheet
d. Word Processor
2. Image can be ____________ like square, rectangle, or circle.
a. Chart
b. Picture
c. Shape
d. SmartArt

20
3. Image can also be in the form of _________________ which you can get from your
local storage device or online.
a. Chart
b. Picture
c. Shape
d. SmartArt
4. It is a predefined sets of different shapes grouped together to form a structure.
a. Chart
b. Picture
c. Shape
d. SmartArt
5. Microsoft Word provides a snipping tool for your _________________ so you can
select and display only the part that you exactly like to capture on your screen.
a. Picture
b. Pose
c. Screenshot
d. Shot
6. JPEG is a commonly used method of lossy compression for digital images such
as those images produced by digital photography. What does JPEG stand for?
a. Join People Expats Group
b. Join People Experts Group
c. Joint Photographic Expats Group
d. Joint Photographic Experts Group

7. Which is an image file format that uses a non-lossy compression method?

a. GIF b. JPG c. PDF d. PNG
8. Which is an image file format that uses a lossy compression method?
a. GIF b. JPG c. PDF d. PNG
9. Which is an image file format that supports image animation effects?
a. GIF
b. JPG
c. PDF
d. PNG
10. Which of the following does not belong to illustrations group?
a. Chart
b. Picture
c. Shape
d. Video
11. What is the difference of “pictures” from “online pictures”?
a. Pictures have better quality.
b. Pictures have one format.
c. Pictures’ capacity is bigger.
d. Pictures are accessed locally.
12. What does PNG stands for?
a. Port New Graphics
b. Picture New Groups

21
 c. Picture Network Groups
d. Portable Network Graphics
13. What does GIF stands for?
a. Group in Focus
b. Graphics In Frame
c. Graphics Interchange Format
d. Geographic Information Format
14. What is a place of an image where texts surround it in a frame like pattern?
a. Square
b. Behind Text
c. In Front of Text
d. Inline with Text
15. Data which corresponds to numbers are best illustrated and presented through
the use of what?
a. Chart
b. Picture
c. Shape
d. SmartArt

Additional Activities

1. Create a new document for your Curriculum Vitae. Your 2 x 2 colored

picture should be at the top left corner of the first page.
2. Create a brochure type document like what is shown below.

22
 23
Assessment: What I can Do: What I Have Learned:
1. Word Processor
1. D Depends on the output of the 2. Images
2. C student 3. Materials
3. B 4. Shapes
4. D 5. Pictures
5. C 6. jpg
6. D 7. png
7. D 8. gif
8. B 9. Smart art
9. A 10. Chart
10. D
11. D
12. D
13. C
14. A
15. A
What’s More: What’s New: WhaT’s In: What I Know:
Depends on the Depends on the A. 1. Title bar 1. D
output of the student answer of the 2. Ribbon 2. D
student 3. Minimize 3. B
4. Maximize 4. A
5. Close 5. D
6. Ruler 6. D
7. Document
7. D
Area
8. C
8. Status bar
9. Scroll bars 9. A
10. A
11. D
12. C
13. B
14. D
15. C
Answer Key
References
Caligagan, Jemary. 2017. "Lesson 03 – Advanced Word Processing Skills."
jempizzicato. January 24. Accessed August 24, 2019.
https://jempizzicato.wordpress.com/2017/01/24/lesson-03-advanced-
word-processing-skills/.
Klein, Matt. 2019. "Working with Pictures, Shapes, and Graphics." Howtogeek.
April 30. Accessed August 24, 2019.
https://www.howtogeek.com/school/microsoft-word-document-formatting-
essentials/lesson4/.
Rosario, MM Del. 2018. "Short Biography of Jose Rizal: National Hero of the
Philippines." owlcation. June 12. Accessed August 26, 2019.
https://owlcation.com/humanities/jose-rizal.

Images

https://www.biography.com/political-figure/josé-rizal
http://www.pngall.com/butterfly-png/download/300.
https://unsplash.com/photos/8Myh76_3M2U.
www.kisspng.com/png-emoji-emoticon-smiley-clapping-cartoon-faces-278975/
https://tenor.com/view/bear-blow-akiss-love-hearts-kissing-gif-11674749.
https://d2slcw3kip6qmk.cloudfront.net/marketing/press/images/template-
gallery/brochure/perennial.jpg

24
For inquiries or feedback, please write or call:

Department of Education – Region III,

Schools Division of Bataan - Curriculum Implementation Division
Learning Resources Management and Development Section (LRMDS)

Provincial Capitol Compound, Balanga City, Bataan

Telefax: (047) 237-2102

Email Address: bataan@deped.gov.ph

25