Web Multimedia and Interactivity - Web Development and Design Foundations with XHTML - page 466

Launch Notepad and open the Home page (index.html) in the paintercss
folder. Modify the content on index.html as follows:
Write the XHTML needed in the right column to display the Flash slideshow
painter.swf file. See Hands-On Practice 11.4 as a guide. Assign the <object>
tag to the floatright class.

●

Save your page and test it in a browser.

Prime Properties
See Chapter 2 for an introduction to the Prime Properties Case Study. Figure 2.38
shows a site map for the Prime Properties Web site. The pages were created in earlier
chapters. Use the Chapter 9 primecss folder. You have three tasks:

1. Configure a hyperlink to an audio file on the Home page.
2. Modify the prime.css style sheet to configure the placement of the Flash swf.
3. Modify the Home page to display a Flash slide show.

Hands-On Practice Case

1. Add a hyperlink to an audio file to the Home page (index.html).
● Copy the primepodcast.mp3 sound file from the student files in the Chapter11
folder and save it to your primecss folder.
● Launch Notepad and open the Home page (index.html) in the primecss folder.
Modify index.html so that a hyperlink to the audio file displays above the
name and address area on the page (see Figure 11.22). See Hands-On Practice
11.1 as a guide.
Save your page and test it using several browsers. You should hear the sound
when you click on the hyperlink.
2. Modify the prime.css file. Create a new class called floatright . Configure the
floatright class to float to the right, have a 20 pixel left margin and a 60 pixel
right margin.
3. Modify the Home page to display a Flash slideshow file called prime.swf. See
Figure 11.22.
● Copy the prime.swf file from the student files in the Chapter11 folder and save
it to your primecss folder. The Flash media is 213 pixels in width and 163 pix-
els in length.
● Launch Notepad and open the Home page (index.html) in the primecss folder.
Write the XHTML needed in the right column (above the unordered list) to
display the Flash slideshow prime.swf file. See Hands-On Practice 11.4 as a
guide. Assign the <object> tag to the floatright class.
Save your page and test in a browser.