Web Development and Design Foundations with XHTML, 5th Edition

(Steven Felgate) #1
Chapter 11 Web Multimedia and Interactivity


  1. Find the Error.The purpose of the following Web page is to display a video named
    products.mov. The video only displays on Internet Explorer. Why?
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    Find the Error<title><br /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br /> </head><br /> <body><br /> <div><br /> <img dynsrc="products.mov" autostart="true" width="160"<br /> height="120" alt="Products Video 2MB" /><br /> </div><br /> </body><br /> </html><br /> </li><br /> </ol><br /> <h6>Hands-On Exercises</h6><br /> <pre><code>1.Practice writing XHTML to configure media.<br /> a. Write the XHTML for a hyperlink to a video called demo1.mov on a Web page.<br /> b. Write the XHTML to embed an audio file called lesson1.wav on a Web page<br /> that can be controlled by the visitor.<br /> 2.Practice writing XHTML.<br /> a. Write the XHTML to place a Java applet called mylink.class on a Web page.<br /> This applet needs an area that is 300 pixels wide and 40 pixels high. Its parame-<br /> ters are documented as follows:<br /> Parameter Name Parameter Value<br /> LinkURL Any URL<br /> LinkDescription Text describing the link<br /> b. Write the XHTML to add a Flash file called intro.swf to a Web page. The effect<br /> needs an area that is 500 pixels wide and 200 pixels high.<br /> 3.Create a Web page about your favorite movie that contains one of the following: an<br /> audio file containing your review of the movie (use Windows Sound Recorder or a<br /> similar program to record your voice), an audio clip from the movie, a video clip<br /> from the movie, or an audio clip from the movie soundtrack. Place an e-mail link to<br /> yourself on the Web page. Save the page as movie11.html. Hand in printouts of<br /> both the source code (print in Notepad) and the browser display of your page to<br /> your instructor.<br /> 4.Create a Web page about your favorite music CD that contains either a brief audio<br /> file containing your review of the CD (use Windows Sound Recorder or a similar<br /> program to record your voice) or an audio clip from the CD. Place an e-mail link to<br /> yourself on the Web page. Save the page as cd11.html. Hand in printouts of both</code></pre><br /> <p>460</p> </div> <meta itemprop='headline' content="p 479: Chapter 11 Web Multimedia and Interactivity Find the Error.The purpose of the following Web page is to display a video named pr ... - Web Development and Design Foundations with XHTML, 5th Edition - free download pdf - issuhub"> </div> <div role="navigation" itemscope itemtype="http://schema.org/SiteNavigationElement"> <span itemprop="url"><b><a href="/view/index?id=22711&pageIndex=478" rel="previous" itemprop="name">← Previous</a></b></span> <span itemprop="url" class="mx-3"><b><a href="/view/index?id=22711&pageIndex=480" rel="next" itemprop="name">Next →</a></b></span> </div> <div style=" text-align: center; margin: 20px auto; padding: 13px; width: 240px; font-size: 20px; "> <a class="page-link" style="background-color: #72bf86;" target="_blank" href="/view/index?id=22711&pageIndex=478#bookdownload" title="Free download pdf" >Free download pdf</a> </div> </div> <div class="footer"> <div class="container"> <div class="row"> <div class="col-lg-3 ml-lg-auto mb-5 mb-lg-0"> <div class="mb-4"> <h5 class="text-dark">Get our desktop app</h5> </div> <a class="btn btn-icon btn-indigo rounded-circle mr-2" target="_blank" href="/download/issuhub.dmg"> <i class="fa fa-apple"></i> </a> <a class="btn btn-icon btn-indigo rounded-circle" target="_blank" href="/download/issuhub.exe"> <i class="fa fa-windows"></i> </a> </div> <div class="col-6 col-md-3 col-lg mb-5 mb-lg-0"> <h5 class="text-dark">Company</h5> <!-- Nav Link --> <ul class="list-unstyled mb-0"> <li class="my-2"><a href="/about">About</a></li> <li class="my-2"><a href="/contact">Contact</a></li> <li class="my-2"><a href="/news/index">News</a></li> </ul> <!-- End Nav Link --> </div> <div class="col-6 col-md-3 col-lg mb-5 mb-lg-0"> <h5 class="text-dark">Features</h5> <!-- Nav Link --> <ul class="list-unstyled mb-0"> <li class="my-2"><a href="/quick">Quick Start</a></li> <li class="my-2"><a href="/desktop">Desktop</a></li> <li class="my-2"><a href="/editor-help">Editor</a></li> </ul> <!-- End Nav Link --> </div> <div class="col-6 col-md-3 col-lg"> <h5 class="text-dark">Documentation</h5> <!-- Nav Link --> <ul class="list-unstyled mb-0"> <li class="my-2"><a href="/support/index">Support</a></li> <li class="my-2"><a href="/site/pricing">Pricing</a></li> </ul> <!-- End Nav Link --> </div> <div class="col-6 col-md-3"> <h5 class="text-dark">Resources</h5> <!-- Nav Link --> <ul class="list-unstyled mb-0"> <li class="my-2"> <a href="/tutorial" target="_blank"> <span class="media align-items-center"> <i class="fa fa-info-circle mr-2"></i> <span class="media-body">Tutorial</span> </span> </a> </li> <li class="my-2"> <a href="/site/login"> <span class="media align-items-center"> <i class="fa fa-user-circle mr-2"></i> <span class="media-body">Your Account</span> </span> </a> </li> </ul> <!-- End Nav Link --> </div> </div> </div> </div> <div class="footer"> <div class="container"> <div class="row"> <div class="col-md-6 mb-4 mb-md-0"> <!-- Nav Link --> <ul class="nav nav-sm nav-white nav-x-sm align-items-center"> <li class="my-2"> <a href="/privacy">Privacy & Policy</a> </li> <li class=" opacity my-2 mx-3">/</li> <li class="my-2"> <a href="/terms">Terms</a> </li> </ul> <!-- End Nav Link --> </div> <div class="col-md-6 text-md-right"> <ul class="list-inline mb-0"> <!-- Social Networks --> <li class="list-inline-item"> <a class="btn btn-xs btn-icon btn-soft-light" href="https://www.facebook.com/Issuhub-Flipbook-2315543688769343/"> <i class="fa fa-facebook text-dark"></i> </a> </li> <li class="list-inline-item"> <a class="btn btn-xs btn-icon btn-soft-light" href="https://twitter.com/IssuhubBooks"> <i class="fa fa-twitter text-dark"></i> </a> </li> <!-- End Social Networks --> </ul> </div> </div> <!-- Copyright --> <div style="text-align: center;"> <div >© ISSUHUB. 2025. All rights reserved.</div> </div> <!-- End Copyright --> </div> </div> </div> </div> <script src="/assets/6df76c57/assets/js/vendors/jquery-3.2.1.min.js"></script> <script src="/assets/6df76c57/assets/js/vendors/bootstrap.bundle.min.js"></script></body> </html>