... part of the Web Site of George North -- Back to Site Index
Internet Publishing CPST-240-10
Summer 2008

Madison Boy Choir
Tutorial 8 - Case Problem 4
Due 11:59 PM, Sunday, Jul 20

Assignment
News


Data files needed for this Case Problem: concert.rm, CreditRoll.class, folksong.mp3, mbc.jpg, mbcinfo.txt, mbclogo.jpg, schedule.txt

Complete Tutorial 8 in your text book. Practice with Case Problems 1, 2, and 3.

Tutorial 8, Case Problem 4

Madison Boy Choir

Madison Boy Choir The Madison Boy Choir is one of the premier boy choirs in the United States. Rachel Dawes, the choir director, has asked you to help create a Web site that contains a sound clip and a video clip of the choir. You need to create two Web pages for Rachel: one that contains links to the media clips and another in which the clips are embedded in the page. She also wants the page with the embedded clips to contain a scrolling marquee that displays upcoming events for the choir.

The design of the Web site is up to you, but you can use the following files in creating the pages:

  • concert.rm A RealMedia video clip of the choir
  • CreditRoll.class The scrolling marquee app let
  • fotksong.mp3 An MP3 clip of the boy choir
  • mbc.jpg A photo of the choir
  • mbcinfo.txt General information about the choir
  • mbclogo.jpg The Madison Boy Choir logo
  • schedule.txt The choir's schedule of upcoming events
  • To complete this assignment:
    1. Make a new folder on your Student Web Site to contain all the files for this assignment. Name the folder Tutorial8Case4.
    2. Create a file named mbcl.htm. The mbc1.htm file should contain information about the choir, the choir logo, a photo, and the schedule of upcoming events.
    3. Include links to the concert.rm and folksong.mp3 media clips.
    4. Create a file named mbc2.htm. Along with the other choir information, embed the concert.rm and the folksong.mp3 media clips. Ensure that your Web page provides access to the media files for those users running browsers that do not support embedded clips.
    5. Display the schedule of upcoming events in a scrolling marquee using the CreditRoll.class applet.
    6. Decorate your HTML with comments that make it easy for George to recognize the sections that will be graded.
    7. Your code should follow correct XHTML syntax rules for XHTML 1.0 Transitional, as we have used all semester. If you have problems validating using XHTML, you may try HTML 4.01 Transitional. Either way, you must confirme using W3C Markup Validation Service.
    8. Your HTML should be easy for others to read and interpret.
    9. Your web pages should be attractive, well designed, and easy to navigate.


    When you are finished:
    1. Use FTP to upload your completed web page to your Tulane Student Web Space.
    2. Copy the URL of your website's main page and paste it into a new eMail message to George (gnorth@tulane.edu). Subject of this eMail MUST be "Tutorial 8 - Case Problem 4"