Home: Advanced Topics: JavaSketchpad and Web-Based Dynamic Geometry: Creating a JavaSketchpad Web Page
Once you’ve located your JSP folder, you’re ready to use The Geometer’s Sketchpad to create your first JavaSketchpad web page:
If this is your first time creating a JavaSketchpad illustration, start with a simple construction like a triangle.
1. Start Sketchpad.
2. Create or open a sketch containing the construction you wish to show in a web page.
3. Resize the sketch window to be the size of your intended illustration on your web page. Adjust your construction so that it appears as you’d like your visitors to first see it.
The size of the illustration in your web page is the same as the size of your sketch window at the moment you saved the HTML file. Be sure to decrease the size of the window before saving unless you want very large web page illustrations!
4. Choose Save from the File menu and save your document normally. This way you’ll have a saved copy of the sketch from which you’re about to create the web page.
5. Choose Save As from the File menu.
Shortcut: Hold down Shift while displaying the File menu to turn Save As into Save As HTML.
6. In the Save As dialog box, change the file format or type to HTML/JavaSketchpad Document.
Before saving, be sure to navigate to the folder that contains your JSP directory. When you’re in the right place, enter an appropriate filename and click Save.
Sketchpad creates a new web page—an HTML file—describing the Sketchpad illustration.
Note: Sketchpad cannot open HTML documents, so saving your document as HTML does not save your document in a way that Sketchpad can reopen. This is the reason you did a normal save in step 4 above.
7. Assuming all goes well, Sketchpad will ask if you want to preview the web page in your browser. Click Yes.
8. Your browser opens and displays the web page. The first time your browser opens a page containing JavaSketchpad illustrations, it may take a few seconds to load.
9. Once your illustration appears, drag its independent points to explore your construction. You’ve successfully created your first Dynamic Geometry web page!
See also
What Can Go Wrong
Web Publishing Overview
Modifying and Publishing Your Pages
Essential JavaSketchpad Folder Structure