New Perspectives on HTML and CSS Edition 6 Tutorial 7 Case Problem 3 Franklin High School
Franklin High School Fractals are geometric objects that closely model the seemingly chaotic world of nature. Doug Hefstadt, a mathematics teacher at Franklin High School in Lake Forest, Illinois, has just begun a unit on fractals for his senior math class. He’s used the topic of fractals to construct a Web page to be placed on the school network, and he needs your help to complete the Web page. He has a video clip of a fractal that he wants placed in the Web page, along with a Java applet that allows students to interactively explore the Mandelbrot Set, a type of fractal object. He wants our assistance with putting these two objects in his Web page. A preview of the page you’ll create is shown in Figure 7-47.
Complete the following:
1. Use your text editor to open the fractaltxt.htm file from the tutorial.07\case3 folder included with your Data Files. Enter your name and the date in the comment section of the file. Save the file as fractal.htm in the same folder.
2. Scroll down to the figure element. Directly above the figure caption, insert a video element. Set the width and height of the video to 320 pixels by 260 pixels. Add attributes to display the zoom.png file as a poster image for the video, and have the video automatically loop back to the beginning when played. Display the mandel.mp4 and mandel.webm Video files in the player. Display the video controls in the player.
3. Within the video element, nest an object element displaying the mandel.swf Flash player. Add an attribute and a parameter to loop the player back to the beginning when played.
4. If the browser does not support flash player, display a message telling the user that he or she must have the Shockwave player. Include a link too the Website where the user can download the player.
5. Scroll down to the article element, Within the paragraph in this element, insert an object element containing the Java applet for the Mandel.class file; set the width of the Java window to 280 pixels and height to 240 pixels.
6. If your browser does not support Java, have it display the text Your browser does not support Java applets in place of the Mandel.class applet.
7. Save your changes to the file.
8. Open the Web page in an HTML5-enabled browser and verify the video plays correctly.
9. Open the Web page in a browser that does not support HTML5 but support Flash, and verify that you can play the Flash video. If the browser does not support HTML5 and Flash, verify that the browser displays a message indicating that the user should install Flash. Re-enable Flash if you disabled it.
10. Test the fractal applet to verify that you can use it to zoom into the Mandelbrot Set at different levels of magnification.
11. Disable Java support and verify that the browser displays a message indicating that you should install Java. Re-enable Java support in the browser.
12. Submit your completed files to your instructor, in either printed or electronic form, as requested.