Introduction to the Introduction to the MultimediaMultimedia

What is Multimedia?What is Multimedia?

The integration of elements such as The integration of elements such as graphics, text, audio, video, graphics, text, audio, video, animation, and interactivity by means 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 Interactivity—The ability to navigate to

different pages, request information, different pages, request information, etc..etc..

Multimedia we’ll Multimedia we’ll learn to create in learn to create in

this class…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 ..With our focus on websites.websites.

What are the internet What are the internet and web?and web?

They are not the same They are not the same thing!thing!

The InternetThe Internet

The hardwareThe hardware—lots of hardware—connected —lots of hardware—connected together to create a huge worldwide together to create a huge worldwide networknetwork

Physical Components: Computers, cables, Physical Components: Computers, cables, wires, high-speed communication lines, wires, high-speed communication lines, etc…etc…

A bunch of devices that can “talk” to A bunch of devices that can “talk” to each other.each other.

The World Wide Web The World Wide Web

(Often called: WWW or web)(Often called: WWW or web)

The SoftwareThe SoftwareThe programs that send information The programs that send information along the internet’s hardwarealong the internet’s hardware

Information is stored in filesInformation is stored in filesThe files are stored on the Internet The files are stored on the Internet on special computers called Web on special computers called Web ServersServers

The files are joined together by The files are joined together by hyperlinks like a giant spider web—hyperlinks like a giant spider web—hence “web”hence “web”

Checking for Checking for Understanding : Understanding :

AnalogyAnalogy

Hardware : Field :: Software : Game

What is Web 2.0?What is Web 2.0?

Web 2.0 is the new way of using the Web 2.0 is the new way of using the web.web.

Content is user driven.Content is user driven. Can you think of websites that are Can you think of websites that are

driven by user content?driven by user content?

The user controls the input and output The user controls the input and output of the website.of the website.

How does the web How does the web work?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

What makes the web What 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 Usually underlined, and possibly in a different

colorcolor 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 Internal links (links on the same site, different

page)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 Hyperlinks allow use to change thoughts mid-text and return later.and return later.

Checking for Checking for Understanding : Web Understanding : Web

HuntHunt

Go to the High School Website and find an example Go 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 With a partner, practice the thinking skill of skill of classifyingclassifying by identifying by identifying the 3 types of hyperlinks.the 3 types of hyperlinks.

What is a web What is a web browser?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/

Which one of these Which one of these things is not like things is not like

the other?the other?

With a partner, With a partner, practice the thinking practice the thinking skill of skill of comparing/contrasting comparing/contrasting to find a website that to find a website that looks different in looks different in different browsers. different browsers. The computers in this The computers in this

lab have Internet lab have Internet Explorer, Firefox, and Explorer, Firefox, and Opera installed on Opera installed on them.them.

Creati

ng a l

asting

image

that p

eople

rememb

er is

one of

the ma

ny goa

ls of

an eff

ective

webmas

ter.

Think about your Think about your processprocess

In what ways did you have to In what ways did you have to think flexiblythink flexibly during this activity?during this activity?

How did you How did you gather data through the sensesgather data through the senses??

Did you have to Did you have to apply past knowledge to new apply past knowledge to new situationssituations??

How did you How did you persist persist to to strive for accuracystrive for accuracy when when labeling all the pictures?labeling all the pictures?

At any point were you able to At any point were you able to predict predict what what other websites might appear in the activity?other websites might appear in the activity?

How would you How would you evaluateevaluate the effectiveness of the effectiveness of each site’s webmaster to create a distinct each site’s webmaster to create a distinct image that people associate with their website? image that people associate with their website?

What makes a good What 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?

Final AssignmentsFinal Assignments

10 Things About Ms. 10 Things About Ms. HessHess

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 more I 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 Distance I am addicted to Endurance Events. I have completed an Olympic Distance Triathlon, a Full Marathon, many half century bike rides, and various smaller Triathlon, 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 a I 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…