Adding an Applet to a Web Page

Within the finder, locate the "FirstApplet" folder you copied to your CS bull account.

Double-click on the folder to open a window showing its contents.

Within this folder you will see a file named "AppletClasses.jar". Metrowerks created this file when you ran your applet. It contains the Java Virtual Machine version of the instructions that were in your applet. This file is what a web browser will need to access in order to know how to include your applet in a page.

PageSpinner provides relatively little support for including applets in pages. Luckily, Metrowerks has already done most of the work. Within the "FirstApplet" folder you will see a "DisplayApplet.html" file. This file contains the minimal HTML for a page containing your applet. Using PageSpinner, we can embellish it a bit to make a reasonable page. Unfortunately, since Metrowerks created the file you will end up in Metrowerks rather than PageSpinner if you double-click on "DisplayApplet.html". So, instead:

• Start up PageSpinner directly by clicking on the program's icon found in the Launcher.
• Close the window PageSpinner opens when it starts up.
• Select "Open" from the "File" menu and use the dialog box that appears to find the "DisplayApplet.html" file within your "FirstApplet" folder. Open the file.

Within the "DisplayApplet.html" file you will see an "APPLET" tag and some tags that set up a link that can be used to load the Java code for your applet. Please leave the link alone. It will enable the graders to get a copy of your methods easily. Take a close look, however, at the APPLET tag.

This applet tag specifies four attributes: "code" which specifies the "class name" for the collection of methods that you want the browser to run, "archive" which identifies the file in which the browser can find the Java Virtual Machine code it needs, and "width" and "height" which tell the browser how much space to set aside for your applet within the page displayed. The "archive" attributes value can be any URL.

Use PageSpinner to add an appropriate heading and any text you would like to your applet's page. Add something so that when you visit your page you will get some sense of how the browser combines your applet with other elements (text and images).

Now, use PageSpinner to open your CS 105 labs web page and add a link from that page to the "DisplayApplet.html" page. Use the "browser" button on the PageSpinner toolbar to visit the labs page with Netscape and then take the link to visit your applet page. If something goes wrong, cry for help.