SlideShare a Scribd company logo
© 2011 The McGraw-Hill Companies, Inc. All rights reserved
Text
© 2011 The McGraw-Hill Companies, Inc. All rights reserved
Overview
• Importance of text in a multimedia
presentation
• Understanding fonts and typefaces
• Using text elements in a multimedia
presentation
• Computers and text
• Font editing and design tools
• Multimedia and hypertext
© 2011 The McGraw-Hill Companies, Inc. All rights reserved
Importance of Text
in a Multimedia Presentation
• Text is very important in communication. It
provides information to the audiences.
• Text is a very important element of multimedia.
Can be used as menus for navigation, and a body
of information, or content. Also can be used as a
page titles, labels for pictures or for giving
instruction.
© 2011 The McGraw-Hill Companies, Inc. All rights reserved
© 2011 The McGraw-Hill Companies, Inc. All rights reserved
© 2011 The McGraw-Hill Companies, Inc. All rights reserved
Understanding Fonts and Typefaces
Typefaces : Graphic representation of the alphabet,
numbers and special characters.
Font : A particular sizes of typefaces (ex; “32 point
Times New Roman”).
.
My topic verdana
My topic Algerian
My topic bauhaus 93
My topic Curlz MT
© 2011 The McGraw-Hill Companies, Inc. All rights reserved
Understanding Fonts and Typefaces
(continued)
• The study of fonts and typefaces includes
the following:
– Font styles
– Font sizes
– Cases
– Serif versus sans serif
© 2011 The McGraw-Hill Companies, Inc. All rights reserved
• Font styles include:
–Boldface Boldface
–Italic Italic
–Underlining Underlining
–Outlining Outlining
Understanding Fonts and Typefaces
(continued)
© 2011 The McGraw-Hill Companies, Inc. All rights reserved
• Font sizes
– Font size is measured in points.
– 1 point  1/72”
– For multimedia presentation use at least 24 font
size.
– Kerning is the spacing between character pairs.
Understanding Fonts and Typefaces
(continued)
• Cases
– A capitalized letter is referred to as uppercase,
while a small letter is referred to as lowercase.
© 2011 The McGraw-Hill Companies, Inc. All rights reserved
• Serif versus sans serif
– A serif is the little decoration at the end of a
letter stroke.
– Serif fonts are used for body text.
– Sans serif fonts do not have a serif at the end
of a letter stroke.
– These fonts are used for headlines and bold
statements.
Understanding Fonts and Typefaces
(continued)
serif san serif
body headlines
© 2011 The McGraw-Hill Companies, Inc. All rights reserved
• Choosing text fonts
– Consider legibility.
– Avoid too many typefaces.
– Use color purposefully.
Using Text Elements
in a Multimedia Presentation (continued)
© 2011 The McGraw-Hill Companies, Inc. All rights reserved
• Factors affecting legibility of text:
– Size
– Background and foreground colors
– Style
Importance of Text
in a Multimedia Presentation
Selamat maju jaya
Selamat maju jaya
© 2011 The McGraw-Hill Companies, Inc. All rights reserved
• Choosing text fonts
– Consider legibility.
– Avoid too many typefaces.
– Use color purposefully.
Using Text Elements
in a Multimedia Presentation (continued)
© 2011 The McGraw-Hill Companies, Inc. All rights reserved
• Choosing text fonts
– Consider legibility.
– Avoid too many typefaces.
– Use color purposefully.
Using Text Elements
in a Multimedia Presentation (continued)
© 2011 The McGraw-Hill Companies, Inc. All rights reserved
• Choosing text fonts
– Use anti-aliased text.
– Minimize centered text.
– Use white space.
– Use animated text to
grab attention.
Using Text Elements
in a Multimedia Presentation (continued)
© 2011 The McGraw-Hill Companies, Inc. All rights reserved
Using Text Elements
in a Multimedia Presentation
• The text elements used in multimedia are:
– Menus for navigation
– Interactive buttons
– Fields for reading
– HTML documents
– Symbols and icons
© 2011 The McGraw-Hill Companies, Inc. All rights reserved
• Menus for navigation
– A list of commands or options from which you can choose.
– A user navigates through content using
a menu.
– A simple menu consists of a text list of topics.
Using Text Elements
in a Multimedia Presentation (continued)
© 2011 The McGraw-Hill Companies, Inc. All rights reserved
Using Text Elements
in a Multimedia Presentation (continued)
• Interactive buttons
– A button is a clickable object that executes a
command when activated.
– Users can create their own buttons from graphics.
– Interactive buttons are a graphical, interactive
alternative to use when you need to link people to
other pages.
© 2011 The McGraw-Hill Companies, Inc. All rights reserved
• HTML documents
– HTML stands for Hypertext Markup Language.
– HTML documents are marked using tags.
Using Text Elements
in a Multimedia Presentation (continued)
• Some of the commonly used tags are:
– The <B> tag for making text boldfaced
– The <OL> tag for creating an ordered list
– The <IMG> tag for inserting images
© 2011 The McGraw-Hill Companies, Inc. All rights reserved
• Symbols and icons
– Symbols are concentrated text in the form
of stand-alone graphic constructs.
– They are used to convey meaningful messages.
Using Text Elements
in a Multimedia Presentation (continued)
© 2011 The McGraw-Hill Companies, Inc. All rights reserved
• Symbols and icons
– Symbols used to convey human emotions
are called emoticons.
– Icons are symbolic representations
of objects and processes. Cth Trash
Using Text Elements
in a Multimedia Presentation (continued)
© 2011 The McGraw-Hill Companies, Inc. All rights reserved
• Character sets
– The American Standard Code for Information
Interchange (ASCII) is a 7-bit coding system.
– The extended character set is commonly filled
with ANSI standard characters.
– Unicode is a 16-bit architecture for multilingual text
and character encoding.
Computers and Text (continued)
© 2011 The McGraw-Hill Companies, Inc. All rights reserved
• Mapping across platforms
– Fonts and characters are not cross-platform
compatible.
– They must be mapped to the other machine using
font substitution.
Computers and Text (continued)
© 2011 The McGraw-Hill Companies, Inc. All rights reserved
Font Editing and Design Tools
• FontLab, Ltd.
• Creating attractive texts
© 2011 The McGraw-Hill Companies, Inc. All rights reserved
Font Editing and Design Tools
(continued)
• Fontographer
– Fontographer is a specialized graphics editor.
– It is compatible with both Macintosh and Windows
platforms.
– It can be used to develop PostScript, TrueType, and
OpenType fonts.
– It can also modify existing typefaces and
incorporate PostScript artwork.
© 2011 The McGraw-Hill Companies, Inc. All rights reserved
Multimedia and Hypertext
• Multimedia
• Hypertext systems
• Using hypertext systems
• Searching for words
• Hypermedia structures
• Hypertext tools
© 2011 The McGraw-Hill Companies, Inc. All rights reserved
Multimedia and Hypertext
(continued)
• Multimedia
– Multimedia is defined as the combination of text,
graphics, and audio elements into a single
presentation.
– When the user assumes control over the
presentation, it is called interactive multimedia.
– Interactive multimedia becomes hypermedia when
a structure of linked elements is provided to the
user for navigation and interaction.
© 2011 The McGraw-Hill Companies, Inc. All rights reserved
• Hypertext systems
– Hypertext is text displayed on a computer display
with references (hyperlinks) to other text which the
reader can immediately access. The hypertext pages
are interconnected by hyperlinks
– A hypertext system enables the user to navigate
through text in a non-linear way.
Multimedia and Hypertext
(continued)
© 2011 The McGraw-Hill Companies, Inc. All rights reserved
• Hypermedia structures
– Links
– Nodes
– Anchors
– Navigating hypermedia structures
Multimedia and Hypermedia
© 2011 The McGraw-Hill Companies, Inc. All rights reserved
• Links
– Links are connections between conceptual elements
that is nodes.
– Links are the navigation pathways and menus.
Multimedia and Hypertext
(continued)
© 2011 The McGraw-Hill Companies, Inc. All rights reserved
• Nodes
– Nodes are accessible topics, documents, messages,
and content elements.
– May consist of text, graphics, sounds or related
information.
– Nodes and links form the backbone of a knowledge
access system.
Multimedia and Hypertext
(continued)
© 2011 The McGraw-Hill Companies, Inc. All rights reserved
• Anchors
– An anchor is defined as the reference from one
document to another document, image, sound,
or file on the Web.
Multimedia and Hypermedia
• Navigating hypermedia structures
– The simplest way to navigate hypermedia
structures is via buttons.
– Location markers must be provided to make
navigation user-friendly.
© 2011 The McGraw-Hill Companies, Inc. All rights reserved
Other Resources
Some of the sources for font shopping
EyeWire (www.eyewire.com)
garageFonts (www.garagefonts.com)
LetterSpace (www.letterspace.com)
BitStream (www.bitstream.com)
MyFonts (www.myfonts.com)
T26 (www.tw6.com)
P22 (www.p22.com)
FontHaus (www.fonthaus.com)

More Related Content

PDF
Adobe photoshop cs6
PPTX
Getting Started Microsoft Publisher PowerPoint
PPT
HCI 3e - Ch 8: Implementation support
PPTX
introduction to layers
PPTX
Unit 1- Introduction.pptx
PPT
Coreldraw
PPT
Logic Formulation 1
PPT
The Word Processor
Adobe photoshop cs6
Getting Started Microsoft Publisher PowerPoint
HCI 3e - Ch 8: Implementation support
introduction to layers
Unit 1- Introduction.pptx
Coreldraw
Logic Formulation 1
The Word Processor

What's hot (20)

PPTX
Lesson 8 (Adobe Photoshop CS4)
PPT
Introduction to CSS
PPTX
PPT on Photoshop
PDF
Adobe photoshop cs6
PPT
Spell checking when working online.
PPTX
Working with pictures
PDF
InDesign Part 2
PPTX
Computer File Format/Extension
PPT
Multimedia tools(images)
PDF
how to use canva.pdf
PPT
Rational Unified Process
PPT
Process of Making Multimedia.ppt
PPTX
Component diagram
PPTX
Introduction to Adobe InDesign CC
PPT
Overview of c++
PPTX
Adobe photoshop
PDF
Top Down and Bottom Up Design Model
PPTX
Adobe Photoshop Tools
PPT
Ms Paint Tutorial
 
PPT
Multimedia Basics
Lesson 8 (Adobe Photoshop CS4)
Introduction to CSS
PPT on Photoshop
Adobe photoshop cs6
Spell checking when working online.
Working with pictures
InDesign Part 2
Computer File Format/Extension
Multimedia tools(images)
how to use canva.pdf
Rational Unified Process
Process of Making Multimedia.ppt
Component diagram
Introduction to Adobe InDesign CC
Overview of c++
Adobe photoshop
Top Down and Bottom Up Design Model
Adobe Photoshop Tools
Ms Paint Tutorial
 
Multimedia Basics
Ad

Similar to text abc (20)

PDF
Multimedia system and designs ch2-text.pdf
PDF
Chapter 2
PPT
Multimedia Systems Overview Ch#1-2-3-4.ppt
PPTX
20221006113819_COMP6823001 - Multimedia Systems-Pert02.pptx
PPTX
20221006113819_COMP6823001 - Multimedia Systems-Pert02.pptx
PPT
chapter2 multimedia and other program.ppt
PPTX
Multimedia-Lecture-3.pptx
PPT
Ch04
PPTX
Multimedia Technology lecture (2)Text.pptx
PPT
Chapter 3 - Text.pptsdg
PPTX
Std 11 Computer Chapter 1 Introduction to Multimedia (Part 1)
PPTX
Multimedia chapter 2
PPTX
Multimedia chapter 2
PPTX
Drupal Quick wins for an accessible website
PPTX
Unit 2 graphics
PPT
Text-Elements of multimedia
PPTX
Saw13 ch02-ppt
PPTX
Science kjadnckj ljnadjc lk cnldj cj nlzkdncaj
PPTX
WD 2 Less Gooooooooooofwfweujb iefieniwenfwefuhw
PPTX
Accessibility
Multimedia system and designs ch2-text.pdf
Chapter 2
Multimedia Systems Overview Ch#1-2-3-4.ppt
20221006113819_COMP6823001 - Multimedia Systems-Pert02.pptx
20221006113819_COMP6823001 - Multimedia Systems-Pert02.pptx
chapter2 multimedia and other program.ppt
Multimedia-Lecture-3.pptx
Ch04
Multimedia Technology lecture (2)Text.pptx
Chapter 3 - Text.pptsdg
Std 11 Computer Chapter 1 Introduction to Multimedia (Part 1)
Multimedia chapter 2
Multimedia chapter 2
Drupal Quick wins for an accessible website
Unit 2 graphics
Text-Elements of multimedia
Saw13 ch02-ppt
Science kjadnckj ljnadjc lk cnldj cj nlzkdncaj
WD 2 Less Gooooooooooofwfweujb iefieniwenfwefuhw
Accessibility
Ad

More from UPSIcoursework (12)

PPTX
Alat Bantu Mengajar
PPTX
mari mengenal warna
PPTX
authoring tools
PPTX
PPTX
animation
PPTX
calculate audio file size
PPTX
PPTX
graphics
PPTX
courseware and storyboard
PPTX
addie model
PPTX
authoring tools 2015
PPTX
Introduction of multimedia in education
Alat Bantu Mengajar
mari mengenal warna
authoring tools
animation
calculate audio file size
graphics
courseware and storyboard
addie model
authoring tools 2015
Introduction of multimedia in education

text abc

  • 1. © 2011 The McGraw-Hill Companies, Inc. All rights reserved Text
  • 2. © 2011 The McGraw-Hill Companies, Inc. All rights reserved Overview • Importance of text in a multimedia presentation • Understanding fonts and typefaces • Using text elements in a multimedia presentation • Computers and text • Font editing and design tools • Multimedia and hypertext
  • 3. © 2011 The McGraw-Hill Companies, Inc. All rights reserved Importance of Text in a Multimedia Presentation • Text is very important in communication. It provides information to the audiences. • Text is a very important element of multimedia. Can be used as menus for navigation, and a body of information, or content. Also can be used as a page titles, labels for pictures or for giving instruction.
  • 4. © 2011 The McGraw-Hill Companies, Inc. All rights reserved
  • 5. © 2011 The McGraw-Hill Companies, Inc. All rights reserved
  • 6. © 2011 The McGraw-Hill Companies, Inc. All rights reserved Understanding Fonts and Typefaces Typefaces : Graphic representation of the alphabet, numbers and special characters. Font : A particular sizes of typefaces (ex; “32 point Times New Roman”). . My topic verdana My topic Algerian My topic bauhaus 93 My topic Curlz MT
  • 7. © 2011 The McGraw-Hill Companies, Inc. All rights reserved Understanding Fonts and Typefaces (continued) • The study of fonts and typefaces includes the following: – Font styles – Font sizes – Cases – Serif versus sans serif
  • 8. © 2011 The McGraw-Hill Companies, Inc. All rights reserved • Font styles include: –Boldface Boldface –Italic Italic –Underlining Underlining –Outlining Outlining Understanding Fonts and Typefaces (continued)
  • 9. © 2011 The McGraw-Hill Companies, Inc. All rights reserved • Font sizes – Font size is measured in points. – 1 point  1/72” – For multimedia presentation use at least 24 font size. – Kerning is the spacing between character pairs. Understanding Fonts and Typefaces (continued) • Cases – A capitalized letter is referred to as uppercase, while a small letter is referred to as lowercase.
  • 10. © 2011 The McGraw-Hill Companies, Inc. All rights reserved • Serif versus sans serif – A serif is the little decoration at the end of a letter stroke. – Serif fonts are used for body text. – Sans serif fonts do not have a serif at the end of a letter stroke. – These fonts are used for headlines and bold statements. Understanding Fonts and Typefaces (continued) serif san serif body headlines
  • 11. © 2011 The McGraw-Hill Companies, Inc. All rights reserved • Choosing text fonts – Consider legibility. – Avoid too many typefaces. – Use color purposefully. Using Text Elements in a Multimedia Presentation (continued)
  • 12. © 2011 The McGraw-Hill Companies, Inc. All rights reserved • Factors affecting legibility of text: – Size – Background and foreground colors – Style Importance of Text in a Multimedia Presentation Selamat maju jaya Selamat maju jaya
  • 13. © 2011 The McGraw-Hill Companies, Inc. All rights reserved • Choosing text fonts – Consider legibility. – Avoid too many typefaces. – Use color purposefully. Using Text Elements in a Multimedia Presentation (continued)
  • 14. © 2011 The McGraw-Hill Companies, Inc. All rights reserved • Choosing text fonts – Consider legibility. – Avoid too many typefaces. – Use color purposefully. Using Text Elements in a Multimedia Presentation (continued)
  • 15. © 2011 The McGraw-Hill Companies, Inc. All rights reserved • Choosing text fonts – Use anti-aliased text. – Minimize centered text. – Use white space. – Use animated text to grab attention. Using Text Elements in a Multimedia Presentation (continued)
  • 16. © 2011 The McGraw-Hill Companies, Inc. All rights reserved Using Text Elements in a Multimedia Presentation • The text elements used in multimedia are: – Menus for navigation – Interactive buttons – Fields for reading – HTML documents – Symbols and icons
  • 17. © 2011 The McGraw-Hill Companies, Inc. All rights reserved • Menus for navigation – A list of commands or options from which you can choose. – A user navigates through content using a menu. – A simple menu consists of a text list of topics. Using Text Elements in a Multimedia Presentation (continued)
  • 18. © 2011 The McGraw-Hill Companies, Inc. All rights reserved Using Text Elements in a Multimedia Presentation (continued) • Interactive buttons – A button is a clickable object that executes a command when activated. – Users can create their own buttons from graphics. – Interactive buttons are a graphical, interactive alternative to use when you need to link people to other pages.
  • 19. © 2011 The McGraw-Hill Companies, Inc. All rights reserved • HTML documents – HTML stands for Hypertext Markup Language. – HTML documents are marked using tags. Using Text Elements in a Multimedia Presentation (continued) • Some of the commonly used tags are: – The <B> tag for making text boldfaced – The <OL> tag for creating an ordered list – The <IMG> tag for inserting images
  • 20. © 2011 The McGraw-Hill Companies, Inc. All rights reserved • Symbols and icons – Symbols are concentrated text in the form of stand-alone graphic constructs. – They are used to convey meaningful messages. Using Text Elements in a Multimedia Presentation (continued)
  • 21. © 2011 The McGraw-Hill Companies, Inc. All rights reserved • Symbols and icons – Symbols used to convey human emotions are called emoticons. – Icons are symbolic representations of objects and processes. Cth Trash Using Text Elements in a Multimedia Presentation (continued)
  • 22. © 2011 The McGraw-Hill Companies, Inc. All rights reserved • Character sets – The American Standard Code for Information Interchange (ASCII) is a 7-bit coding system. – The extended character set is commonly filled with ANSI standard characters. – Unicode is a 16-bit architecture for multilingual text and character encoding. Computers and Text (continued)
  • 23. © 2011 The McGraw-Hill Companies, Inc. All rights reserved • Mapping across platforms – Fonts and characters are not cross-platform compatible. – They must be mapped to the other machine using font substitution. Computers and Text (continued)
  • 24. © 2011 The McGraw-Hill Companies, Inc. All rights reserved Font Editing and Design Tools • FontLab, Ltd. • Creating attractive texts
  • 25. © 2011 The McGraw-Hill Companies, Inc. All rights reserved Font Editing and Design Tools (continued) • Fontographer – Fontographer is a specialized graphics editor. – It is compatible with both Macintosh and Windows platforms. – It can be used to develop PostScript, TrueType, and OpenType fonts. – It can also modify existing typefaces and incorporate PostScript artwork.
  • 26. © 2011 The McGraw-Hill Companies, Inc. All rights reserved Multimedia and Hypertext • Multimedia • Hypertext systems • Using hypertext systems • Searching for words • Hypermedia structures • Hypertext tools
  • 27. © 2011 The McGraw-Hill Companies, Inc. All rights reserved Multimedia and Hypertext (continued) • Multimedia – Multimedia is defined as the combination of text, graphics, and audio elements into a single presentation. – When the user assumes control over the presentation, it is called interactive multimedia. – Interactive multimedia becomes hypermedia when a structure of linked elements is provided to the user for navigation and interaction.
  • 28. © 2011 The McGraw-Hill Companies, Inc. All rights reserved • Hypertext systems – Hypertext is text displayed on a computer display with references (hyperlinks) to other text which the reader can immediately access. The hypertext pages are interconnected by hyperlinks – A hypertext system enables the user to navigate through text in a non-linear way. Multimedia and Hypertext (continued)
  • 29. © 2011 The McGraw-Hill Companies, Inc. All rights reserved • Hypermedia structures – Links – Nodes – Anchors – Navigating hypermedia structures Multimedia and Hypermedia
  • 30. © 2011 The McGraw-Hill Companies, Inc. All rights reserved • Links – Links are connections between conceptual elements that is nodes. – Links are the navigation pathways and menus. Multimedia and Hypertext (continued)
  • 31. © 2011 The McGraw-Hill Companies, Inc. All rights reserved • Nodes – Nodes are accessible topics, documents, messages, and content elements. – May consist of text, graphics, sounds or related information. – Nodes and links form the backbone of a knowledge access system. Multimedia and Hypertext (continued)
  • 32. © 2011 The McGraw-Hill Companies, Inc. All rights reserved • Anchors – An anchor is defined as the reference from one document to another document, image, sound, or file on the Web. Multimedia and Hypermedia • Navigating hypermedia structures – The simplest way to navigate hypermedia structures is via buttons. – Location markers must be provided to make navigation user-friendly.
  • 33. © 2011 The McGraw-Hill Companies, Inc. All rights reserved Other Resources Some of the sources for font shopping EyeWire (www.eyewire.com) garageFonts (www.garagefonts.com) LetterSpace (www.letterspace.com) BitStream (www.bitstream.com) MyFonts (www.myfonts.com) T26 (www.tw6.com) P22 (www.p22.com) FontHaus (www.fonthaus.com)