Tutorial: How to create web buttons with MTop Web Button Menu Maker?
  1. Create navigation buttons
    1. Adjusting button appearance
    2. Setting button basic options
    3. Setting button link
    4. New from examples
  2. Adding DHTML popup menu to button
  3. Export
    1. Preview
    2. Export button images
    3. Export html source code to html file
  4. Save and load project file

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 html file.

i. Preview

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 images".

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 file

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 to exprot:

  • Export as Javascript (*.js) include file

    This option will export the HTML code of the navigation bar to a Javascript (*.js) include file. Then the html 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 file.

In this step, you can copy the relevant resource files, including image files, Javascript include file, to a defined 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 HTML code.

d. In the last step, you can "Browse generated web files" button to view the generated or modified HTML file.


Search This Site:



Web Button Menu Maker
Order Now!
  Download Now


Online Help
Quick Start

Online Example

Example 1
Example 2
Example 3

Related Products

HTML Password Lock
Search Engine Composer

Who likes our products:

Rated 4.5 stars at SnapFiles
Pop at Cnet Download.com

Rated 5 Stars at The File Transit!

Home | Download | Order Now | Contact us | Links
ęCopyright MTop Software All Rights Reserved.