{"id":50,"date":"2020-12-15T18:35:30","date_gmt":"2020-12-15T23:35:30","guid":{"rendered":"https:\/\/pressbooks.library.ryerson.ca\/nps207\/?post_type=chapter&#038;p=50"},"modified":"2020-12-15T19:45:05","modified_gmt":"2020-12-16T00:45:05","slug":"chapter-3","status":"publish","type":"chapter","link":"https:\/\/pressbooks.library.torontomu.ca\/nps207\/chapter\/chapter-3\/","title":{"raw":"Chapter 3 \u2022 ePub Hands-On","rendered":"Chapter 3 \u2022 ePub Hands-On"},"content":{"raw":"<h2>eBook Activity<\/h2>\r\nIn this lab we will be building both reflowable and fixed-layout ePubs for a photography book.\r\n\r\nWhat you will need:\r\n<ul>\r\n \t<li style=\"font-weight: 400\">Adobe Creative Cloud FCAD license with the InDesign page layout program<\/li>\r\n \t<li style=\"font-weight: 400\">Photoshop or Lightroom for editing photos<\/li>\r\n \t<li style=\"font-weight: 400\">4\u20136 of your own photos in landscape format, sized to 4096 pixels wide<\/li>\r\n<\/ul>\r\n<h2>ePub from InDesign<\/h2>\r\n<h3>Six Caveats of ePub Reflowable (ePub-RFL)<\/h3>\r\nThe \u201cSix Caveats\u201d are a set of \u201csecrets to success\u201d for creating reflowable ePub in Adobe InDesign.\r\n<ol>\r\n \t<li style=\"font-weight: 400\">Keep it simple\u2014Remember that the reflowable format is best for text-heavy documents as it allows readers to choose the type style and size for maximum legibility; this format is not good for full-page photos or two-page spreads.<\/li>\r\n \t<li style=\"font-weight: 400\">No more than 1 photo and caption per page<\/li>\r\n \t<li style=\"font-weight: 400\">All photos must be inline (past into text with Text tool)\u2014Photos that are not inline will be placed at the end of the ePub.<\/li>\r\n \t<li style=\"font-weight: 400\">Style all text with \u00b6 styles\u2014All text should be styled, preferably with styles \"p\" (paragraph), \"h1\" (heading 1), and \"caption\"<\/li>\r\n \t<li style=\"font-weight: 400\">Create automatic Table of Contents (TOC) Style using the h1 style\u2014The program will make an interactive table of contents from the TOC style<\/li>\r\n \t<li style=\"font-weight: 400\">Design cover separately and save as JPEG.<\/li>\r\n<\/ol>\r\n<h3>Procedure for ePub-RFL<\/h3>\r\n<ol>\r\n \t<li style=\"font-weight: 400\">Open InDesign and create a new document, 384 \u00d7 512px, automatic text frame, no facing pages (<span style=\"color: #ff0000\"><strong>Figure 3-1<\/strong><\/span>).<\/li>\r\n \t<li style=\"font-weight: 400\">Set up \u00b6 Styles for the document, including paragraph (\"p\"), heading 1 (\"h1\"), caption (<span style=\"color: #ff0000\"><strong>Figure 3-2<\/strong><\/span>). Set Export Tagging for p and caption to p and h1 to h1. Style the text size, space before, bold, and colour as desired.<\/li>\r\n \t<li style=\"font-weight: 400\">Copy the text and paste into the Automatic Text Box; the program will create additional pages as needed.<\/li>\r\n \t<li style=\"font-weight: 400\">Style the text with the p and h1 styles.<\/li>\r\n \t<li style=\"font-weight: 400\">Open the Layout &gt; Table of Contents Styles dialog box, make a new TOC style using a name you will remember, and select the h1 style to be included in the table of contents (<span style=\"color: #ff0000\"><strong>Figure 3-3<\/strong><\/span>). This TOC Style will be selected on export and used to make an interactive TOC in your ePub.<\/li>\r\n<\/ol>\r\n<table style=\"border-collapse: collapse;border: 6px solid lightgray;width: 100%\" border=\"0\">\r\n<tbody>\r\n<tr style=\"border: none;vertical-align: top\">\r\n<td style=\"width: 33.33%;vertical-align: top\">\r\n\r\n[caption id=\"attachment_55\" align=\"aligncenter\" width=\"153\"]<a href=\"http:\/\/pressbooks.library.ryerson.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-1_ID-DB_NewDocument.jpg\"><img src=\"http:\/\/pressbooks.library.ryerson.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-1_ID-DB_NewDocument-153x300.jpg\" alt=\"New document\" width=\"153\" height=\"300\" class=\"size-medium wp-image-55\" \/><\/a> <strong>Figure 3-1.<\/strong> InDesign New Document dialog box.[\/caption]<\/td>\r\n<td style=\"width: 33.33%;vertical-align: top\">\r\n\r\n[caption id=\"attachment_56\" align=\"aligncenter\" width=\"300\"]<a href=\"http:\/\/pressbooks.library.ryerson.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-2_ID-W_ParagraphStyles.jpg\"><img src=\"http:\/\/pressbooks.library.ryerson.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-2_ID-W_ParagraphStyles-300x89.jpg\" alt=\"paragraph styles\" width=\"300\" height=\"89\" class=\"size-medium wp-image-56\" \/><\/a> <strong>Figure 3-2.<\/strong> Paragraph Styles.[\/caption]<\/td>\r\n<td style=\"width: 33.33%;vertical-align: top\">\r\n\r\n[caption id=\"attachment_57\" align=\"aligncenter\" width=\"300\"]<a href=\"http:\/\/pressbooks.library.ryerson.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-3_ID-DB_TOCStyle.jpg\"><img src=\"http:\/\/pressbooks.library.ryerson.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-3_ID-DB_TOCStyle-300x143.jpg\" alt=\"TOC style\" width=\"300\" height=\"143\" class=\"size-medium wp-image-57\" \/><\/a> <strong>Figure 3-3.<\/strong> Table of Contents Style, with h1 selected for inclusion.[\/caption]<\/td>\r\n<\/tr>\r\n<\/tbody>\r\n<\/table>\r\n<ol start=\"6\">\r\n \t<li style=\"font-weight: 400\">Draw a full-width picture box, place your first photo in it. Cut the picture box to the Clipboard and paste on a separate line into the text with the Text (I-beam) tool. This will make the photo inline, as required by the ePub-RFL format. The inline photo will show a small anchor icon at the top right.<\/li>\r\n \t<li style=\"font-weight: 400\">Select the picture and select Object &gt; Export Options. Under EPUB, set a Custom Width to 100% (<span style=\"color: #ff0000\"><strong>Figure 3-4<\/strong><\/span>). This will ensure the image is output at 100% of the page width, and not shrunk undesirably by InDesign.<\/li>\r\n \t<li style=\"font-weight: 400\">Select one of your photos and design a cover with your book title, author, and any necessary or desirable image credits (e.g., Photo by author). Covers can be designed in separate InDesign documents, in Illustrator or in Photoshop.<\/li>\r\n \t<li style=\"font-weight: 400\">Select File &gt; Export and export your ePub to ePub-RFL format. Select your cover JPEG file and TOC Style (<span style=\"color: #ff0000\"><strong>Figure 3-5<\/strong><\/span>).<\/li>\r\n \t<li style=\"font-weight: 400\">Open your ePub in Apple Books and see how it looks. Is vertical spacing adequate for reading? Is the full-width image actually full-width?<\/li>\r\n<\/ol>\r\n<table style=\"border-collapse: collapse;width: 100%;border: 6px solid lightgray\" border=\"0\">\r\n<tbody>\r\n<tr style=\"border: none\">\r\n<td style=\"width: 50%;vertical-align: top\">\r\n\r\n[caption id=\"attachment_61\" align=\"aligncenter\" width=\"300\"]<a href=\"http:\/\/pressbooks.library.ryerson.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-4_ID-DB_ObjectExportOptions.jpg\"><img src=\"http:\/\/pressbooks.library.ryerson.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-4_ID-DB_ObjectExportOptions-300x216.jpg\" alt=\"Object Export Options\" width=\"300\" height=\"216\" class=\"size-medium wp-image-61\" \/><\/a> <strong>Figure 3-4.<\/strong> Object Export Options, showing image width set to 100% so the photo will appear full-width.[\/caption]<\/td>\r\n<td style=\"width: 50%;vertical-align: top\">\r\n\r\n[caption id=\"attachment_62\" align=\"aligncenter\" width=\"300\"]<a href=\"http:\/\/pressbooks.library.ryerson.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-5_ID-DB_ePubExport.jpg\"><img src=\"http:\/\/pressbooks.library.ryerson.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-5_ID-DB_ePubExport-300x267.jpg\" alt=\"ePub Export\" width=\"300\" height=\"267\" class=\"size-medium wp-image-62\" \/><\/a> <strong>Figure 3-5.<\/strong> File &gt; Export &gt; ePub Reflowable.[\/caption]<\/td>\r\n<\/tr>\r\n<\/tbody>\r\n<\/table>\r\n<h3>Procedure for ePub-FXL<\/h3>\r\n<ol>\r\n \t<li style=\"font-weight: 400\">Fixed-layout ePub is appropriate for photo-intensive eBooks where the photos are the most important parts and there is not much text, except for brief captions. The FXL format allows you to create dramatic design effects like two-page spreads and photos with the caption or title on top (<span style=\"color: #ff0000\"><strong>Figure 3-6<\/strong><\/span>).<\/li>\r\n \t<li style=\"font-weight: 400\">To export ePub-FXL, select File &gt; Export &gt; ePub-FXL, select your cover and TOC Style. Be sure to select Spread Control to Convert Spread to Landscape Page (<strong><span style=\"color: #ff0000\">Figure 3-7<\/span><\/strong>).<\/li>\r\n<\/ol>\r\n<table style=\"border-collapse: collapse;width: 100%;border: 6px solid lightgray\" border=\"0\">\r\n<tbody>\r\n<tr>\r\n<td style=\"width: 67%;vertical-align: top\">\r\n\r\n[caption id=\"attachment_64\" align=\"aligncenter\" width=\"512\"]<a href=\"http:\/\/pressbooks.library.ryerson.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-6_ID-W_ePubFXL.jpg\"><img src=\"http:\/\/pressbooks.library.ryerson.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-6_ID-W_ePubFXL-300x201.jpg\" alt=\"Two-page spread\" width=\"512\" height=\"auto\" class=\"size-medium wp-image-64\" \/><\/a> <strong>Figure 3-6.<\/strong> Two-page spread in an ePub-FXL.[\/caption]<\/td>\r\n<td style=\"width: 33%;vertical-align: top\">\r\n\r\n[caption id=\"attachment_65\" align=\"aligncenter\" width=\"300\"]<a href=\"http:\/\/pressbooks.library.ryerson.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-7_ID-DB_ExportePubFXL.jpg\"><img src=\"http:\/\/pressbooks.library.ryerson.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-7_ID-DB_ExportePubFXL-300x274.jpg\" alt=\"\" width=\"300\" height=\"auto\" class=\"size-medium wp-image-65\" \/><\/a> <strong>Figure 3-7.<\/strong> File &gt; Export &gt; ePub (Fixed-Layout), showing how Spread Control is set to \"Convert Spread to Landscape Page.\"[\/caption]<\/td>\r\n<\/tr>\r\n<\/tbody>\r\n<\/table>","rendered":"<h2>eBook Activity<\/h2>\n<p>In this lab we will be building both reflowable and fixed-layout ePubs for a photography book.<\/p>\n<p>What you will need:<\/p>\n<ul>\n<li style=\"font-weight: 400\">Adobe Creative Cloud FCAD license with the InDesign page layout program<\/li>\n<li style=\"font-weight: 400\">Photoshop or Lightroom for editing photos<\/li>\n<li style=\"font-weight: 400\">4\u20136 of your own photos in landscape format, sized to 4096 pixels wide<\/li>\n<\/ul>\n<h2>ePub from InDesign<\/h2>\n<h3>Six Caveats of ePub Reflowable (ePub-RFL)<\/h3>\n<p>The \u201cSix Caveats\u201d are a set of \u201csecrets to success\u201d for creating reflowable ePub in Adobe InDesign.<\/p>\n<ol>\n<li style=\"font-weight: 400\">Keep it simple\u2014Remember that the reflowable format is best for text-heavy documents as it allows readers to choose the type style and size for maximum legibility; this format is not good for full-page photos or two-page spreads.<\/li>\n<li style=\"font-weight: 400\">No more than 1 photo and caption per page<\/li>\n<li style=\"font-weight: 400\">All photos must be inline (past into text with Text tool)\u2014Photos that are not inline will be placed at the end of the ePub.<\/li>\n<li style=\"font-weight: 400\">Style all text with \u00b6 styles\u2014All text should be styled, preferably with styles &#8220;p&#8221; (paragraph), &#8220;h1&#8221; (heading 1), and &#8220;caption&#8221;<\/li>\n<li style=\"font-weight: 400\">Create automatic Table of Contents (TOC) Style using the h1 style\u2014The program will make an interactive table of contents from the TOC style<\/li>\n<li style=\"font-weight: 400\">Design cover separately and save as JPEG.<\/li>\n<\/ol>\n<h3>Procedure for ePub-RFL<\/h3>\n<ol>\n<li style=\"font-weight: 400\">Open InDesign and create a new document, 384 \u00d7 512px, automatic text frame, no facing pages (<span style=\"color: #ff0000\"><strong>Figure 3-1<\/strong><\/span>).<\/li>\n<li style=\"font-weight: 400\">Set up \u00b6 Styles for the document, including paragraph (&#8220;p&#8221;), heading 1 (&#8220;h1&#8221;), caption (<span style=\"color: #ff0000\"><strong>Figure 3-2<\/strong><\/span>). Set Export Tagging for p and caption to p and h1 to h1. Style the text size, space before, bold, and colour as desired.<\/li>\n<li style=\"font-weight: 400\">Copy the text and paste into the Automatic Text Box; the program will create additional pages as needed.<\/li>\n<li style=\"font-weight: 400\">Style the text with the p and h1 styles.<\/li>\n<li style=\"font-weight: 400\">Open the Layout &gt; Table of Contents Styles dialog box, make a new TOC style using a name you will remember, and select the h1 style to be included in the table of contents (<span style=\"color: #ff0000\"><strong>Figure 3-3<\/strong><\/span>). This TOC Style will be selected on export and used to make an interactive TOC in your ePub.<\/li>\n<\/ol>\n<table style=\"border-collapse: collapse;border: 6px solid lightgray;width: 100%\">\n<tbody>\n<tr style=\"border: none;vertical-align: top\">\n<td style=\"width: 33.33%;vertical-align: top\">\n<figure id=\"attachment_55\" aria-describedby=\"caption-attachment-55\" style=\"width: 153px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/pressbooks.library.ryerson.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-1_ID-DB_NewDocument.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/pressbooks.library.ryerson.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-1_ID-DB_NewDocument-153x300.jpg\" alt=\"New document\" width=\"153\" height=\"300\" class=\"size-medium wp-image-55\" srcset=\"https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-1_ID-DB_NewDocument-153x300.jpg 153w, https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-1_ID-DB_NewDocument-521x1024.jpg 521w, https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-1_ID-DB_NewDocument-65x128.jpg 65w, https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-1_ID-DB_NewDocument-225x442.jpg 225w, https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-1_ID-DB_NewDocument-350x688.jpg 350w, https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-1_ID-DB_NewDocument.jpg 592w\" sizes=\"auto, (max-width: 153px) 100vw, 153px\" \/><\/a><figcaption id=\"caption-attachment-55\" class=\"wp-caption-text\"><strong>Figure 3-1.<\/strong> InDesign New Document dialog box.<\/figcaption><\/figure>\n<\/td>\n<td style=\"width: 33.33%;vertical-align: top\">\n<figure id=\"attachment_56\" aria-describedby=\"caption-attachment-56\" style=\"width: 300px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/pressbooks.library.ryerson.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-2_ID-W_ParagraphStyles.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/pressbooks.library.ryerson.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-2_ID-W_ParagraphStyles-300x89.jpg\" alt=\"paragraph styles\" width=\"300\" height=\"89\" class=\"size-medium wp-image-56\" srcset=\"https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-2_ID-W_ParagraphStyles-300x89.jpg 300w, https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-2_ID-W_ParagraphStyles-1024x303.jpg 1024w, https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-2_ID-W_ParagraphStyles-768x227.jpg 768w, https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-2_ID-W_ParagraphStyles-1536x454.jpg 1536w, https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-2_ID-W_ParagraphStyles-65x19.jpg 65w, https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-2_ID-W_ParagraphStyles-225x67.jpg 225w, https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-2_ID-W_ParagraphStyles-350x104.jpg 350w, https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-2_ID-W_ParagraphStyles.jpg 1974w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><figcaption id=\"caption-attachment-56\" class=\"wp-caption-text\"><strong>Figure 3-2.<\/strong> Paragraph Styles.<\/figcaption><\/figure>\n<\/td>\n<td style=\"width: 33.33%;vertical-align: top\">\n<figure id=\"attachment_57\" aria-describedby=\"caption-attachment-57\" style=\"width: 300px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/pressbooks.library.ryerson.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-3_ID-DB_TOCStyle.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/pressbooks.library.ryerson.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-3_ID-DB_TOCStyle-300x143.jpg\" alt=\"TOC style\" width=\"300\" height=\"143\" class=\"size-medium wp-image-57\" srcset=\"https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-3_ID-DB_TOCStyle-300x143.jpg 300w, https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-3_ID-DB_TOCStyle-1024x487.jpg 1024w, https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-3_ID-DB_TOCStyle-768x366.jpg 768w, https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-3_ID-DB_TOCStyle-1536x731.jpg 1536w, https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-3_ID-DB_TOCStyle-2048x975.jpg 2048w, https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-3_ID-DB_TOCStyle-65x31.jpg 65w, https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-3_ID-DB_TOCStyle-225x107.jpg 225w, https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-3_ID-DB_TOCStyle-350x167.jpg 350w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><figcaption id=\"caption-attachment-57\" class=\"wp-caption-text\"><strong>Figure 3-3.<\/strong> Table of Contents Style, with h1 selected for inclusion.<\/figcaption><\/figure>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<ol start=\"6\">\n<li style=\"font-weight: 400\">Draw a full-width picture box, place your first photo in it. Cut the picture box to the Clipboard and paste on a separate line into the text with the Text (I-beam) tool. This will make the photo inline, as required by the ePub-RFL format. The inline photo will show a small anchor icon at the top right.<\/li>\n<li style=\"font-weight: 400\">Select the picture and select Object &gt; Export Options. Under EPUB, set a Custom Width to 100% (<span style=\"color: #ff0000\"><strong>Figure 3-4<\/strong><\/span>). This will ensure the image is output at 100% of the page width, and not shrunk undesirably by InDesign.<\/li>\n<li style=\"font-weight: 400\">Select one of your photos and design a cover with your book title, author, and any necessary or desirable image credits (e.g., Photo by author). Covers can be designed in separate InDesign documents, in Illustrator or in Photoshop.<\/li>\n<li style=\"font-weight: 400\">Select File &gt; Export and export your ePub to ePub-RFL format. Select your cover JPEG file and TOC Style (<span style=\"color: #ff0000\"><strong>Figure 3-5<\/strong><\/span>).<\/li>\n<li style=\"font-weight: 400\">Open your ePub in Apple Books and see how it looks. Is vertical spacing adequate for reading? Is the full-width image actually full-width?<\/li>\n<\/ol>\n<table style=\"border-collapse: collapse;width: 100%;border: 6px solid lightgray\">\n<tbody>\n<tr style=\"border: none\">\n<td style=\"width: 50%;vertical-align: top\">\n<figure id=\"attachment_61\" aria-describedby=\"caption-attachment-61\" style=\"width: 300px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/pressbooks.library.ryerson.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-4_ID-DB_ObjectExportOptions.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/pressbooks.library.ryerson.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-4_ID-DB_ObjectExportOptions-300x216.jpg\" alt=\"Object Export Options\" width=\"300\" height=\"216\" class=\"size-medium wp-image-61\" srcset=\"https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-4_ID-DB_ObjectExportOptions-300x216.jpg 300w, https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-4_ID-DB_ObjectExportOptions-1024x736.jpg 1024w, https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-4_ID-DB_ObjectExportOptions-768x552.jpg 768w, https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-4_ID-DB_ObjectExportOptions-65x47.jpg 65w, https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-4_ID-DB_ObjectExportOptions-225x162.jpg 225w, https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-4_ID-DB_ObjectExportOptions-350x252.jpg 350w, https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-4_ID-DB_ObjectExportOptions.jpg 1096w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><figcaption id=\"caption-attachment-61\" class=\"wp-caption-text\"><strong>Figure 3-4.<\/strong> Object Export Options, showing image width set to 100% so the photo will appear full-width.<\/figcaption><\/figure>\n<\/td>\n<td style=\"width: 50%;vertical-align: top\">\n<figure id=\"attachment_62\" aria-describedby=\"caption-attachment-62\" style=\"width: 300px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/pressbooks.library.ryerson.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-5_ID-DB_ePubExport.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/pressbooks.library.ryerson.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-5_ID-DB_ePubExport-300x267.jpg\" alt=\"ePub Export\" width=\"300\" height=\"267\" class=\"size-medium wp-image-62\" srcset=\"https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-5_ID-DB_ePubExport-300x267.jpg 300w, https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-5_ID-DB_ePubExport-1024x911.jpg 1024w, https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-5_ID-DB_ePubExport-768x683.jpg 768w, https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-5_ID-DB_ePubExport-65x58.jpg 65w, https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-5_ID-DB_ePubExport-225x200.jpg 225w, https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-5_ID-DB_ePubExport-350x311.jpg 350w, https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-5_ID-DB_ePubExport.jpg 1302w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><figcaption id=\"caption-attachment-62\" class=\"wp-caption-text\"><strong>Figure 3-5.<\/strong> File &gt; Export &gt; ePub Reflowable.<\/figcaption><\/figure>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3>Procedure for ePub-FXL<\/h3>\n<ol>\n<li style=\"font-weight: 400\">Fixed-layout ePub is appropriate for photo-intensive eBooks where the photos are the most important parts and there is not much text, except for brief captions. The FXL format allows you to create dramatic design effects like two-page spreads and photos with the caption or title on top (<span style=\"color: #ff0000\"><strong>Figure 3-6<\/strong><\/span>).<\/li>\n<li style=\"font-weight: 400\">To export ePub-FXL, select File &gt; Export &gt; ePub-FXL, select your cover and TOC Style. Be sure to select Spread Control to Convert Spread to Landscape Page (<strong><span style=\"color: #ff0000\">Figure 3-7<\/span><\/strong>).<\/li>\n<\/ol>\n<table style=\"border-collapse: collapse;width: 100%;border: 6px solid lightgray\">\n<tbody>\n<tr>\n<td style=\"width: 67%;vertical-align: top\">\n<figure id=\"attachment_64\" aria-describedby=\"caption-attachment-64\" style=\"width: 512px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/pressbooks.library.ryerson.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-6_ID-W_ePubFXL.jpg\"><img decoding=\"async\" src=\"http:\/\/pressbooks.library.ryerson.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-6_ID-W_ePubFXL-300x201.jpg\" alt=\"Two-page spread\" width=\"512\" height=\"auto\" class=\"size-medium wp-image-64\" srcset=\"https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-6_ID-W_ePubFXL-300x201.jpg 300w, https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-6_ID-W_ePubFXL-1024x687.jpg 1024w, https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-6_ID-W_ePubFXL-768x515.jpg 768w, https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-6_ID-W_ePubFXL-1536x1030.jpg 1536w, https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-6_ID-W_ePubFXL-65x44.jpg 65w, https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-6_ID-W_ePubFXL-225x151.jpg 225w, https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-6_ID-W_ePubFXL-350x235.jpg 350w, https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-6_ID-W_ePubFXL.jpg 1756w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><figcaption id=\"caption-attachment-64\" class=\"wp-caption-text\"><strong>Figure 3-6.<\/strong> Two-page spread in an ePub-FXL.<\/figcaption><\/figure>\n<\/td>\n<td style=\"width: 33%;vertical-align: top\">\n<figure id=\"attachment_65\" aria-describedby=\"caption-attachment-65\" style=\"width: 300px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/pressbooks.library.ryerson.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-7_ID-DB_ExportePubFXL.jpg\"><img decoding=\"async\" src=\"http:\/\/pressbooks.library.ryerson.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-7_ID-DB_ExportePubFXL-300x274.jpg\" alt=\"\" width=\"300\" height=\"auto\" class=\"size-medium wp-image-65\" srcset=\"https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-7_ID-DB_ExportePubFXL-300x274.jpg 300w, https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-7_ID-DB_ExportePubFXL-1024x934.jpg 1024w, https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-7_ID-DB_ExportePubFXL-768x701.jpg 768w, https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-7_ID-DB_ExportePubFXL-65x59.jpg 65w, https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-7_ID-DB_ExportePubFXL-225x205.jpg 225w, https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-7_ID-DB_ExportePubFXL-350x319.jpg 350w, https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig3-7_ID-DB_ExportePubFXL.jpg 1298w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><figcaption id=\"caption-attachment-65\" class=\"wp-caption-text\"><strong>Figure 3-7.<\/strong> File &gt; Export &gt; ePub (Fixed-Layout), showing how Spread Control is set to &#8220;Convert Spread to Landscape Page.&#8221;<\/figcaption><\/figure>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n","protected":false},"author":6,"menu_order":4,"template":"","meta":{"pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"chapter-type":[],"contributor":[],"license":[],"class_list":["post-50","chapter","type-chapter","status-publish","hentry"],"part":3,"_links":{"self":[{"href":"https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-json\/pressbooks\/v2\/chapters\/50","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-json\/wp\/v2\/users\/6"}],"version-history":[{"count":11,"href":"https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-json\/pressbooks\/v2\/chapters\/50\/revisions"}],"predecessor-version":[{"id":68,"href":"https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-json\/pressbooks\/v2\/chapters\/50\/revisions\/68"}],"part":[{"href":"https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-json\/pressbooks\/v2\/parts\/3"}],"metadata":[{"href":"https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-json\/pressbooks\/v2\/chapters\/50\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-json\/wp\/v2\/media?parent=50"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-json\/pressbooks\/v2\/chapter-type?post=50"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-json\/wp\/v2\/contributor?post=50"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-json\/wp\/v2\/license?post=50"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}