Skip to Content

Basics of Web Design
HTML5 & CSS3 Third Edition

Chapter 11 – Multimedia & Interactivity Basics

Videos and sounds on your web pages can make them more interesting and informative. This chapter introduces you to working with multimedia and interactive elements on web pages. Methods to add audio, video, and Flash to your web pages are introduced. Sources of these media types, the HTML code needed to place the media on a web page, and suggested uses of the media are discussed. You'll also create an interactive image gallery with CSS and explore new CSS3 properties. Adding the right touch of multimedia and interactivity to a web page can make it engaging and compelling for your visitors. Resource websites and chapter links are listed below.

Audio & Video

Conversion to Ogg Theora Codec

Free Online Video Converters

Media, Accessibility & Standards

CSS3 Transform Property

CSS3 Transition Property



Once you are familiar with JavaScript, a next step is to explore jQuery — which is cross-browser JavaScript library that makes it easy to add special effects such as slideshows to a web page.


HTML5 Design Guidelines

Chapter Updates

  • Page 353
    As indicated in Chapter 1, HTML5 is now in Recommendation status. However, it is good practice to code a fallback for the HTML5 Video and Audio elements to provide support for older browsers.
  • Page 371, Hands-On Practice 11.9
    The last sentence on the page should be:
    "An example of a web page with a vertical fly-out menu is available in the student files (chapter11/11.9/vertical)."
  • Pacific Trails Resort Case Study, page 379, Figure 11.22
    The text in the gallery area should be left-aligned.

Questions or Comments

The author would like to hear from you!
Feel free to complete the contact form with your questions or comments.

Book Cover

Review Games

Review activities are available for this chapter. Check your knowledge of chapter terms and concepts.

Browser Plug-ins

Web Sources of Media Files


Adobe Flash


Easy Ways to Use Multimedia



Share |