Chapter 17
IN THIS CHAPTER
Exporting pages as images and exporting to PDF
Working with interactive PDF features and hyperlinks
Creating reflowable and fixed layout e-books for ePub and Kindle
Creating HTML5 publications
Producing a QuarkXPress project for digital media is like pushing a ball of spaghetti: Most of it winds up where you want it, but some of it doesn’t. It’s not Quark’s fault; the digital media landscape changes every day. Instead, it’s up to you to figure out where you want to go with your project and then adjust it for that output.
In this chapter, you find out how to export your QuarkXPress layout in several digital formats, and how to set up your document to take advantage of the unique capabilities of each. You learn to add bookmarks and hyperlinks to PDFs, prepare your layout for exporting to reflowable ePub and Kindle e-book formats, and export to PDF and fixed-layout e-book formats. The chapter also tells you how to add HTML5 interactivity and animations to your layout, and how to export it as an HTML5 publication. In addition, I introduce you to creating native mobile apps using Quark’s App Studio. But first, I provide a quick explanation of how to export your pages as images to use on websites, social media outlets, and other publications.
Here we go!
When you need to create an image of one or more pages in your QuarkXPress layout, you can print and scan them, or you can export them to PDF and open the PDF in Photoshop. A much easier way is available, though: You can export them as images. Just follow these steps:
Choose File ⇒ Export ⇒ Image.
The Export Pages as Images dialog box appears.
Choose a location for your exported image(s), choose which page(s) you want to export, and then click the Options button.
The Export Image Options dialog box appears, as shown in Figure 17-1.
If you choose JPG format, use the Compression drop-down menu to choose a level of compression.
To create a higher-quality image, choose a lower level of compression.
PDF has become the de facto standard for sharing complex documents with people who don’t have the application you used to create them. It also has powerful interactive features such as bookmarks and hyperlinks that you can generate directly from QuarkXPress.
To export your QuarkXPress layout in PDF format, follow these steps:
To examine or customize the PDF Export settings, click the Options button.
The PDF Export Options dialog box, shown in Figure 17-3, appears with the default settings for the Screen PDF Style (left) and with the Hyperlink Appearance options selected (right).
Change any of the hundreds of options for your PDF file.
In the example in Figure 17-3, the Appearance options are changed to alter the appearance of the hyperlinks in the PDF, and to fit the exported PDF into the PDF reader application’s window when it opens.
If you need to cancel the PDF export to make changes to the layout, click the Capture Settings button.
QuarkXPress will remember the changes the next time you open the Export as PDF dialog box.
To include hyperlinks, lists, and an index in your PDF, you simply need to select those options in the PDF Export Options dialog box (refer to Figure 17-3). See the “Creating a PDF file” section, earlier in this chapter, for more details on the PDF Export Options dialog box.
The next sections tell you about the options you need to consider if you want to export hyperlinks and bookmarks.
The only preset PDF Styles that include hyperlinks are Screen – Medium Quality/Low Resolution and Screen – Low Quality/Low Resolution. If your PDF is destined for onscreen viewing, just use one of these Screen PDF Styles and you’ll be good to go. If you need the images in your PDF to have higher quality, use Print – Medium Quality/Medium Resolution instead and select all the Hyperlinks options in the Hyperlinks section of the PDF Export Options dialog box, as shown in Figure 17-3.
The Appearance options in the Hyperlinks pane let you control how the hyperlinks display in the exported PDF, and how the PDF fills the PDF reader window when it opens. The Appearance options are as follows:
If you’re using the Books palette while building a multichapter book, as shown in Figure 17-6 (see Chapter 6 for more on building a book), you can export all the chapters as one PDF. To do that, follow these steps:
The PDF Export dialog box includes PDF Output Styles to cover the most common situations, but you can also create your own when exporting a PDF or any time in the Output Styles dialog box.
To create a new PDF Output Style while exporting a PDF, follow these steps:
Choose File ⇒ Export as PDF.
The PDF Export dialog box opens.
Enter a name for your new PDF Output Style in the Name field.
The style will appear everywhere PDF Output Styles can be used.
To create a new PDF Output Style by using the Output Styles dialog box, follow these steps:
In the Edit Output Styles dialog box, click the New button and choose PDF from the drop-down menu that appears.
This opens the Edit PDF Output Style dialog box.
To edit an existing Output Style, follow these steps:
This opens the Edit PDF Output Style dialog box.
Here are a few more tasks you might need to accomplish:
When exporting your QuarkXPress layout to PDF, you may sometimes get unexpected results. Some common problems and their solutions are explained next.
The TrueType font format includes a flag that lets font developers disallow the font’s inclusion in an exported PDF. Not many fonts have that flag enabled, but if yours does, that font will never be embedded into a PDF.
If you really need to use that particular font, you need to track down that font’s developer or distributor and ask whether a version is available that does allow embedding into PDFs.
If the images in your exported PDF are blurry or pixelated, one of these issues arose:
If your exported PDF includes a page bleed (page items extending past the edge of the page border) or crop and registration marks, it’s because you chose a PDF Output Style named Press or one with PDF/X in the name. If you don’t want crop and registration marks, don’t use one of output those styles; or you can click the Options button and then do the following: In the Registration Marks pane, set the Mode to Off, and in the Bleed pane, set the Bleed Type to Page Items.
You can attach a hyperlink to a selection of text or to any item on the page so that when users click it, they’re taken to a different location in the document, taken to a web page, or prompted to create a new email message. In QuarkXPress, all the destinations of hyperlinks live in the Hyperlinks palette. You manage hyperlinks in ways that are similar to managing colors or style sheets. When you export your project to PDF, EPUB, HTML5, or any other digital format, your hyperlinks are included.
A destination is a general term for the location a hyperlink takes you to. A destination can be one of three types:
Just as colors and style sheets do, each destination has a name. You can name a destination anything you like. For example, if you have a destination using the URL http://www.quark.com
, you could name it “Quark website.”
To create a destination, follow these steps:
Click the New Hyperlink button or choose New Hyperlink from the palette menu to display the New Hyperlink dialog box, shown in Figure 17-8.
Then choose one of these options:
An anchor is an invisible marker that you attach to a selection of text or a page item. To do that, select the text or item and then choose Style ⇒ Anchor ⇒ New, or Control-click (Mac) or right-click (Windows) and choose Anchor ⇒ New from the context menu. Give your anchor a name.
To assign a hyperlink destination to a selection of text or a selected item on the page, do one of the following:
You can also create a hyperlink by selecting text or an item and then choosing Style ⇒ Hyperlink ⇒ New (or Control-click on the Mac or right-click in Windows and then choose Hyperlink ⇒ New from the context menu). This displays the New Hyperlink dialog box, shown in Figure 17-8. Use the steps described in the “Creating destinations” section, earlier in this chapter, to create a new destination. When you do, you create a destination that is added to the project’s list of destinations. You may want to edit its name to something you’ll recognize at a later time.
To edit your list of destinations, choose Edit ⇒ Hyperlinks to open the Hyperlinks dialog box, shown in Figure 17-9. Here’s what you can do in the Hyperlinks dialog box:
Hyperlinked text is automatically underlined and colored according to the color chosen in QuarkXPress Preferences. By default, hyperlinks are blue. To choose a different color, open the Preferences dialog box by choosing QuarkXPress ⇒ Preferences (Mac) or Edit ⇒ Preferences (Windows) and under the Print Layout or Digital Layout section in the left pane, click General to view the layout’s General preferences. There, click the color swatch next to Hyperlink Color to open the color picker and change the color.
You can also change the appearance of one selected hyperlink. To do so, simply change its attributes in the Measurements palette or apply a character style.
You can also use the Hyperlinks palette to navigate to destinations in the active QuarkXPress layout and on the web. With nothing selected on the page, double-click a destination in the Hyperlinks palette. (Or, select the destination and choose Go To from the Hyperlinks palette menu.) If you double-click a page destination or anchor, you are taken to that location in the active layout. If you double-click a URL, you are taken to that URL in your web browser.
QuarkXPress let you export projects in several digital publishing formats: ePub, Kindle, HTML5 Publication, and App Studio. Your choice of output format will partly be determined by the experience you want your reader or customer to have:
Another factor is the amount of effort you want to put into creating your project. Have you already completed your project and want to convert it to a digital publishing format, or are you starting from scratch?
Platform compatibility may also be an issue. Do you need people to read your work on an Amazon Kindle device, an ePub reader, or in a web browser? Here is the lowdown on compatibility:
Table 17-1 can help you determine which format to target with your project:
TABLE 17-1 How to Choose an E-Book Format
|
Kindle eBook |
ePub |
HTML5 Publications |
Description |
A format that lets you publish in the Amazon Kindle store |
A standard book-centric format supported by many readers |
A standard HTML5-based format supported by all major modern web browsers |
Best for |
Text-savvy books |
Books |
Online brochures, catalogs, magazines, and any other web content |
Reader |
Kindle |
Kindle, Nook, Google, Apple iBooks |
Any standards-compliant web browser like Google Chrome, Mozilla Firefox, Safari, and more. |
Layout arrangement |
Determined by Kindle |
Reflow ePub: Determined by ePub reader application Fixed-layout ePub: Designed in QuarkXPress |
Designed in QuarkXPress |
Content |
Text and pictures |
Reflow ePub: Text, pictures, audio, video Fixed-layout ePub: Text, pictures, video, slide shows, HTML interactivity, and more |
Text, pictures, video, slide shows, HTML interactivity, and more |
Distribution |
Amazon Kindle store |
Apple, Barnes & Noble, Amazon, any third-party ePub distributor, or your own website |
Your own web server |
The process of creating a QuarkXPress project for any digital format is the same for all formats — you simply use all the features in QuarkXPress that can export to your intended output format, and then you export your project.
If you already have a print layout, duplicating that layout and converting it to a digital layout is super easy. Just follow these steps:
In the Devices drop-down menu, choose a device.
By default, the new digital layout uses the dimensions of your original print layout, but you can change the dimensions to match a standard size for a particular device that you select from the Devices drop-down menu. Devices include popular iOS, Android, and Kindle smartphones and tablets.
In the Orientation section, select one of the radio buttons to choose an orientation.
You can choose Portrait, Landscape, or Both. If you choose Both, two new layouts are created: one that duplicates the content and orientation of your Print layout; and a second, blank layout with the opposite orientation.
To create a new digital layout:
Choose a device from the Devices drop-down menu.
The Width and Height fields are automatically filled in for the chosen device.
In the Orientation section, select one of the radio buttons to choose an orientation.
If you select Both, QuarkXPress will automatically create two layouts, one with a Portrait orientation and one with a Landscape orientation, which is mainly useful for using App Studio to create an app from your project. QuarkXPress displays the new project in a split view so that you can work with both views of the layout at the same time. To learn more about working with split windows, see the section that explains splitting a window in Chapter 2.
When you let QuarkXPress create both a portrait and landscape layout for your digital project, those layouts are part of a “layout family” that can share content. For more information, see “Synchronizing content between orientations,” later in this chapter.
In the Page Count field, enter how many pages you think you’ll need.
Don’t worry: You can add and remove pages later.
If your layout will have left and right pages (as in a magazine), select the Facing Pages check box.
This setting enables you to have different margins and Master Pages for the left- and right-facing pages. If you know that your layout will require having odd page numbers (1, 3, 5, and so on) on the left-facing pages, select the Allow Odd Pages on Left check box. Normally, you keep this deselected.
If you want QuarkXPress to be able to add new pages automatically as your text grows (for example, in a long document), select the Automatic Text Box check box.
This setting places a text box within the margins of the master pages and applies that text box to every page based on that master page. (You can learn all about master pages in Chapter 5.)
Set the Margin Guides as needed.
These special guides indicate the “live” area of your layout, where your main content will be (text, pictures, and so forth). Items such as your page numbers, headers, and footers will normally be in the margin area, so be sure to leave room for them if you plan to use them.
If your layout will have several columns, enter the number of columns in the Columns field under Column Guides.
The Gutter Width field determines the space between the columns. QuarkXPress then does the math for you and places guides within the margins on each page, as necessary for the number of columns and gutter width you entered. If you enabled the Automatic Text Box check box (see Step 7), the text box will have these columns as well; otherwise you need to set the number of columns for each text box manually.
Click OK.
A project containing a default digital layout is created.
When you let QuarkXPress create both a portrait and landscape layout for your digital project, those layouts are part of a “layout family” that can share content. For example, if you create a table of contents on page 2 of the vertical layout for the iPad, you can instantly share that table of contents and copy it to page 2 of the horizontal layout for the iPad. You may need to reposition or resize the content in the other layouts, but it helps ensure that that content remains consistent everywhere it’s used. For more information about shared content, see Chapter 7.
To instantly share selected items from one member of a layout family to all others, choose Item ⇒ Copy to Other Layouts. This converts all selected boxes into shared content and places copies of them on the same page of other layouts in the layout family. Options include:
You can use the HTML5 palette to add a variety of types of interactivity to a digital layout, including slide shows, movies, buttons, sound, and HTML. The tools in the HTML5 palette are also handy for creating presentations and banner ads for websites.
In a digital layout, choose Window ⇒ HTML5 to open the HTML5 palette, shown in Figure 17-12. This palette lets you name and add interactivity to whichever item is selected in your layout.
The list at the bottom of the palette shows all the interactive objects in the active layout, including each enrichment type, object’s name, and page number. Click the disclosure triangle at its left to expose the Interactive Objects list, as shown in Figure 17-12. Double-click any object to navigate to it.
After you apply interactivity to a box, the application adds an icon to the box to show what kind of interactivity it has. To view these icons, make sure there’s a check mark next to Visual Indicators in the View menu, which indicates that it’s turned on. If there is no check mark, choose Visual Indicators in the View menu to turn it on, which adds the check mark. The icons match the icons in the HTML5 palette.
A 360° image combines a series of images taken at fixed intervals around an object to create a single interactive image. The 360° image can auto rotate, and the user can grab the image and rotate it as well.
You can use pictures in PNG, JPEG, GIF, TIFF, and EPS formats. To create a 360° image, follow these steps:
(Optional) Enter a name for the 360° image in the Name field.
This name displays in the Interactive Objects area at the bottom of the palette.
To allow the 360° image to initially rotate automatically, select the Auto Play check box.
The Revolutions field lets you specify how many times the 360° image should automatically rotate when the image is first viewed. After the image completes the number of automatic revolutions, the user can manually rotate the 360° image.
To add frames to the 360° image, click the Add Frames (+) button.
The following options appear:
To edit a single frame, choose a frame and click the Edit (pencil) button.
The picture file will open in the default application for editing that type of file on your computer. When you’re finished editing, resave the picture file and it will update in QuarkXPress.
You can apply an animation to move individual boxes and lines around your page, but you cannot apply an animation to a group of items. To add an animation to an item in a Digital layout:
(Optional) Enter a name for the animation in the Name field.
This name displays in the Interactive Objects area in the bottom of the palette.
Throughout QuarkXPress, a thing on a page is called an item … except for when it’s used in animations. Then it’s called an object, probably because computer programmers commonly use object to refer to a thing that can be manipulated.
In the Effect drop-down menu, choose the action you want the animation to perform.
For example, an object can fade in or out over time, appear or disappear, grow or shrink, rotate, or fly in from or out to any page edge.
In the Timeline drop-down menu, specify the timeline for the animation.
For example, you can choose to have the animation start slowly and speed up (Ease In), or slow down at the end (Ease Out).
(Optional) Use the Path drop-down menu to specify a path the animation will follow.
To use this feature, you need to already have a path on the page that you gave a name to in the HTML5 palette. Its name will then appear in the Path drop-down menu. However, the object will only travel on a straight line between the start and end points of the path, from left to right, with the center of the object positioned on top of those end points.
To preview the animation, click the Play (triangle) button.
If the object moves along a path, you can preview that movement by clicking the Preview HTML5 Publication icon (it looks like a small globe) at the left of the project’s bottom (horizontal) scroll bar.
You can associate an .mp3 audio file with a picture box. When the user views the layout, the box is replaced with audio controls that allow the sound to be played. You can also configure sound files to play in the background and to continue playing when the user changes pages.
To add audio to a Digital layout, follow these steps:
(Optional) Enter a name for the audio controller in the Name field.
This name displays in the Interactive Objects area in the bottom of the palette.
To make the audio play automatically when the page it is on displays, select the Auto Play check box.
Auto Play for audio and video is not supported on mobile devices.
To add a button to a Digital layout, follow these steps:
(Optional) Enter a name for the button in the Name field.
This name displays in the Interactive Objects area in the bottom of the palette.
To add an action for the button, click the Add Action (+) button.
The Action drop-down menu appears, as shown in Figure 17-16.
Choose an action from the Action drop-down menu, shown in Figure 17-16, then use the controls below the Action menu to configure the action.
You can add multiple actions to the same button. For more information about these actions, see “Working with interactivity actions,” later in this chapter.
A zoomable picture initially displays in a box, but takes over the entire screen when double-tapped. You can use this feature to add an animated pan-and-zoom effect to an image, or allow it to be zoomed and panned directly in its box.
Digital layouts support interactive pictures in PNG, JPEG, GIF, TIFF, and EPS formats. To add an interactive picture to a Digital layout, follow these steps:
(Optional) Enter a name for the zoomable picture in the Name field.
This name displays in the Interactive Objects area at the bottom of the palette.
To make the picture pan and/or zoom when it first displays, select the Animate Pan and Zoom check box.
Make the following choices for your pan/zoom animation:
A scroll zone is a scrollable area on a page. The content for the scrollable area comes from a different layout (the scrollable layout). After you set up a scroll zone, you can populate it with any combination of QuarkXPress items — for example, a long run of text, a large panoramic picture, or a series of interactive elements. You can then use that scrollable layout in multiple layouts within a layout family.
To set up a scroll zone for a digital layout, follow these steps:
(Optional) Enter a name for the scroll zone in the Name field.
This name displays in the Interactive Objects area at the bottom of the palette.
Click Next.
The HTML5 palette displays the controls shown in Figure 17-18.
Slideshows may include both picture files and pages from QuarkXPress layouts. To add a slideshow to a digital layout, follow these steps:
(Optional) Enter a name for the slide show in the Name field.
This name displays in the Interactive Objects area in the bottom of the palette.
To display slides uncropped when the slide show is in full-screen mode, select the Show Uncropped in Fullscreen check box.
If this check box is not selected, the slides use their picture-box crop in full-screen mode.
To disable slide show indicators, deselect the Show Indicator check box.
By default, the option is selected to show slide show indicators.
Choose a style from the Transition drop-down menu to use when one slide transitions to the next.
The options are None, Slide, Fade, or Flip.
To make the slide show start playing immediately when the user displays the page, select the Auto Play check box.
If this box is deselected, the user must manually change the slides with finger swipes or with buttons.
To have the slide show play indefinitely, select the Loop check box.
If this box is not selected, the slide show will stop playing at the last slide.
To make the slide pan and/or zoom at the beginning of its display, select the Animate Pan and Zoom check box.
Then make these choices for the animation:
To edit a slide, select it and click the Edit (pencil) button.
If the slide is a picture file, that files opens in the default image editing application. If the slide is a page from a QuarkXPress layout, the layout opens and scrolls to that page.
To add an action, click the Add Action (+) button.
The Action drop-down menu activates.
Choose the action you want from the Action drop-down menu and configure it the way you want it.
For more information on configuring from this drop-down menu, see the “Working with interactivity actions” section, later in this chapter.
To add a video to a digital layout, follow these steps:
(Optional) Enter a name for the picture in the Name field.
This name displays in the Interactive Objects area in the bottom of the palette.
To make the video play automatically when the page it is on displays, select the Auto Play check box.
Auto Play for audio and video is not supported on mobile devices.
To hide the default video controls, select the Hide Controller check box.
Note that if you want the user to be able to control the movie, you will need to provide a way of controlling the video with actions.
To specify the location of the video, click an option in the Source area, as follows:
Digital layouts support only H.264 video at up to 720p, 30 frames per second, Main Profile level 3.1, with AAC-LC stereo audio at up to 160 Kbps per channel, 48kHz, in the .mp4 file format.
You can use a web view to include changeable content (such as ads) or custom interactivity to a digital layout. You can use a web view to display HTML, PDF, Word, Excel, PowerPoint, RTF, and several other types of files. To add a web view to a digital layout, follow these steps:
Optionally, enter a name for the web view in the Name field.
This name displays in the Interactive Objects area at the bottom of the palette.
Click Select Image in the Offline Image area and choose a picture file if the content in the web view is not embedded.
This lets you specify a PNG or JPEG image to display when an Internet connection is not available. The pencil and trash can icons under this button let you edit or delete the offline image from this web view.
Actions let you add interactivity to items in a Digital layout. The actions include:
ePub and Kindle formats support both Fixed and Reflow views:
Exporting a digital layout in Fixed view format for ePub or Kindle is almost as easy as exporting a PDF: Choose File ⇒ Export ⇒ Layout as ePub (or Kindle). The key is that your layout must be a digital layout and not a print layout. If your current layout type is Print, you can quickly duplicate it and change its type to Digital by following the steps outlined in the “Converting a print layout to a digital layout” section, earlier in this chapter.
Before exporting your layout to Reflowable ePub or Kindle format, you need to identify the parts and pieces of your text and pictures and use the Reflow Tagging palette to place them into one or more Reflow Articles. If you’ve consistently applied Style Sheets to text, you’ll have relatively little work to do. If you haven’t, you probably lost some efficiency while creating your book and now have extra work to do.
The Reflow Tagging palette, shown in Figure 17-22, lets you tag text and pictures for Reflow, and reorder components within an article. The palette may contain one or more articles. Each article may contain one or more picture boxes, as well as stories that span multiple text boxes.
You have two ways to create Reflow articles:
Read on to find out the details of creating Reflow articles.
To create a Reflow article from a selection, follow these steps:
To change the name of the new article, select it and click Edit Properties.
The Edit Properties dialog box opens and you can type a new name into the Name field.
As mentioned previously, you can also create a Reflow article from pages. To add all the content on one or more pages to an article or articles, follow these steps:
Click OK.
QuarkXPress creates the necessary Reflow articles and inserts all the content from the selected pages into them.
To change the name of the new article, select it and click Edit Properties.
The Edit Properties dialog box opens and you can type a new name into the Name field.
You have two ways to add content to an existing Reflow article:
Each text box, story, or picture that you add to a Reflow article is added as a component. When you let QuarkXPress add items to an article, they may not appear in the correct order. To change the order of components in a Reflow article, follow these steps:
In the Reflow Tagging palette, click the disclosure triangle to the left of the target Reflow article.
The Reflow article expands to show the components inside it.
When exporting to Reflow ePub format, you can choose to map (convert) the existing paragraph and character style sheets to different style sheets. This is useful if you want the text in your e-book to be formatted differently from your QuarkXPress layout, or if you need your exported style sheets to match the names of custom CSS styles you intend to use in your book. If you don’t understand any of this, don’t worry — most people don’t use this feature.
Select the Show Used Style Sheet Only check box to list only the style sheets used in the current project.
The list of style sheets is reduced to only those that have been applied to text in your layout.
For each paragraph and character style sheet you would like to reassign when exporting, select the existing style sheet in the left column and choose a new style sheet from the drop-down menu in the right column.
These style sheets are applied only when you export the Reflow ePub.
When you export a layout to ePub or Kindle format, you can create the table of contents in two ways:
To control how the table of contents is created during export, click the Options button in the Export as ePub/Kindle dialog box to display the ePub/Kindle Export Options dialog box, shown in Figure 17-25. Here’s how to work with this dialog box:
When you export an e-book, invisible metadata (information about the book that isn’t necessarily in the book, such as the author, publisher, description, and custom keywords) travels along with it so that potential buyers and current users can discover information about the book. This metadata is also where book distributors retrieve your book’s title, author, publisher, copyright, ISBN, language, and description — so it’s important to make sure that all this data is correct.
To add or edit metadata for the currently open layout, choose Layout ⇒ eBook Metadata to display the eBook Metadata dialog box, shown in Figure 17-26.
The ePub format supports both Fixed and Reflow views. Exporting to Fixed View ePub is explained earlier in this chapter. Exporting to Reflowable view is explained next.
To export your QuarkXPress layout to a Reflowable View ePub book, follow these steps:
Choose an output style from the ePub Style drop-down menu or click the Options button.
The Default ePub Output Style in QuarkXPress works for most books. Unless you have a specific reason to change the export options, there’s no reason to click the Options button — other than curiosity.
If you click the Options button, the ePub Export Options dialog box displays, as shown in Figure 17-27.
To export to Kindle format, you need to have Amazon’s KindleGen application on your computer. The first time you export to Kindle format, QuarkXPress asks you to locate KindleGen. If you don’t have it, a button will appear in the Export for Kindle dialog box to have QuarkXPress download it for you.
When you have the KindleGen application on your computer, follow these steps to export your project to Kindle format:
Choose an output style from the Kindle Style drop-down menu or click the Options button.
The Default Kindle Output Style in QuarkXPress works for most books. Unless you have a specific reason to change the export options, there’s no reason to click the Options button — other than curiosity.
If you click the Options button, the Kindle Export Options dialog box displays, with features similar to those in Figure 17-27.
Exporting your digital layout as an HTML5 publication is an easy way to reproduce your QuarkXPress layout as a web app that’s viewable in any web browser. However, you need to be able to host websites on a server you control. If that sounds like you, choose File ⇒ Export ⇒ Layout as HTML5 Publication. In the Layout as HTML5 Publication dialog box that appears, select a location for the files and click the Export button.
Yep, it’s really that easy. For details on how to configure the exported web app, see Quark’s “Digital Publishing with QuarkXPress 2016” (http://files.quark.com/download/documentation/QuarkXPress/2016/English/Digital_Publishing_with_QXP_2016_EN.pdf
).
Even without a web server, you can preview your HTML5 publication in your computer’s web browser. To do that, go to the bottom of the QuarkXPress window and, at the left of the horizontal scroll bar, click the Preview HTML5 Publication icon. It looks like a small Earth and is visible only on digital layouts.