In order to generate an HTML website out of your prototype, use the 'Export to HTML' option located in the 'File' menu of the application's main menu. It will request a disk location where the HTML prototype will be saved under a new folder whose name matches the prototype file name.
The HTML prototype file structure is as follows:
[PrototypeName]/comments – This folder contains the comments made to the prototype's elements and their attachments.
[PrototypeName]/external – This folder contains the external files added to your prototype such as PDF documents, embedded HTML websites, etc.
[PrototypeName]/fonts – This folder contains the Google fonts you have added to your prototype.
[PrototypeName]/images – This folder contains the images you have added to your prototype.
[PrototypeName]/resources – This folder contains the javascript and css files which provide active behaviours such as most event actions to prototypes and define the style and look and feel of HTML elements.
[PrototypeName]/resources/_jim – This folder contains javascripts and other important resources to the HTML. All the simulation engine is embedded inside this folder.
[PrototypeName]/resources/masters – This folder contains the javacript and css files for each master the prototype has.
[PrototypeName]/resources/screens – This folder contains the javacript and css files for each screen the prototype has.
[PrototypeName]/resources/templates – This folder contains the javacript and css files for each template the prototype has.
[PrototypeName]/review – This folder contains the HTML files generated from your prototype file and the specific javascript and css included for this prototype.
[PrototypeName]/review/includes – This folder contains the information about which javascripts will be included during the execution in a browser.
[PrototypeName]/review/masters – This folder contains the HTML pages to display the masters of your prototype.
[PrototypeName]/review/screens – This folder contains the HTML pages to display the screens of your prototype.
[PrototypeName]/review/templates – This folder contains the HTML pages to display the templates of your prototype.
[PrototypeName]/index.html – Use this file as an entry point to any HTML prototype. It opens the prototype's home page and adds a useful screen tree on the left to ease navigation. HTML files can be opened with any web browser such as Internet Explorer, Mozilla Firefox, Google Chrome or Apple Safari. In order to view your prototype correctly, we give support to these browser versions: Microsoft Internet Explorer v8+, Google Chrome v2+, Mozilla Firefox v2+ and Apple Safari v3+.
When this option is selected you will be asked if you want or not comments in your prototype. If you want comments then a panel will be added to the left of your prototype showing the comments (if there are any) and a list of all the screens in the prototype. If you choose not to show the comments then all that panel won't appear in the prototype. That last option is perfect to test the prototype in mobile devices.
You can also optimize the generated code so the screens can load faster. In order to optimize it, go to the 'File' menu, click on Preferences and check the option 'Optimized HTML' in the General section.