1 / 22

Multimedia and the Web

Multimedia and the Web. Chapter 10. Overview. This chapter covers: What Web-based multimedia is and how it is used today The advantages and disadvantages of using multimedia A look at basic multimedia elements Steps and principles in designing a multimedia site

cid
Télécharger la présentation

Multimedia and the Web

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Multimedia and the Web Chapter 10

  2. Overview This chapter covers: What Web-based multimedia is and how it is used today The advantages and disadvantages of using multimedia A look at basic multimedia elements Steps and principles in designing a multimedia site How a multimedia Web site is developed and the software used during this process A look at the future of Web-based multimedia

  3. What Is (Multi) Media? Media the means of communication Multimedia: The integration of a variety of media, such as Text Images Video Animation Sound

  4. What Is Web-Based Multimedia Web-based multimedia (also called rich media) Multimedia located on Web pages Can also contain elements that users interact with directly Control the delivery of a sound or video clip, manipulate a 3D object, play a game, etc. Requires fast computers and fast Internet connections LETS GENERATE SOME BUZZ Multimedia hunt

  5. Multimedia Elements Text: Used to supply basic content, and to add text-based menus and hyperlinks Serif typefaces: More readable, used for large bodies of text Sans serif typefaces: Used for titles, headings, Web page banners Different typefaces can convey widely different feelings Important to select a typeface that matches the style of the Web site When a consistent text appearance is required—such as a logo—a graphical image is used instead

  6. Multimedia Elements Images or graphics: Digital representations of photographs, drawings, charts, and other visual images also called a graphic Clip art consists of pre-drawn electronic images Stock photos are also available online

  7. Multimedia Elements GIF images: Commonly used for Web page line art images (logos, buttons, etc.) 256 colors max Use lossless file compression Can be transparent Can be interlaced 7

  8. Multimedia Elements PNG images: Format designed specifically for use with Web page images Lossless compression, and with more efficiency than GIF Can use color palette or true color Can also be transparent and interlaced JPEG images: Commonly used for Web page photos Uses lossy file compression True color images Can be progressive The amount of compression is specified when the file is saved

  9. Multimedia Elements

  10. Multimedia Elements Animation: A series of graphical images are displayed in succession to simulate movement Available using: Java applet: A small program inserted into a Web page that performs a specific task Animated GIF: A group of GIF images saved as an animated GIF file, inserted in a Web page, which are displayed successively to simulate movement JavaScript or another scripting language Flash is in particularly wide use today Silverlight is an alternative to Flash

  11. Multimedia Elements Audio: All types of sound including music, spoken voice, sound effects Can be recorded using a microphone or MIDI instrument, captured from CDs, or downloaded from the Internet Often played when an event occurs on a Web page or when the visitor clicks a link Streaming audio is used to speed up delivery Common audio file formats include: .wav .mp3 • .midi • .m4a • .aiff • .acc

  12. Multimedia Elements Video: Begins as a continuous stream of visual information, which is then broken into separate images (frames) when the video is recorded Can require a substantial amount of storage space Video data, like audio data, is usually compressed Streaming video is used for large files Common video file formats include: .avi .mp2 • .mp4 • .mov • .wmv

  13. Multimedia Web Site Creation Web site design The process of planning what a Web site will look like and how it will function Web site development: The process of creating, testing, publishing, and maintaining a Web site

  14. Multimedia Web Site Design Web site design principles/challenges: Make it interesting and exciting applications Consider technology Target Audience Appropriate Navigation Site maps Design tools Access considerations

  15. Multimedia Web Site Design In 1998, Congress amended the Rehabilitation Act to require Federal agencies to make their electronic and information technology accessible to people with disabilities. ADA compliance - Compatibility with assistive Technology such as screen readers that “read” alternative text

  16. Multimedia Web Site Design Flowcharts: Used during the Web design process to illustrate how the pages in a Web site relate to one another Page layouts: Sketches of a Web page developed during the Web design process to illustrate the basic layouts of the home page and the rest of the pages on a Web site Typically one for the home page and one for the rest of the pages on the site Storyboards: Ordered series of sketches that can be developed during the design process of an animated sequence or other multimedia component that illustrates what each page or screen will look like

  17. Multimedia Web Site Design

  18. Multimedia Web Site Development Web site development Occurs after the site is designed Can be performed in-house or outsourced Three basic steps Creating the multimedia elements using design software Creating the Web site using authoring software Testing, publishing, and maintaining the site

  19. Multimedia Web Site Development Creating the multimedia elements Usually several different software programs are used, such as: Image editing software Animation software Flash Audio editing software Protools, SoundForge, Reason Video editing software Premiere

  20. Multimedia Web Site Development Creating the Web site Authoring tools – Dreamweaver, ExpressionWeb, Notepad Often a markup language is used - a language that uses symbols or tags to describe what a document should look like when it is displayed in a Web browser Hypertext Markup Language (HTML): The original markup language Uses HTML tags to indicate where effects and elements belong in the Web page Some tags are paired The computer and browser being used still determines exactly how the Web page will display Also use CSS, WML, XML, JavaScript, VBScript, Perl, AJAX, PHP, ActiveX, VRML, ActionScript

  21. Multimedia Web Site Development Testing, publishing, and maintaining the site All hyperlinks should be clicked to ensure they take the user to the proper location Every possible action that could take place with an animated element should be tested Proofread each page or screen carefully Consider a “stress test” Update content and check links on a regular basis XHTML Web pages can be checked with an XHTML validator

  22. The Future of Web-Based Media Web-based multimedia will be more exciting and more embedded into everyday events Web-based multimedia and home entertainment devices will continue to converge Allow seamless access to desired content on the user’s device Technology will evolve to support mobile multimedia Usage of multimedia applications that involve user generated content will continue to grow

More Related