If you're planning to deliver an HTML output as part of your project involving Axure RP, you've got a number of options for viewing your file in a web browser throughout its development to make sure it's on track. You also have choices when it comes to sharing the HTML output with project stakeholders.

© 2002-2016 Axure Software Solutions, Inc. All rights reserved. Axure ® is a registered trademark of Axure Software Solutions, Inc.

AXURE

RESOURCES

LEGAL

CONNECT

EMAIL

VIEWING AND SHARING THE HTML OUTPUT

OVERVIEW

VIEWING THE HTML OUTPUT IN A WEB BROWSER

It's a good idea to periodically view your pages in the web browser or browsers you're targeting, particularly if they're older versions of Internet Explorer. As your diagrams get more complex, it can save headaches down the road if you stay in tune with HTML output page load times and performance. We recommend previewing frequently and building the full HTML output—either by generating local HTML files or by publishing to Axure Share—on a periodic basis. If you're planning to test or demo on a specific mobile device, make sure you test on the device on a period basis as well.

PREVIEWING

Click the "Preview" button in the main toolbar to quickly open your prototype in the browser of your choice. When you make a change in Axure RP, either preview again or refresh your already-open browser tab to see your updates reflected in the output.


Previewing is a great way to view changes on your own computer, but it won't work for sharing. To share with other viewers, use one of the methods below.

GENERATING HTML FILES

Click "Publish > Generate HTML Files" to generate all the HTML, CSS, JavaScript, and image files making up your HTML output to a local folder on your computer or to a network drive location. Generating can be useful for a few reasons. Team members can navigate to and view the generated output if it's at shared network location. You can also save the output as a record showing the state of a project at a certain point.

PUBLISHING TO AXURE SHARE

Click "Share" in the Main Toolbar to publish your HTML output to Axure Share, Axure's free hosting service. You can get a link to your output which can be shared with viewers both inside and outside your network. You can also get feedback through Axure Share's "discuss" feature. Learn all about Axure Share in this article.

CONFIGURING THE HTML OUTPUT

Regardless of the location of the HTML output (local preview, generated HTML on a network drive, or Axure Share), the output can be customized using the HTML generator. Learn about the options available in the HTML generator and how to configure it.

SHARING AND DISTRIBUTING THE HTML OUTPUT

There are a few ways to share your HTML output with others. As noted above, you can host the project on Axure Share and send an Axure Share link to your stakeholders. This is probably your most convenient option.


Alternatively, you can generate your HTML files to a location in your file system and then distribute them. You can direct viewers to where the files might be on a network drive, host the generated prototype on your own server, or even package up the files into a .zip archive and email them.

SHARING VIA NETWORK DRIVE

If you generate the output to a shared drive location, be sure to point your viewers to the "start.html" file in the HTML output folder—assuming you want them to see the output with the sidebar included. If you'd rather point them directly to a particular page without the sidebar, you can link them to the .html file corresponding to that page instead.

SELF-HOSTING ON YOUR WEB SERVER

To publish your HTML output to a web server, either generate it locally first and then move the files to the server afterward, or (if you have the appropriate access) generate directly to the server. To transfer the files to a server, use an FTP program like Cyberduck to upload the HTML output folder. If you don’t know whether your organization has a server available for you to use, your IT team may be able to help.

 

After uploading all the files, you can distribute the file path or link. As long as viewers have user account access to the server, they will be able to view your output in their browsers.

SENDING A .ZIP ARCHIVE

To create a .zip file of your output, right-click on the folder that contains the output files and choose "Send To > Compressed (zipped) Folder" (Windows), or “Compress [folder name]” (Mac). This creates a .zip file of your HTML output that you can email to project stakeholders.


When they receive your archive file, direct your viewers to unpack the file and extract the contents to any folder on their computers. To do this, first download the file. Then, right-click the .zip file and select "Extract All Files," or double-click and then drag and drop the folder from the opened .zip file onto the desktop.

 

To launch the output in a web browser, locate the "start.html” file among the extracted files and double-click it. (Please note: you cannot open the HTML output directly from the .zip file; you have to extract it first.)

MORE RESOURCES