Preview and Publish
With the project open, you should set the publish settings first. Choose File > Publish Settings. In the Publish Settings dialog box, you can choose which pages to publish (the Pages options on the left), inject your own code like Google Analytics code (the Head & Tail option), and set general settings for the code generated like how to optimize it and what units to use (see Figure 19). Previously, I mentioned that you could supply images for retina devices. In the Image category of the Publish Settings dialog box, you can select Generate Optimized Images to enable a JQuery library to serve the correct image for the correct device size and pixel density.
Figure 19 Publish Settings
You can then close the dialog and choose File > Publish. The current page will open in what appears to be a browser window of their creation (see Figure 20). You can then view the different code generated and even open the site in your default browser.
Figure 20 Publish
Figure 21 The published files