Text: Web Development and Design Foundations with HTML5 (7th edition) Chapter 11. Java Jam Coffee House

dr Coffee House The first Friday night each manth at Javn Jam is a special night. Join us from 8pm to 11pm for some music you wcnt want to mi sst JANUARY Melanie Morris entertains with her melodic folk style. FEBRUARY Tahbe Greg is back from his tour. New songs. New stories Figure 11.24 The audio element on the Music page Hands-On Practice Case Study Task 1: Create a Folder. Create a folder called javajamll. Copy all the files from your Chapter 9 javajam9 folder into the javajamll folder. Copy melanie.mp3, melanie.ogg greg.mp3, and greg.ogg from the chapter1 l/casestudystarters folder in the student files and save them to your javajamll folder Task 2: Configure the CSS. Modify the external style sheet (javajam.css). Open javajam.css in a text editor. Create an audio element selector with block display and lem of top margin. Save the javajam.css file. Task 3: Update the Music Page. Open music.html in a text editor. Modify music.html so that two HTML5 audio controls display (see Figure 11.24). Refer to Hands-Orn Practice 11.3 when you create the audio control. Configure an audio control within the paragraph about Melanie to play the melanie.mp3 or melanie.ogg file and provide a hyperlink to the melanie.mp3 file as a fallback if the audio element is not supported. Configure an audio control within the paragraph about Greg to play the greg.mp3 or greg.ogg file and provide a hyperlink to the greg.mp3 file as a fallback if the audio element is not supported. Save the web page. Check your HTML syntax using the W3C validator (http://validator.w3.org).Correct and retest if necessary. Display the page in different browsers and play the audio files