HTML, XHTML, and CSS Chapter 8 Adding Multimedia Content to Web Pages.
-
Upload
victoria-morton -
Category
Documents
-
view
224 -
download
1
Transcript of HTML, XHTML, and CSS Chapter 8 Adding Multimedia Content to Web Pages.
![Page 1: HTML, XHTML, and CSS Chapter 8 Adding Multimedia Content to Web Pages.](https://reader035.fdocuments.us/reader035/viewer/2022062322/56649e995503460f94b9c15f/html5/thumbnails/1.jpg)
HTML, XHTML, and CSS
Chapter 8
Adding Multimedia Content to Web Pages
![Page 2: HTML, XHTML, and CSS Chapter 8 Adding Multimedia Content to Web Pages.](https://reader035.fdocuments.us/reader035/viewer/2022062322/56649e995503460f94b9c15f/html5/thumbnails/2.jpg)
Chapter 8: Adding Multimedia Content to Web Pages 2
Chapter Objectives
• Describe the benefits and limitations of multimedia in Web sites
• Identify audio and video formats• Describe parameters for embedded multimedia• Add an audio clip to a Web page• Add a video clip to a Web page
![Page 3: HTML, XHTML, and CSS Chapter 8 Adding Multimedia Content to Web Pages.](https://reader035.fdocuments.us/reader035/viewer/2022062322/56649e995503460f94b9c15f/html5/thumbnails/3.jpg)
Chapter 8: Adding Multimedia Content to Web Pages 3
Starting Notepad++and Opening an HTML File
• Start Notepad++ and, if necessary, maximize the window• With the USB drive plugged into your computer, navigate
to the Chapter08\ChapterFiles folder• Double-click reagan.html in the list of files to open the file
shown on the following slide
![Page 4: HTML, XHTML, and CSS Chapter 8 Adding Multimedia Content to Web Pages.](https://reader035.fdocuments.us/reader035/viewer/2022062322/56649e995503460f94b9c15f/html5/thumbnails/4.jpg)
Chapter 8: Adding Multimedia Content to Web Pages 4
Starting Notepad++ and Opening an HTML File
![Page 5: HTML, XHTML, and CSS Chapter 8 Adding Multimedia Content to Web Pages.](https://reader035.fdocuments.us/reader035/viewer/2022062322/56649e995503460f94b9c15f/html5/thumbnails/5.jpg)
Chapter 8: Adding Multimedia Content to Web Pages 5
Adding an Audio Clip to a Web Page
• Highlight the words <!-- Insert audio statements here on line 29
• Enter the HTML code in Table 8–7, indenting as shown
• Click File on the menu bar and then click Save to save the reagan.html file
![Page 6: HTML, XHTML, and CSS Chapter 8 Adding Multimedia Content to Web Pages.](https://reader035.fdocuments.us/reader035/viewer/2022062322/56649e995503460f94b9c15f/html5/thumbnails/6.jpg)
Chapter 8: Adding Multimedia Content to Web Pages 6
Adding an Audio Clip to a Web Page
![Page 7: HTML, XHTML, and CSS Chapter 8 Adding Multimedia Content to Web Pages.](https://reader035.fdocuments.us/reader035/viewer/2022062322/56649e995503460f94b9c15f/html5/thumbnails/7.jpg)
Chapter 8: Adding Multimedia Content to Web Pages 7
Validating and Viewing a Web Page Using ActiveX Controls• Validate the reagan.html Web page using the W3C validation
service• With the USB drive plugged in to your computer, navigate to the
Chapter08\ ChapterFiles folder and open the brandenburg.html file in the Web browser to show the home page of this Web site. Click the Reagan link to navigate to the newly saved file
• Because of Internet Explorer’s high level of security, you get a notification in the gold bar at the top of the browser
• Click anywhere in the gold bar at the top of the browser window to view the options
• Click the Allow Blocked Content option to display the dialog box shown in Figure 8–9
• Click Yes in the Security Warning dialog box to display the completed Web page with audio controls shown in Figure 8–10
![Page 8: HTML, XHTML, and CSS Chapter 8 Adding Multimedia Content to Web Pages.](https://reader035.fdocuments.us/reader035/viewer/2022062322/56649e995503460f94b9c15f/html5/thumbnails/8.jpg)
Validating and Viewing a Web Page Using ActiveX Controls
Chapter 8: Adding Multimedia Content to Web Pages 8
![Page 9: HTML, XHTML, and CSS Chapter 8 Adding Multimedia Content to Web Pages.](https://reader035.fdocuments.us/reader035/viewer/2022062322/56649e995503460f94b9c15f/html5/thumbnails/9.jpg)
Printing a Web Page and an HTML File
• Print the Reagan Web page from the browser• Click the Notepad++ button on the taskbar• Print the Reagan.html file from Notepad++
Chapter 8: Adding Multimedia Content to Web Pages 9
![Page 10: HTML, XHTML, and CSS Chapter 8 Adding Multimedia Content to Web Pages.](https://reader035.fdocuments.us/reader035/viewer/2022062322/56649e995503460f94b9c15f/html5/thumbnails/10.jpg)
Chapter 8: Adding Multimedia Content to Web Pages 10
Adding a Video Clip to a Web Page
• If necessary, click the Notepad++ button on the taskbar
• With the USB drive plugged in to your computer, open the kennedy.html file from the Chapter08\ ChapterFiles folder
• Highlight the words <!—Insert the video statements here on line 26
• Enter the HTML code shown in Table 8–8• Save the file
![Page 11: HTML, XHTML, and CSS Chapter 8 Adding Multimedia Content to Web Pages.](https://reader035.fdocuments.us/reader035/viewer/2022062322/56649e995503460f94b9c15f/html5/thumbnails/11.jpg)
Chapter 8: Adding Multimedia Content to Web Pages 11
Adding a Video Clip to a Web Page
![Page 12: HTML, XHTML, and CSS Chapter 8 Adding Multimedia Content to Web Pages.](https://reader035.fdocuments.us/reader035/viewer/2022062322/56649e995503460f94b9c15f/html5/thumbnails/12.jpg)
Chapter 8: Adding Multimedia Content to Web Pages 12
Validating and Viewing a Web Page
• Validate the Web page using the W3C validation service
• Return to the Web site home page and click the navigation link for the kennedy.html file in the browser to view the changes
![Page 13: HTML, XHTML, and CSS Chapter 8 Adding Multimedia Content to Web Pages.](https://reader035.fdocuments.us/reader035/viewer/2022062322/56649e995503460f94b9c15f/html5/thumbnails/13.jpg)
Chapter 8: Adding Multimedia Content to Web Pages 13
Validating and Viewing a Web Page
![Page 14: HTML, XHTML, and CSS Chapter 8 Adding Multimedia Content to Web Pages.](https://reader035.fdocuments.us/reader035/viewer/2022062322/56649e995503460f94b9c15f/html5/thumbnails/14.jpg)
Chapter 8: Adding Multimedia Content to Web Pages 14
Printing a Web Page and HTML File
• Print the Kennedy Web page from the browser• Print the Notepad++ kennedy.html file
![Page 15: HTML, XHTML, and CSS Chapter 8 Adding Multimedia Content to Web Pages.](https://reader035.fdocuments.us/reader035/viewer/2022062322/56649e995503460f94b9c15f/html5/thumbnails/15.jpg)
Chapter 8: Adding Multimedia Content to Web Pages 15
Chapter Summary
• Describe the benefits and limitations of multimedia in Web sites
• Identify audio and video formats• Describe parameters for embedded multimedia• Add an audio clip to a Web page• Add a video clip to a Web page
![Page 16: HTML, XHTML, and CSS Chapter 8 Adding Multimedia Content to Web Pages.](https://reader035.fdocuments.us/reader035/viewer/2022062322/56649e995503460f94b9c15f/html5/thumbnails/16.jpg)
HTML, XHTML, and CSS
Chapter 8 Complete
Adding Multimedia Content to Web Pages