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:
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.
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
1
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 prerequisite 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.
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
2
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!
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)
3
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?
4
a. Port New Graphics
b. Picture New Groups
c. Picture Network Groups
d. Portable Network Graphics
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
5
b. Pose
c. Screenshot
d. Shot
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.
6
What’s New
Spot the difference. Identify what type of picture file is in column A and in column B.
A B
7
Answer:
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________
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.
8
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.
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.
9
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.
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!
10
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.
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.
11
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.
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!)
12
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.
13
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.
External File
14
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.)
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!
15
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.
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
16
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.
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.
17
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.
18
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
3. Image can also be in the form of _________________ which you can get from your local storage
device or online.
a. Chart
19
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
c. Picture Network Groups
d. Portable Network Graphics
13. What does GIF stands for?
a. Group in Focus
b. Graphics In Frame
20
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.
21
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-advancedword-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-formattingessentials/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/templategallery/brochure/perennial.jp
g
22
23
