With the built-in preview window,
you can instantly preview the current design. After the design,
you can export the design to button images files in GIF, BMP
and JPG formats, or export the html source code of the navigation
bar to a new html file, or insert the code to an existing
a. Instantly preview with built-in preview window
b. Preview in external web browser.
ii. Export button images
a. To export current button image files, please click "Export
images" button on the main toolbar, or click menu "Publish/Export
b. In the "Export image files" window, you can
define filename for each button, choose the directory to save
button image files, and select button image file format. If
the web button has three states, then there will be three
image files for one button. Suppose, the filename you define
is "home", and the file format is "GIF",
then the image file of "normal state" will be "home_0.gif",
the image file of "mouse over" state will be "home_1.gif",
and the image file of "pressed" stated will be "home_2.gif".
iii. Export html source code to html
The built-in Export Html Source Code Wizard will help you
generate html code of the navigation bar, save the code to
a html file, or insert the code to an existing html file,
and export the relevant resource files.
a. To activate the Export Html Source Code Wizard, please
click "Export html" button on the main toolbar,
or click menu "Publish/Export html wizard".
b. In the first step, you can select which kind of scripts
This option will export the HTML code of the navigation
file where to place the navigation bar need only contain
a reference to the Javascritp include file, thus make
the HTML file tidy and clean.
- Export as pure HTML code
This option will export the navigation bar to HTML code,
and you need to insert the code to the HTML file to make
the navigation bar.
c. In the second step, you can select to export the html
source code to a new html file or insert it to an existing
In this step, you can copy the relevant resource files,
sub folder of the HTML file, or just copy the resource files
to the same directory as the HTML file.
When inserting code to an existing file, you should first
define the place to save the relevant resource files, then
click "Insert" and "Save" to insert
d. In the last step, you can "Browse generated web files"
button to view the generated or modified HTML file.