Chapter 11 Web Media and Interactivity
Video and sounds on your web pages can make them more interesting and informative. In this chapter, you’ll work with with multimedia and interactive elements on web pages.
Methods to add audio, video, and Flash are introduced. Sources of these media types, the HTML code required to make the media available on a web page, and suggested uses of the media are discussed.
You began to work with interactivity in Chapter 6 when you used CSS pseudo-classes to respond to mouse movements over hyperlinks. You’ll expand your CSS skill set as you configure an interactive navigation menu and explore CSS3 transition and transform properties. Adding the right touch of interactivity to a web page can make it engaging and
compelling for your visitors.
Resources & Chapter Links
Adobe Flash & Edge
Multimedia, Accessibility & Standards
CSS3 Transform Property
- Generate CSS Transform Code: http://westciv.com/tools/transforms/index.html
- CSS3 Transform Generator:
Current versions of modern browers support the W3C's syntax for transforms, but before this support was in place browsers often used vendor prefixes to provide temporary support.
- Webkit: http://webkit.org/blog/130/css-transforms
- Mozilla: https://developer.mozilla.org/en/CSS/-moz-transform
- Opera: http://dev.opera.com/articles/view/css3-transitions-and-2d-transforms/#transforms
- Internet Explorer: http://msdn.microsoft.com/en-us/ie/ff468705.aspx#_CSS3_2D_Transforms
CSS3 Transition Property
- CSS Easing Animation Tool:
- CSS3 Transition Generator:
HTML5 Canvas Element
HTML5 Offline Web Application
Review game activities are available for this chapter.
Check your knowledge of chapter terms and concepts.
- Page 496, Second Paragraph
Delete the second occurrence of the phrase "may be used".
Questions or Comments?
The author would like to hear from you! Send an e-mail to firstname.lastname@example.org