Web Programming with html5, css, and JavaScript

308
ChaptER 7
 
Image Manipulations, Audio, and Video

---

Note:
• 
Each of the audio control bars shown should refer to two audio files that play “Row, 
Row, Row Your Boat.” The two files should use two of the three main audio formats 
supported by the major browsers. Feel free to use a file converter program to create a 
second audio file. Store your background image file in 
images
, a subdirectory of your 
hw
directory.
• 
Search for an audio file that plays “Row, Row, Row Your Boat.” My audio file is a piano 
recording, with no vocals, but you are welcome to use any type of music. Store your 
audio files in 
audio
, a subdirectory of your 
hw
directory.
• 
To know what attributes to use for your 
audio
elements, study the words shown 
above each control bar.
• 
Find a video about rowing and add it to your web page.
You must use a background picture that has something to do with a body of water or boats. 
Your text must be easy to read—don’t let it blend in with the background image. Use one of 
these strategies:
• 
Use a picture large enough to cover most monitors (1280 × 1024 is sufficient).
• 
Apply CSS so the browser scales the picture dynamically to cover the viewport entirely.
• 
Repeat the picture (do this only if the result looks reasonably good).
© L
yudm
yla K
harlamo
va/Shutt
erst
ock
, Inc
.
309
Project

---

---

© StationaryTraveller/Getty Images
CHAPTER OBJECTIVES
▸
Learn how JavaScript came to be.
▸
Implement a button control with an event 
handler.
▸
Understand syntax rules for functions, vari-
ables, identifiers, and assignments.
▸
Learn about the Document Object Model.
▸
Implement a form with a text control and 
a button.
▸
Learn how to update a web page with 
dynamic HTML.
▸
Understand proper JavaScript coding 
conventions.
▸
Learn about event-handler attributes.
▸
Implement a rollover using mouse events.
▸
Accommodate disabled JavaScript.