This tutorial will guide you
how to insert web button menu maker into Microsoft Expression
Web.
 In Web
Button Menu Maker, design your web button menu,
then click the button "Export HTML" on the main toolbar.
 In the "Export
HTML" dialog, click "Next" button, in the second
step of the wizard, select the option "Export code to a
new HTML file", then click button "Save as".
In the "Save as" dialog, navigate to the folder where
your Microsoft Expression Website files located, enter a string
as the filename, for example, "webbutton.html", then
click "Next" button to generate web button menu files.
 Close Web Button
Menu Maker, start Microsoft Expression Web and open your website.
The new generated file "webbutton.html" and subfolder
"images" should be listed in the "Folder List"
section of Microsoft Expression Web.
 Double click the
"webbutton.html", open it in the editor, then click
the "Code" in the left bottom of the editor area,
switch to the code editor mode, then copy the following code
from the HTML source code:
<!-- Begin of MTop web button menu code -->
<script language="javascript" src="images/mtop.js"></script>
<script language="javascript">draw_buttons("images","",-1);</script>
<noscript>To display this page, you need to have JavaScript
enabled. For more details, please visit <a href=http://www.mtopsoft.com/web-button-maker/index.htm>Web
Button Menu Maker</a></noscript>
<!-- End of MTop web button menu code -->
 Open your HTML
file, switch to code editing mode, then paste the code to where
you want to display the web button.
If the HTML file is in the same folder as the "webbutton.html"
file, you can leave the code unchanged; but if the HTML file
is in a subfolder of the "webbutton.html", you need
to change the code as the following code of red color.
<!-- Begin of MTop web button menu code -->
<script language="javascript" src="../images/mtop.js"></script>
<script language="javascript">draw_buttons("../images","",-1);</script>
<noscript>To display this page, you need to have JavaScript
enabled. For more details, please visit <a href=http://www.mtopsoft.com/web-button-maker/index.htm>Web
Button Menu Maker</a></noscript>
<!-- End of MTop web button menu code -->
|
