The document discusses key concepts about text, media, and information literacy. It defines text and describes different types of text such as hypertext, plain text, and formatted text. It also discusses design principles for text like emphasis, appropriateness, proximity, alignment, organization, repetition, and contrast. Additionally, it covers common file formats, typefaces, and hyperlinks. The document provides examples and assessments to help learners evaluate text across different media and understand how to effectively design and produce text-based content.

1. MEDIA AND INFORMATION LITERACY (MIL)
TEXT INFORMATION
AND MEDIA

2. Learners will be able to…
•define text in the context of multimedia (SSHS);
•describe the different dimensions of text
information and media (MIL11/12TIM-IVb-3);
•comprehend how text information and media
is/are formally and informally produced,
organized, and disseminated (MIL11/12TIM-IVb-4)
LEARNING COMPETENCIES

3. Learners will be able to…
•evaluate the reliability and validity of text
information and media and its/ their sources
using selection criteria (MIL11/12TIM-IVb-5)
LEARNING COMPETENCIES

4. TOPIC OUTLINE
I- TEXT INFORMATION AND MEDIA
A. Definition, Characteristics, Format and Types,
Sources, Advantages and Limitations, and
Value
B. Text as Visual
C. Selection Criteria
D. Design Principle and Elements

5. VIDEO PRESENTATION
SONA: Pagsusulat ng Baybayin, Layong
Buhayin ng Grupong Hibla Sanghabi
Date Published: August 30, 2017
YouTube Channel: GMA News
Link: https://www.youtube.com/watch?v=X5cXn4kodN8

6. TEXT
a simple and flexible format of
presenting information or conveying
ideas whether hand-written, printed or
displayed on-screen
(Source: MIL TG by CHED)
any ‘’human-readable
sequence of characters’’ that
can form intelligible words
(Rouse, 2015)
What is a text?

7. FORMATIVE ASSESSMENT
How is text used in the
following media?

8. Source:
https://i.pinimg.com/73
6x/44/b3/eb/44b3eb3a5
979ee280c96c13eb892c
cbb--funny-pics-funny-
stuff.jpg

9. Source:
https://www.zazzle.com/funn
y+kids+tshirts

10. Sources:
https://www.zazzle.co
m/funny+tshirts

11. Photo Credit: NOEL CELIS/AFP/Getty Images
Source: http://www.gettyimages.com/detail/news-photo/man-blatantly-ignores-a-traffic-warning-sign-that-reads-no-
news-photo/108428193#man-blatantly-ignores-a-traffic-warning-sign-that-reads-no-crossing-picture-id108428193

12. Source:
http://www.pinoygagj
okes.com/2014/07/50
-pictures-most-
funniest-pinoy-
signage.html

13. Source:
http://www.pin
oygagjokes.com
/2014/07/50-
pictures-most-
funniest-pinoy-
signage.html

14. Source:
http://www.pinoygagj
okes.com/2014/07/50
-pictures-most-
funniest-pinoy-
signage.html

15. TYPES OF TEXT AND
COMMON FILE FORMATS

16. TYPES OF TEXT DESCRIPTION
HYPERTEXT serve to link different electronic
documents and enable users to jump from
one to other in a nonlinear way
PLAINTEXT or
UNFORMATTED TEXT
fixed sized characters having essentially the
same type of appearance
FORMATTED TEXT appearance can be changed using font
parameters (bold, underline, italic, font
size, font color, etc.)
Source: p.144, Media and Information Literacy by Boots C. Liquigan, Diwa Learning Systems Inc.

17. HYPERTEXT
This Go to Page 1 is a hypertext that will bring you to
the first slide in this presentation.

18. HYPERTEXT
This YouTube is a hypertext that will bring you to
YouTube.
This https://www.youtube.com is a hyperlink or
link that will bring you to YouTube.

19. UNFORMATTED TEXT
Source: http://www.techrepublic.com/blog/microsoft-office/create-a-shortcut-to-paste-unformatted-text-into-a-word-
document/

20. FORMATTED TEXT
Source: Microsoft Word

21. TYPEFACE
also called font, font type, or type
refers to the representation or
style of a text in the digital format
usually comprised of alphabets,
numbers, punctuation marks, symbols
and other special characters
Source: p. 119, MIL TG by CHED
What is a typeface?

22. TYPES OF TYPEFACES
Source: p. 120, MIL TG by CHED

23. TYPES OF TYPEFACES
Source: p. 120, MIL TG by CHED

24. TYPES OF TYPEFACES
Source: p. 120, MIL TG by CHED

25. TYPES OF TYPEFACES
Source: p. 120, MIL TG by CHED

26. TYPES OF TYPEFACES
Source: p. 120, MIL TG by CHED

27. COMMON FILE
FORMATS
DESCRIPTION
TXT (text) •Unformatted text document by an editor as
notepad on Windows platform
DOC (document) •a native format for storing documents created
by MS Word package
•contain a rich set of formatting capabilities
RTF (Rich Text
Format)
•Cross platform document exchange; default
format for Mac OS X’s default editor TextEdit
Source: p.149, Media and Information Literacy by Boots C. Liquigan, Diwa Learning Systems Inc.

28. COMMON FILE
FORMATS
DESCRIPTION
PDF (Portable
Document
Format)
•developed by Adobe systems for cross platform
exchange of documents, supports image and
graphics
PS (PostScript) •a page description language used mainly for
desktop publishing
Source: p.149, Media and Information Literacy by Boots C. Liquigan, Diwa Learning Systems Inc.

29. FILE TYPE SELECTION WHEN SAVING AN
MS WORD DOCUMENT

30. DESIGN PRINCIPLES AND ELEMENTS
Source: p. 121, MIL TG by CHED

31. DESIGN PRINCIPLES AND ELEMENTS
Source: p. 121, MIL TG by CHED
1. EMPHASIS
• refers to the importance or value given to a part of
the text-based content
• to make a point or highlighting a message, you can
make the text bold, italicized, have a heavier weight,
darkened or lightened (depending on your
background color) or enlarged

32. DESIGN PRINCIPLES AND ELEMENTS
Source: p. 121, MIL TG by CHED
1. EMPHASIS
Source: https://tympanus.net/codrops/2011/10/08/25-examples-of-emphasis-applied-in-web-design/

33. DESIGN PRINCIPLES AND ELEMENTS
Source: p. 121, MIL TG by CHED
2. APPROPRIATENESS
• refers to how fitting or suitable the text is used for a
specific audience, purpose or event
• as for the choice of typefaces to be used, refer to the
discussion of the characteristics of the fonts

34. DESIGN PRINCIPLES AND ELEMENTS
Source: p. 121, MIL TG by CHED
2. APPROPRIATENESS
Sources:
• http://www.theonion.com/graphic/wrong-font-
chosen-for-gravestone-9862
• http://bonfx.com/bad-typography/

35. DESIGN PRINCIPLES AND ELEMENTS
Source: p. 121, MIL TG by CHED
3. PROXIMITY
• refers to how near or how far are the text elements
from each other
• when two things are closely related, we bring them
close together
• for example, the main title and subtitle are usually
placed close to each other

36. DESIGN PRINCIPLES AND ELEMENTS
Source: p. 121, MIL TG by CHED
3. PROXIMITY
Source: https://www.webdesignerdepot.com/2010/01/the-principle-of-proximity-in-web-design/

37. DESIGN PRINCIPLES AND ELEMENTS
Source: p. 121, MIL TG by CHED
4. ALIGNMENT
• refers to how the text is positioned in the page (left,
center, right, or justified)

38. DESIGN PRINCIPLES AND ELEMENTS
Source: p. 121, MIL TG by CHED
4. ALIGNMENT
Source: http://www.printwand.com/blog/basic-alignment-principles-in-graphic-design-with-examples

39. DESIGN PRINCIPLES AND ELEMENTS
Source: p. 121, MIL TG by CHED
5. ORGANIZATION
• refers to a conscious effort to organize the different
text elements in a page
• ensures that while some text elements are separated
from each other (based on the principle of proximity),
they are still somehow connected with the rest of the
elements in the page

40. DESIGN PRINCIPLES AND ELEMENTS
Source: p. 121, MIL TG by CHED
5. ORGANIZATION

41. DESIGN PRINCIPLES AND ELEMENTS
Source: p. 121, MIL TG by CHED
5. ORGANIZATION
Source:
http://www.j6de
sign.com.au/6-
principles-of-
design/

42. DESIGN PRINCIPLES AND ELEMENTS
Source: p. 121, MIL TG by CHED
6. REPETITION
• concerns consistency of elements and the unity of the
entire design
• encourages the use of repeating some typefaces
within the page

43. DESIGN PRINCIPLES AND ELEMENTS
Source: p. 121, MIL TG by CHED
6. REPETITION

44. DESIGN PRINCIPLES AND ELEMENTS
Source: p. 121, MIL TG by CHED
7. CONTRAST
• creates visual interest to text elements
• achieved when two elements are different from each other
• can be achieved in various ways, by joining the following
elements: white text on a dark background, dark text on a
white background, large font with a small font, serif and
sans serif, thin elements with thin elements, cool color and
warm color

45. DESIGN PRINCIPLES AND ELEMENTS
Source: p. 121, MIL TG by CHED
7. CONTRAST

46. Discuss text design principles and
elements applied in the following media.
FORMATIVE ASSESSMENT

47. Source:
https://www.androidpit.c
om/facebook-messenger-
update

48. Source:
https://downmagaz.co
m/business_magazine
_economics/47156-
entrepreneur-
philippines-february-
2015.html

49. Source:
http://www.inquirer.net/pag
e-one-single

50. Source: https://cinemabravo.com/2017/05/11/sigrid-andrea-bernardos-kita-kita-to-have-ph-premiere-at-up-cine-
adarna-on-may-12/

51. Source: https://www.facebook.com/

52. Source: http://www.deped.gov.ph/

53. Source:
http://news.abs-
cbn.com/focus/multimedia/infographic/09/04/17/
what-is-japanese-encephalitis

54. Source:
http://cnnphilippines.com/
news/2017/02/01/HIV-
cases-increase-2016-
DOH.html

55. Source:
https://www.rappler.com/
technology/social-
media/180340-zarks-
burger-8-pesos-rush

56. Questions
1. If you will be writing an application letter for
college, what font will you be using? Why?
2. You will create a cleanliness drive campaign
poster for your school. Which of the design
principle and elements will ensure that the text
in your poster is readable?
FORMATIVE ASSESSMENT:
RECITATION

57. Questions
3. You want to share your narrative report, which
is in a word document format, to your
classmates but you do not want them to edit
its content. What options are available to you?
FORMATIVE ASSESSMENT:
RECITATION

58. You were task by your class adviser to make
an announcement in your class via a text-
based poster. It will be posted in your
classroom to inform your classmates and
teachers that from September 18 to 22, your
section will be moved from your current
classroom to room 415.
FORMATIVE ASSESSMENT

59. REFERENCES
 Media and Information Literacy Curriculum Guide by
DepEd
 Media and Information Literacy Teaching Guide by
CHED
 Media and Information Literacy by Boots C. Liquigan,
Diwa Learning Systems Inc.