Understanding Computers: Today and Tomorrow, 14th Edition
1 of 10
Understanding Computers
Chapter Ten: Multimedia and the Web
A Guide to this Instructor’s Manual:
We have designed this Instructor’s Manual to supplement and enhance your teaching
experience through classroom activities and a cohesive chapter summary.
This document is organized chronologically, using the same heading in brown that you see in
the textbook. Under each heading you will find (in order): Lecture Notes that summarize the
section, all Figures and Boxes found in the section, Teacher Tips, and Classroom Activities. Pay
special attention to teaching tips and activities geared towards quizzing your students,
enhancing their critical thinking skills, and encouraging experimentation within the software.
In addition to this Instructor’s Manual, our Instructor’s Resources CD also contains PowerPoint
Presentations, Test Banks, and other supplements to aid in your teaching experience.
For your students:
Our latest online feature, CourseCasts, is a library of weekly podcasts designed to keep your
students up to date with the latest in technology news. Direct your students to
http://coursecasts.course.com, where they can download the most recent CourseCast onto their
mp3 player. Ken Baldauf, host of CourseCasts, is a faculty member of the Florida State
University Computer Science Department where he is responsible for teaching technology
classes to thousands of FSU students each year. Ken is an expert in the latest technology and
sorts through and aggregates the most pertinent news and information for CourseCasts so your
students can spend their time enjoying technology, rather than trying to figure it out. Open or
close your lecture with a discussion based on the latest CourseCast.
Table of Contents
Chapter Objectives
What Is Web-Based Multimedia?
Multimedia Elements
Multimedia Web Site Design
Multimedia Web Site Development
The Future of Web-Based Multimedia
Glossary of Key Terms
End of Chapter Material
Chapter Quiz
2
2
3
4
5
6
7
8
9
Page 1
Understanding Computers: Today and Tomorrow, 14th Edition
2 of 10
Chapter Objectives
Students will have mastered the material in Chapter Ten when they can:
 Define Web-based multimedia and list some advantages and disadvantages of using
multimedia.
 Describe each of the following multimedia elements—text, images, animation, audio, and
video—and tell how they differ.
 Briefly describe the basic steps and principles involved with designing a multimedia Web site.
 List the various tasks involved with developing a multimedia Web site.
 Explain how markup languages, scripting languages, and other tools are used today to create
multimedia Web pages.
 Discuss the possible use of Web-based multimedia in the future.
WHAT IS WEB-BASED MULTIMEDIA? (pg. 395)
LECTURE NOTES
 Explain that multimedia technically refers to any type of application or presentation that uses
more than one type of media, although typically it is only used to describe applications that
include sound, video, animation, or interactivity.
 Mention that Web-based multimedia usually refers to Web sites that contain more than one
type of media, in addition to text and images.
 Review some of the applications mentioned in the chapter. Can students think of any other
Web-based multimedia applications they have encountered?
 Discuss the advantages and disadvantages of using Web-based multimedia.
BOXES
 Ask the Expert: Ryan Baustert, Guitarist, Throw the Fight (pg. 397)
 Inside the Industry: Business Virtual Worlds (pg. 399)
FIGURES
 Figure 10-1, Figure 10-2
CLASSROOM ACTIVITIES
1. Critical Thinking Activity: Refer the students to Figure 10-2 and discuss the ease of use of the
multimedia program vs. the printed instructions. How many advantages can they think of?
Are there any disadvantages for using the program instead of the printed directions?
2. Quick Quiz:
1. Which of the following terms refers to the use of more than one type of media, such as
text, graphics, sounds, and video? (Answer: c)
a. Interactivity
b. Kinesthetic learner
c. Multimedia
Page 2
Understanding Computers: Today and Tomorrow, 14th Edition
3 of 10
2. True or False: Delivery speed is one potential disadvantage of using Web-based multimedia.
(Answer: True)
3. A person who learns best by seeing can be referred to as a(n) ______________________
learner. (Answer: visual)
MULTIMEDIA ELEMENTS (pg. 399)
LECTURE NOTES
 Explain that text, images, animation, audio, and video are the most common types of
multimedia elements.
 Describe how text can be used for basic content, as well as for hyperlinks, menus, and other
navigational elements. Explain the difference between serif and sans serif typefaces and how
the computer and the browser, which is used to view the page, determines which typefaces
are used to display Web pages.
 Discuss the various ways of obtaining images, the various formats, and how you can decide
between them.
 Mention that animation involves a series of images displayed one after another to simulate
movement and discuss various types of animation used on Web pages.
 Discuss audio and video formats and their use on Web pages.
BOXES
 Ask the Expert: Bill Shribman, Executive Producer, WGBH Interactive (pg. 401)
 How It Works: MP3 Compression (pg. 406)
 Technology and You: Lifestreaming and Lifecasting (pg. 407)
FIGURES
 Figure 10-3, Figure 10-4, Figure 10-5, Figure 10-6, Figure 10-7, Figure 10-8, Figure 10-9
CLASSROOM ACTIVITIES
1. Class Discussion: If you have a PC with Internet access and a computer projector attached,
display a Web page that contains some multimedia elements (such as a news site or
PBSKids.org) and ask students to identify the types of multimedia elements found on the
page. If an animated element is not obvious until the mouse points to it or another action is
taken, take the appropriate action to show the animation. Did the students miss any
elements? If so, point them out. Ask the students to evaluate the purpose and necessity of the
animation. Is it necessary? Does it add to the functionality or appeal of the site? Would they
eliminate any of the elements? Why or why not?
2. Quick Quiz:
1. The most common file format for Web page photographs is ______________________.
(Answer: b)
a. GIF
b. JPEG
Page 3
Understanding Computers: Today and Tomorrow, 14th Edition
4 of 10
c. PNG
2. True or False: With video, several different versions of an image are combined into a single
file using special software and when the Web page is displayed, the images rotate to simulate
movement. (Answer: False)
3. A small image that is linked to a larger version of the same image is called a(n)
______________________. (Answer: thumbnail image)
MULTIMEDIA WEB SITE DESIGN (pg.407)
LECTURE NOTES
 Discuss the basic design principles that should be kept in mind when designing a multimedia
Web site.
 Explain the importance of determining the intended audience and objectives and how they
impact Web site design.
 Discuss flowcharts, page layouts, and storyboards and explain that these tools are very helpful
when designing a Web site.
 Discuss some navigational design considerations and some of the most commonly used
navigational tools.
 Explain that there are two types of access considerations that apply to Web sites: access for
multiple devices and access by users of assistive hardware. Discuss how these considerations
impact Web site design.
FIGURES
 Figure 10-10, Figure 10-11, Figure 10-12, Figure 10-13, Figure 10-14, Figure 10-15
CLASSROOM ACTIVITIES
1. Group Activity: Direct the students’ attention to Figure 10-12. Break the class into groups of
two or three students each and ask them to design an alternative page layout for the home
page of this site. They should discuss the types of navigational tools they would like to have
and any multimedia content that will be included on the home page. If time permits, have
one or two groups share their design with the class.
2. Quick Quiz:
1. Which of the following is most often used to illustrate what a Web page will look like?
(Answer: c)
a. Flowchart
b. Storyboard
c. Page layout
2. True or False: In order for a screen reading program to identify an image-based hyperlink,
alternative text must be assigned to that image. (Answer: True)
3. A Web page that contains links to all the main pages on a Web site is called a(n)
______________________. (Answer: site map)
Page 4
Understanding Computers: Today and Tomorrow, 14th Edition
5 of 10
MULTIMEDIA WEB SITE DEVELOPMENT (pg. 414)
LECTURE NOTES
 Explain that a wide variety of software can be used to create the individual elements to be
used on a Web site, including graphics software, audio-editing and video-editing programs,
and animation software.
 Explain that most Web pages are written in a markup language, such as HTML (Hypertext
Markup Language) or XHTML (Extensible Hypertext Markup Language). Explain how HTML
and XHTML tags work.
 Explain HTML5, which is under development and designed to replace HTML and XHTML.
 Discuss how CSS is used to format text and the layout of Web pages to improve consistency
between pages in a site.
 Mention that other markup languages can be used, such as DHTML, WML, and SVG. Explain
that scripting languages are often used for dynamic content or to add interactivity. Mention
AJAX and its potential to speed up interactive Web pages. Explain that there are other
options for specific applications, such as ActiveX, VRML, and MHTML.
 Explain that most people do not create Web pages by typing the HTML codes directly.
Instead, Web site authoring software is typically used.
 Discuss how to test, publish, and properly maintain a Web site.
TEACHER TIP
Use the HTML tags shown in Figure 10-17 to explain how HTML tags work. Use Figure 10-19 to
contrast XHTML with HTML and see if the students can decipher what some of the codes shown in
that figure do.
BOXES
 Ask the Expert: Chandra Krintz, University of California, Santa Barbara; Vice Chair of the
ACM Special Interest Group on Programming Languages (pg. 419)
 Trend: 3-D Web Sites (pg. 420)
FIGURES
 Figure 10-16, Figure 10-17, Figure 10-18, Figure 10-19, Figure 10-20, Figure 10-21
Page 5
Understanding Computers: Today and Tomorrow, 14th Edition
6 of 10
CLASSROOM ACTIVITIES
1. Class Discussion: If you have not already done so, run through the list of HTML tags shown in
Figure 10-17 with the class. Next, direct the students’ attention to the HTML version of the
Web page shown in Figure 10-18. Ask them to compare the HTML code with the actual Web
page and try to match up the text and other elements in the HTML code with the actual Web
page. Give them a few minutes and the go through the code that is shown, asking students
what each new section of the code does. Next, direct the students’ attention to the XHTML in
Figure 10-19 and discuss how it differs from HTML.
2. Quick Quiz:
1. Which of the following markup languages is most often used to create Web pages?
(Answer: a)
a. HTML
b. JavaScript
c. WML
2. True or False: Web site authoring software can typically be used to create all of the Web
pages on a site, including adding animated elements, video clips, etc. (Answer: True)
3. The HTML code _______________________ would begin to bold Web page text. (Answer:
<b>)
THE FUTURE OF WEB-BASED MULTIMEDIA (pg. 423)
LECTURE NOTES
 Explain that multimedia will likely continue to be embedded in an increasing number of Web
pages. Web-based multimedia and home entertainment devices will likely continue to converge
to allow seamless access to the desired content on the user’s device of choice (TV, computer,
mobile phone, and so forth), regardless of where that content is located.
CLASSROOM ACTIVITIES
1. Class Discussion: Brainstorm with the class about ways Web sites and Web-based multimedia
may be different in the future. How must computers and the Internet evolve to accommodate
the class vision?
2. Quick Quiz:
1. Future Web-based multimedia will likely continue to ____________________. (Answer: c)
a. be more embedded into everyday devices and events
b. fit our growing need for mobile multimedia
c. all of the above
2. True or False: Many gaming consoles today include Internet capabilities. (Answer: True)
3. When movies and music are downloaded in part initially and then transferred to a
computer or home entertainment system while the rest of the content is being downloaded, it
is referred to as ______________________. (Answer: streaming)
Page 6
Understanding Computers: Today and Tomorrow, 14th Edition
GLOSSARY OF KEY TERMS





























AJAX (419)
Alternative text (413)
Animated GIF (404)
Animation (404)
Cascading Style Sheet (CSS) (418)
Extensible Hypertext Markup Language (XHTML) (416)
Extensible Markup Language (XML) (416)
Flowchart (410)
GIF (402)
Graphic (400)
Hypertext Markup Language (HTML) (415)
Image (400)
Java applet (404)
JPEG (402)
Markup language (414)
Multimedia (395)
Page layout (410)
PNG (402)
Silverlight (404)
Storyboard (411)
Text (400)
Thumbnail image (403)
Video (405)
Virtual reality (VR) (397)
Web site authoring software (421)
Web site design (407)
Web site development (414)
Web-based multimedia (395)
Wireless Markup Language (WML) (418)
Page 7
7 of 10
Understanding Computers: Today and Tomorrow, 14th Edition
8 of 10
END OF CHAPTER MATERIAL (solutions for the Review Activities and Projects are located
in the Chapter 10 Solutions file)

Summary: Summarizes the main concepts of the chapter-by-chapter objective. Includes all bolded
key terms in the chapter.

Review Activities: Helps students test their knowledge of the chapter concepts. Includes the
following:
 Key Term Matching. Includes 10 key terms from the chapter to match up with their
corresponding definitions.
 Self-Quiz. Includes five True/False and five Completion and/or Matching objective
questions. The answers to the Self-Quiz are included in the References and Resources
Guide at the end of the textbook.
 Exercises. Includes five Matching, Completion, and/or Short Answer questions.
 Discussion Question. Introduces a topic and some questions to start a class discussion
on that topic.

Projects: A total of eight projects are included in the following six categories. Projects that require
Internet access are marked with an Internet icon.
 Hot Topics. Includes a topic for students to research. Typically, they are asked to
submit a short summary of their findings.
 Short Answer/Research. Includes a topic for students to research. Typically, they are
asked to write a short summary of their findings.
 Hands On. Includes directions for a hands on activity that students need to perform.
Typically, they are asked to write a short summary of their experience.
 Ethics in Action. Includes a topic for students to research and form an opinion about.
Typically, they are asked to discuss their position in class, via an online class
discussion group, in a class chat room, or via a class blog, depending on the
instructor’s direction. They may also be asked to write a short paper expressing their
opinion.
 Presentation/Demonstration. Provides students with a topic to research or an activity
to perform. They are asked to present their findings to the class in the form of a
presentation, as well as to submit a written summary, if instructed.
 Web Activities. Directs students to go to the Web site that accompanies this text and
work the Student Edition Labs and Crossword Puzzle; watch the Video Podcasts and
Online Videos associated with the chapter; and explore the Further Exploration links
and the Flashcards. They are also instructed to review the Online Study Guide, and
then test themselves with the Key Term Matching and Beat the Clock games, and
then taking the Interactive Quiz.
Page 8
Understanding Computers: Today and Tomorrow, 14th Edition
Reproducible Chapter Quiz
The Chapter Quiz on the following page may be reproduced to distribute to your students for
additional homework or an in-class quiz.
Top of Document
Page 9
9 of 10
Understanding Computers: Today and Tomorrow, 14th Edition
Name:
______________
Course: ______________
Instructor:
______________
Chapter Quiz
Understanding Computers: Today and Tomorrow 14/e, Chapter 10
True/False
Instructions: Circle T if the statement is true or F if the statement is false.
T F 1.
The appearance of text (such as font face and style) incorporated into a Web page
graphic will appear as it was when it was created, regardless of the user’s installed
fonts and browser settings.
T F 2.
The amount of compression of a GIF image is selected by the user when the image is
saved.
T F 3.
Interlaced images display faster than non-interlaced images.
T F 4.
Storyboards are more appropriate for designing multimedia components of a Web
site, rather than the entire Web site.
T F 5.
Once a Web site has been created and thoroughly tested, it no longer requires any
further testing.
Multiple Choice
Instructions: Select the best answer for each question and write the corresponding letter in the blank at
the left of each question.
______ 6.
Which of the following in NOT an audio file format?
a. .wav
c. .mp3
e. .aiff
b. .midi
d. .mov
______ 7.
Which of the following can be used as a navigational tool?
a. image map
c. XHTML
e. storyboards
b. HTML
d. video
Matching
Instructions: Select the term that best matches each of the following statements and write the
corresponding letter in the blank at the left of each statement (all terms will not be used).
a. JPEG
b. PNG
c. JavaScript
d. GIF
e. XHTML
______ 8.
The file format most often used for Web page line art images.
______ 9.
A markup language.
______ 10. The file format most often used for Web page photographs.
COPYRIGHT © 2013 Course Technology, a division of Cengage Learning