Intro to the Web v2
- 1. Introduction to theIntroduction to the MultimediaMultimedia
- 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..
- 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!
- 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.
- 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
- 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.
- 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
- 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.
- 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?
- 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…