Illustrations of How to Publish an Interactive Excel Workbooks and Charts in HTML
Bob Jensen at Trinity University

 

 

Illustration 1 on Saving an Excel Workbook as a Dynamic (Interactive) HTML File Example 

Test for interaction by entering new data in Cells B11, B12, and/or B13.

To use this Web page interactively, you must have Microsoft® Internet Explorer 4.01 or later and the Microsoft Office Web Components.  See the Microsoft Office Web site for more information.

Test for interaction by entering new data in Cells B11, B12, and/or B13.

 


Illustration 2 on Saving an Excel Chart as an Interactive HTML file

To use this Web page interactively, you must have Microsoft® Internet Explorer 4.01 or later and the Microsoft Office Web Components.  See the Microsoft Office Web site for more information.

Note that you can change the names, gender, and examination score data above.  Try it by typing in new names.  The chart will change accordingly on-the-fly as you change the name and examination scores.  The Gender data was never part of the chart itself.


Illustration 3 Showing a Multiple Chart Problem That I Accidentally Resolved

Note in the chart below that the contents of the chart do appear.  It took several times to make the red bars appear.  I don't know why, but the bars would not appear until I started typing this paragraph above the chart.  Then the bars suddenly appeared.  Wierd!

To use this Web page interactively, you must have Microsoft® Internet Explorer 4.01 or later and the Microsoft Office Web Components.  See the Microsoft Office Web site for more information.

 


Illustration 4 Showing How to Hide and Show Interactive Chart Layers

Illustration 4:  To show how to hide and show interactive chart layers (authored in Macromedia Dreamweaver).  This illustrates how to make up, in part, for not having Excel macro functionality and attached buttons that will run macros transport to HTML documents.  After saving the Excel spreadsheets and charts into a master HTML file, I imported that file into Macromedia Dreamweaver.  I then formed three hide/show layers, added behavior buttons, and pasted the illustrations into their respective layers.  I do not know how to create hide/show layers in FrontPage 2000 without having to write raw code in JavaScript or VBscript.  Dreamweaver inserts the layer coding automatically.   Click here to view the Illustration 4 interactive charts.  (This page opens in a new window.)


Instructions on how to save an Excel spreadsheet as a dynamic (interactive) HTML document.

Note from Jensen:  I prefer to follow the steps below to create a dynamic (interactive) spreadsheet HTML file.  Then I insert that file within a file using the following steps:

The following general instructions are given in the Excel 2000 Help pages:


Click the chart or the chart sheet that you want to put on a Web page.

On the File menu, click Save as Web Page. 

Click Publish.

Under Viewing options, select the Add interactivity with check box. (Chart functionality is automatically selected.)

To add a title to the published chart, click Change, type the title you want, and click OK.

In the File name box, click Browse, and locate the drive, folder, Web folder, Web server, or FTP location where you want to save or publish your Web page.

If you want to view the Web page in your browser after you publish it, select the Open published Web page in browser check box.

Click Publish. Notes

The associated data for the chart is also placed on the Web page when you use interactive functionality. When you save a chart, an associated interactive spreadsheet is included, and when you save a PivotChart report, an associated PivotTable list is included.

Some formatting and features for your chart are not retained when you save it as a Web page.

You can learn more about publishing charts.

After you save your chart as a Web page, you can't open and modify the .htm file in Microsoft Excel without losing formatting and functionality. Use Microsoft FrontPage 2000 or data access page Design view in Microsoft Access 2000 to modify the Web page.


Return to top of page.