This document provides an introduction to multimedia and the key concepts covered in the class, including websites, banners, posters, digital photography, flash movies and advertisements. It defines multimedia as the integration of graphics, text, audio, video, animation and interactivity using computer technology. It also distinguishes between the internet, which is the physical network of connected hardware, and the world wide web, which is the software and files stored on web servers and joined by hyperlinks. The document discusses web 2.0, how the web works, what makes it interactive through hyperlinks, what a web browser is and examples like Internet Explorer and Firefox. It includes exercises to check understanding and assignments for the class.
3. What is Multimedia?What is Multimedia?
The integration of elements such as graphics, text,The integration of elements such as graphics, text,
audio, video, animation, and interactivity by meansaudio, video, animation, and interactivity by means
of computer technology.of computer technology.
Animation—Movement of text or graphics.Animation—Movement of text or graphics.
Video—Live or recorded moving images.Video—Live or recorded moving images.
Interactivity—The ability to navigate to differentInteractivity—The ability to navigate to different
pages, request information, etc..pages, request information, etc..
4.
5. Multimedia we’ll learn toMultimedia we’ll learn to
create in this class…create in this class…
Websites (HTML / CSS)Websites (HTML / CSS)
Banners / LogosBanners / Logos
Posters / PublicationsPosters / Publications
Digital PhotographyDigital Photography
Flash Movies / AdvertisementsFlash Movies / Advertisements
……..With our focus on websites...With our focus on websites.
6. What are the internet and web?What are the internet and web?
They are not the same thing!They are not the same thing!
7.
8. The InternetThe Internet
The hardwareThe hardware—lots of hardware—connected together—lots of hardware—connected together
to create a huge worldwide networkto create a huge worldwide network
Physical Components: Computers, cables, wires, high-Physical Components: Computers, cables, wires, high-
speed communication lines, etc…speed communication lines, etc…
A bunch of devices that can “talk” to each other.A bunch of devices that can “talk” to each other.
9.
10. The World Wide WebThe World Wide Web
(Often called: WWW or web)(Often called: WWW or web)
The SoftwareThe Software
The programs that send information along theThe programs that send information along the
internet’s hardwareinternet’s hardware
Information is stored in filesInformation is stored in files
The files are stored on the Internet on specialThe files are stored on the Internet on special
computers called Web Serverscomputers called Web Servers
The files are joined together by hyperlinks like aThe files are joined together by hyperlinks like a
giant spider web—hence “web”giant spider web—hence “web”
11. Checking for Understanding :Checking for Understanding :
AnalogyAnalogy
Hardware : Field :: Software : Game
12.
13. What is Web 2.0?What is Web 2.0?
Web 2.0 is the new way of using the web.Web 2.0 is the new way of using the web.
Content is user driven.Content is user driven.
Can you think of websites that are driven by userCan you think of websites that are driven by user
content?content?
The user controls the input and output of theThe user controls the input and output of the
website.website.
14.
15. How does the web work?How does the web work?
Web pages are just basic text documents with
words, letters, numbers, and other symbols.
Web Sites are groups of related web pages
that allow you to navigate from one to
another.
The Home Page is typically the first page a
user sees of a site and contains general
information about the site
16.
17. What makes the webWhat makes the web
interactive?interactive?
Hyperlinks (link)Hyperlinks (link)
Can be graphics, word, or phrasesCan be graphics, word, or phrases
Usually underlined, and possibly in a different colorUsually underlined, and possibly in a different color
A hand appears when the cursor is held over a linkA hand appears when the cursor is held over a link
3 Kinds of Hyperlinks3 Kinds of Hyperlinks
Internal links (links on the same site, different page)Internal links (links on the same site, different page)
External links (links on a different site)External links (links on a different site)
Anchor links (links on the same page)Anchor links (links on the same page)
Hyperlinks allow use to change thoughts mid-text andHyperlinks allow use to change thoughts mid-text and
return later.return later.
18. Checking for Understanding :Checking for Understanding :
Web HuntWeb Hunt
Go to the High School Website and find an exampleGo to the High School Website and find an example
of each of the three types of hyperlinks.of each of the three types of hyperlinks.
With a partner, practice the thinking skill ofWith a partner, practice the thinking skill of
classifyingclassifying by identifying the 3 types of hyperlinks.by identifying the 3 types of hyperlinks.
19.
20. What is a web browser?What is a web browser?
A web browser interprets the files stored on the web
server to display web pages on your computer
screen.
Translated text-based Hypertext Markup Language
(HTML) into a graphical webpage
All browsers work slightly differently.
Examples: Internet Explorer (IE), Firefox, Safari,
Opera, Netscape, … http://browsers.evolt.org/
21. Which one of these thingsWhich one of these things
is not like the other?is not like the other?
With a partner, practiceWith a partner, practice
the thinking skill ofthe thinking skill of
comparing/contrastingcomparing/contrasting toto
find a website that looksfind a website that looks
different in differentdifferent in different
browsers.browsers.
The computers in this labThe computers in this lab
have Internet Explorer,have Internet Explorer,
Firefox, and OperaFirefox, and Opera
installed on them.installed on them.
22. Creating a lasting image
that people remember is
one of the many goals
of an effective
webmaster.
23. Think about your processThink about your process
In what ways did you have toIn what ways did you have to think flexiblythink flexibly during thisduring this
activity?activity?
How did youHow did you gather data through the sensesgather data through the senses??
Did you have toDid you have to apply past knowledge to new situationsapply past knowledge to new situations??
How did youHow did you persistpersist toto strive for accuracystrive for accuracy when labeling allwhen labeling all
the pictures?the pictures?
At any point were you able toAt any point were you able to predictpredict what other websiteswhat other websites
might appear in the activity?might appear in the activity?
How would youHow would you evaluateevaluate the effectiveness of each site’sthe effectiveness of each site’s
webmaster to create a distinct image that people associate withwebmaster to create a distinct image that people associate with
their website?their website?
24.
25. What makes a goodWhat makes a good
website?website?
With a partner, create a assessment tool for
Evaluating a Website.
Come up with your own criteria for what
makes a website a “good”
Join up with another pair and compare and
contrast your rubrics.
Class Discussion: What can we identify as
the most important aspects of a website?
28. 10 Things About Ms. Hess10 Things About Ms. Hess
1.1. I drive a teal Mini-Cooper.I drive a teal Mini-Cooper.
2.2. I’m not sure how I would function without the Internet on my phone.I’m not sure how I would function without the Internet on my phone.
3.3. I am a displaced Texan and graduated from the University of Texas at Austin.I am a displaced Texan and graduated from the University of Texas at Austin.
4.4. I love traveling and have been to Wales, UK, France, Kenya, Peru, Belize,I love traveling and have been to Wales, UK, France, Kenya, Peru, Belize,
Guatemala, Thailand, Laos, South Korea, and Spain. Oh and Canada. :PGuatemala, Thailand, Laos, South Korea, and Spain. Oh and Canada. :P
5.5. I recently took up swing dancing in an effort to learn to be moreI recently took up swing dancing in an effort to learn to be more
coordinated.coordinated.
6.6. I am addicted to Endurance Events. I have completed an Olympic DistanceI am addicted to Endurance Events. I have completed an Olympic Distance
Triathlon, a Full Marathon, many half century bike rides, and various smallerTriathlon, a Full Marathon, many half century bike rides, and various smaller
events.events.
7.7. The one time I went skydiving, it wasn’t the free fall that upset my stomach,The one time I went skydiving, it wasn’t the free fall that upset my stomach,
but rather the floating—apparently I’m afraid of heights?but rather the floating—apparently I’m afraid of heights?
8.8. I have a life goal to one day be fluent in Spanish. I spent a month taking aI have a life goal to one day be fluent in Spanish. I spent a month taking a
language courses in Spain this summer to help me achieve that goal.language courses in Spain this summer to help me achieve that goal.
9.9. I’m quite nerdy, but not ashamed of it.I’m quite nerdy, but not ashamed of it.
10.10. I watch too much TV, including: Gossip Girl, One Tree Hill, Greek, Survivor,I watch too much TV, including: Gossip Girl, One Tree Hill, Greek, Survivor,
House, How I met your mother…House, How I met your mother…