Exporting Web Site Mock ups
HTML Export
This creates an html prototype for displaying as a web site.
- Slice the images only
- Make sure all pages are named and button links entered (home.html)
- Select File/Export/Html and images (export slices, include areas without slices, put images in subfolder, all others unticked).
Default HTML settings can be set in File/HTML Setup
CSS Export
This creates an CSS prototype for displaying as a web site.
- Slice the images only (Right click on image and select insert rectangle splice)
- Foreground slices are images which dictates layout flow.
- Background slices are images for background.
- File/Export/CSS and Images (set up options)
PDF Export
This creates a PDF document of your design.
- Name each page.
- File/Export (adobe pdf).
- Setup the options like allowing commentating
Exporting an area
- Select the export area tool from the side panel
- Select your area by dragging and then double clicking inside.
- Adjust the export properties
Another method is File/Image Profile. This brings up the export pop up dialogue.
Choosing Export Settings
- Open your image or Photo
- Zoom out and select 4 up
- Change settings in each view to show comparisons for different export settings.
