Adobe InDesign CS5.

5 Reviewers Guide

Adobe InDesign CS5.5

Design professional page layouts for print and digital publishing

Create dynamic, accessible documents that deliver revolutionary reading experiences on the web, e-readers, tablets, and desktops. Take advantage of productivity enhancements in Adobe InDesign CS5.5 software, whether youre designing for print, mobile devices, online publicationor all of the above.
With InDesign CS5.5, your documents can reach and engage audiences in new and exciting ways. The new Folio Producer tools let you create interactive content in InDesign for publication to tablet devices with the Adobe Digital Publishing Suite hosted solution.* EPUB export enhancements help you create stunning eBooks more effectivelyand more efficientlythan ever before. Its also easier to create Adobe PDF documents that are accessible to people with disabilities. And no matter how your designs will be viewed, InDesign CS5.5 includes timesaving features that can make page layout faster and easier. Develop stronger, more compelling messages with rich interactive documents for viewing on a tablet, smartphone, or computer. With InDesign CS5.5, you can create an attractive eBook, with greater control of content and typography. New productivity featuresincluding linked stories and the Articles panel help make page layout simpler and smoother. For example, if youve ever wrestled with anchored objects, youll appreciate the simplified process for that common layout task. This Reviewers Guide provides a hands-on tour of the most important and powerful new features in Adobe InDesign CS5.5. Here is an overview:

Adobe InDesign CS5.5 is also available as a component of: dobe Creative Suite 5.5 A Design Standard dobe Creative Suite 5.5 A Design Premium dobe Creative Suite 5.5 A Master Collection Subscription option Get the same product with low monthly payments. Visit www.adobe.com/go/cssubscription to learn more.

Folio Producer tools

Part 1: Create interactive overlaysUse the Folio Producer tools to add interactive overlays to your page layouts, including 360-degree views of objects, panoramas, slide shows, HTML content pulled from websites, and scroll-and-pan image windows. Interactive overlays are supported only in the .folio format used by Adobe Digital Publishing Suite.* (Page 3) Part 2: Save a .folio fileUse the Folio Builder panel to create a new .folio file for use with Digital Publishing Suite.* (Page 7) Part 3: Preview a .folio fileSee how your interactive overlays and the entire publication will appear on tablets with Content Viewer for Desktop. (Page 9)

Layout and EPUB features

Part 4: Set images to resize automatically in eBooksMaintain the images relationship to the page width on virtually any screen size. You can control other ways an image displays in eBooks, too. (Page 11) Part 5: Link storiesIf youre using the same text in multiple places in a document, link the stories so you can update them all at once, reducing editing time and increasing consistency. (Page 12)
*Adobe Digital Publishing Suite requires a separate license and payment of associated fee(s). See www.adobe.com/products/ digitalpublishingsuite for more information. InDesign uses EPUB3 and HTML5 code to create eBooks with audio, video, and other advanced features. EPUB3 and HTML5 presentation, media playback, and double-byte character support (e.g., Chinese, Japanese, Korean) may not be supported by all devices, browsers or EPUB readers.

Top new features olio Producer tools (Page #) F PUB export enhancements E (Page #) rticles panel (Page #) A ynamic image resizing (Page #) D tyles mapped to tags (Page #) S mbedded video and audio in E eBooks (Page #) inked text (Page #) L rag-and-drop anchored objects D (Page #) DF accessibility enhancements P (Page #)

Part 6: Map styles to tagsEnsure eBook readers and web browsers display text as you intend in exported EPUB and HTML files by mapping paragraph and character styles to the appropriate tags. You can also map paragraph styles to PDF tags to communicate your intent for accessible PDF files. (Page 14) Part 7: Embed video and audio Add another dimension to eBooks with embedded video and audio, which can be played in eBook reader applications that support HTML5 and EPUB 3 standards, such as Apple iBooks. (Page 15) Part 8: Drag and drop anchored objectsQuickly anchor objects so that they reflow with the related text. The new drag-and-drop process makes anchoring objects much simpler than before. (Page 16) Part 9: Organize content using the Articles panelDecide which page items to include and what order they should appear in when you export eBooks, HTML files, or accessible PDF files. You can arrange stories, graphics, and images in the new Articles panel. (Page 17) Part 10: Export an EPUB documentTake advantage of all the enhancements in EPUB export, from the ability to keep footnotes near related text to support for headers and footers in tables. You have much greater control over the look and feel of your eBooks with the new EPUB export options. (Page 19)

Accessible PDF
Part 11: Include alternate (alt) textAlt text is used by screen readers to describe images for people with disabilities. Now you can include alt text in PDF documents you export from InDesign much more efficiently. (Page 21)
Whats new in CS5.5 workspace Unfortunately, we cant cover every new feature in this Reviewers Guide. To see everything thats new, select the Whats New In CS5.5 workspace. In this workspace, the newest features are highlighted in purple. You can also easily see which features were introduced in InDesign CS5; those are highlighted in blue.

Part 12: Organize content for the PDF fileThe Articles panel and the ability to map styles to tags arent just for eBook creation. They help you make your PDF files more accessible, too. (Page 22)

Before you begin

Please do the following before starting this tour: Make sure you have Adobe InDesign CS5.5 and Adobe Acrobat X software installed. If you do not have a copy of the software, please contact Adobe Public Relations. In InDesign, choose Window > Extensions > Folio Builder Panel. Make sure you have an Apple iPad available. If you need to borrow an iPad, please contact Adobe Public Relations. Make sure that Apple iTunes is installed on your computer. To install the free iTunes application, visit www.apple.com. ownload InDesign_CS55_RG_Assets.zip from the press website at www.adobe.com/ D aboutadobe/pressroom/cs5. After downloading, extract the contents of the file to your local hard drive. This gives you a folder named InDesign_CS55_RG_Assets, which includes the files youll need to complete the exercises in this guide. f you have previously installed and worked with InDesign, you may want to restore all preferI ences and default settings before beginning this tour. To do so, launch InDesign CS5.5 while pressing Command+Shift+Option+Control (Mac OS) or Ctrl+Shift+Alt (Windows), and then click Yes when prompted. For optimum viewing, increase display quality in InDesign: 1. Choose InDesign > Preferences > Display Performance (Mac OS) or Edit > Preferences > Display Performance (Windows) to open the Display Performance pane of the Preferences dialog box. 2. From the Default View menu, choose High Quality.

Adobe InDesign CS5.5 Reviewers Guide

3. From the Adjust View Settings menu, choose High Quality. Make sure all three sliders in the dialog box are set all the way to the right. 4. In the Greek Type Below field, type 4, and then click OK. Prepare to work on the sample projects during this tour: In the InDesign_CS55_RG_Assets folder you extracted earlier, locate and open the files called Local_eBook.indd (in the Local_eBook folder) and Local_Magazine_h.indd and Local_Magazine_v.indd (in the Local_Magazine folder).
Deliver innovative ideas with Adobe Creative Suite 5.5 Design Standard Combine InDesign with industryleading toolsets for digital image editing, vector illustration, and portable document editing, and get more creative power at an appealing price. In addition to InDesign, Creative Suite 5.5 Design Standard includes the latest versions of Adobe Photoshop, Adobe Illustrator, and Adobe Acrobat Pro software. With Design Standard, you can: Automate tasks. Use the Action Wizard in Acrobat X Pro to automate routine, multistep tasks through guided actions. Create, manage, execute, and share a sequence of frequently used steps that can be applied to a single PDF or batches of files. Accelerate project workflows. Speed up key project workflows through integration with CS Live online services. Bring creative reviews directly into your design workflow. Initiate reviews and receive comments from within your design software. For more information, see Adobe Creative Suite 5.5 Design Standard Whats New.

I f you see an alert about a color profile mismatch, select Leave Document As Is, and then click OK. I f you see an alert that links have been modified, select Update Links. I f you see an alert that links are missing, click OK to open the document. Then, open the Links panel (Window > Links), select the first entry that has a question mark icon, and choose Relink from the Links panel menu. In the Locate dialog box that opens, navigate to the Links folder that is in the same parent folder as the active document. Browse the contents of that Links folder, selecting the missing file indicated in the Locate dialog box title bar, and then click Open. InDesign automatically links to other missing files that are in the same folder. You can close the Links panel when youre done.

ave working copies of the layouts: S 1. Choose File > Save As for the active document. 2. Navigate to the appropriate project folder (Local_eBook or Local_Magazine) within the InDesign_CS55_RG_Assets folder so your file will be saved within it. 3. Change the filename by adding My_ in front of the original filename. (For example, save Local_eBook.indd as My_Local_eBook.indd.) Then click Save. 4. Do the same for the other InDesign files. Use the files that begin with My_ as your working files throughout this tour. Keep the original INDD files intact in case you want to start over.

FIRST PROJECT: Design and save a .folio file

Adobe InDesign CS5.5 includes tools you can use to design immersive digital publications, such as consumer and corporate magazines, newspapers, retail catalogs, and advertisements for tablet devices such as the Apple iPad, BlackBerry Playbook, and a wide variety of Android tablets, including the Motorola Xoom. You can create and preview .folio files within InDesign for publication through the Adobe Digital Publishing Suite hosted solution,* which lets you further produce, distribute, and analyze digital publications.

Part 1: Create interactive overlays

The .folio format supports interactive overlays, which let viewers engage more deeply with the content. For example, interactive overlays provide the ability to rotate an object in 360 degrees, pan and zoom images, play a slide show, or display HTML content within the document. You can create interactive overlays using the Overlay Creator panel in InDesign.

Create an image sequence overlay

An image sequence overlay gives viewers a 360-degree view of an object. You create an image sequence overlay using a folder of images taken from different perspectives so that users can manipulate the view.

Adobe InDesign CS5.5 Reviewers Guide

Accessing Adobe Digital Publishing Suite from within InDesign CS5.5 Create a new generation of digital publications for desktops and tablet devices. Adobe Digital Publishing Suite* integrates with InDesign CS5.5, so you can use familiar layout software to produce cutting-edge digital publications. Adobe Digital Publishing Suite is a turnkey set of hosted services and viewer technology that tightly integrates with Adobe InDesign CS 5.5 software. Using Adobe InDesign CS5.5 and new online publishing services included in Digital Publishing Suite, you can design, distribute, monetize, and analyze a new class of innovative digital publications, including magazines, newspapers, retail catalogs, and interactive advertisements on the Apple iPad, Android tablets including the Motorola Xoom and Samsung Galaxy, BlackBerry PlayBook, and other tablet devices as they become available. Adobe Digital Publishing Suite requires a separate license and payment of associated fee(s). For more information about Adobe Digital Publishing Suite, see www.adobe.com/products/ digitalpublishingsuite.

Try it: Add an image sequence overlay 1. Choose Window > Extensions > Overlay Creator.

The Overlay Creator panel opens. It lists the types of interactive overlays you can create for .folio files. When you select an object, the panel lists applicable overlay options in Roman text; options unavailable for the selected object are italicized. Because you have nothing selected, all options are in italics when you first open the panel. 2. Open the My_Local_Magazine_h.indd file, and select the image of the bicycle on page 3.

3. Click Image Sequence in the Overlay Creator panel. 4. Click the Info icon on the right side of the panel to see instructions for creating an image sequence. Click the info icon again to return to the options.

5. Click the folder icon next to Load Images. In the Choose Folder dialog box, navigate to the InDesign_CS55_RG_Assets/Local_Magazine/Links folder, and select the HUBBike_360 folder. Click Open. The HUBBike_360 folder contains a series of images of the bicycle taken at different angles, named in the order in which they appear for rotation.

Adobe InDesign CS5.5 Reviewers Guide

6. Select Show First Image Initially.

The initial image appears, but its too large for the space. Youll need to scale it. 7. In the Control panel, type 50 to change the scale percentage.

8. In the Overlay Creator panel, make sure Swipe To Change Image is selected. You could also set the sequence to play automatically, play in reverse, or play when tapped. The image sequence is in place. Youll have a chance to preview it soon.

Customize a slide show overlay

In earlier versions, you could create multi-state objects in InDesign. Now you can turn those multi-state objects into automatic slide shows in .folio files. Try it: Customize a slide show 1. Go to page 5. 2. Select the image of radishes. The Slideshow options appear in the Overlay Creator panel.

The radishes are the first state in a multi-state object that was already created in this document. 3. Choose Window > Interactive > Object States to open the Object States panel.

Adobe InDesign CS5.5 Reviewers Guide

4. Select each state to see it in context on the page, and then return to State 1. 5. Click outside the page, and then select the image again so that Slideshow options appear in the Overlay Creator panel. 6. In the Overlay Creator panel, make sure Cross Fade is selected, and then change Speed to 0.125 secs. 7. Select Tap To Play/Pause.

The slide show will play or pause when the viewer taps the image.

Create a pan & zoom overlay

A pan & zoom overlay provides powerful interactivity, yet its one of the simplest overlays to create because it requires only a single cropped image. Using the overlay, viewers can change which part of the image is shown. If you choose to permit it, they can also zoom in to areas of the image. Try it: Create a pan & zoom overlay 1. Go to page 6. 2. Select the image of the street corner. This is a cropped image.

Adobe InDesign CS5.5 Reviewers Guide

3. Click Pan & Zoom in the Overlay Creator dialog box. 4. Select Pan And Zoom from the list of options.

Import items for the folio In addition to adding articles to a folio individually, you can import an HTML article (created in an application other than InDesign) or multiple documents at once.

Part 2: Create a .folio file

When youve designed your publication and added any interactive overlays, youre ready to create a .folio file. If you have an Adobe Digital Publishing Suite account,* you can upload the .folio file to Digital Publishing Suite to produce, distribute, monetize, and analyze a digital document consumed on a tablet device. Without a Digital Publishing Suite account, you can create a single .folio file and share it using Acrobat.com. You can also view the document on an iPad using the Content Viewer for iOS app. Try it: Create a .folio file 1. Make sure both the My_Local_Magazine_h.indd and My_Local_Magazine_v.indd files are open in InDesign, and that the My_Local_Magazine_h.indd file is active. Youll combine the horizontal and vertical versions of the magazine so that users can view the content in either orientation. 2. Choose Window > Extensions > Folio Builder to open the Folio Builder panel.

Preview The Preview button in the bottom left corner of the Overlay Creator panel allows you to see how your documentincluding all the interactivity you built inwill look on a tablet device. It will also alert you to problems with the overlays that would prevent you from successfully creating a folio.

3. Click Sign In in the Folio Builder panel to access the service. 4. Log in using your Acrobat.com username and password, and click OK. With a free Acrobat.com account, you can create a single .folio file.

Adobe InDesign CS5.5 Reviewers Guide

5. Click New at the bottom of the Folio Builder panel.

Change the properties You can choose cover images, rename the folio, or make other changes using the Folio Properties dialog box. To open the dialog box, choose Properties from the Folio Builder panel menu.

6. In the New Folio dialog box, name the folio Local.

The folio size defaults to the resolution for an iPad (1024 x 768). Youre creating a magazine for an iPad, so that setting is fine. If you were creating a publication for different device, youd need to design the document for that device resolution, and select the appropriate resolution here. 7. Choose Automatic for the image format, and then click OK. Your new folio appears in the Folio Builder panel, and the panel changes to article view. Youre ready to add content to the folio. 8. Click New. The New Article dialog box opens. The active document is selected by default. 9. Change the article name to Local_Magazine. 10. Choose Automatic for the image format, and click OK.

The entire article is converted to an image when you create a .folio file. You can choose which format to use, or, by choosing Automatic, you can allow the Folio Builder panel to determine which image format is appropriate. When you click OK, the Folio Builder panel converts the article and adds it to the folio on Acrobat.com. (This may take a couple of minutes to complete.)
Adobe InDesign CS5.5 Reviewers Guide

11. Click the arrow next to the Local article name to go to layout view. Youve added the horizonal layout. Now youll add the vertical layout for the same article. 12. Select the My_Local_Magazine_v.indd tab in InDesign to make it the active document. 13. In the Folio Builder panel, click New. The active document is added to the article, using the same settings you selected for the first layout in the article.
Share your folio! You can share your folio with others just as you can share any other content you post on Acrobat.com. Choose Share from the Folio Builder panel menu to get started. Individuals you share a folio with can add content to it or preview the folio. For example, a publisher can create a folio and share it with freelance writers, designers, and other contributors so that they can add their content. One folio equals one workspace on Acrobat.com, so if you have several workspaces, you can save as many folios as you have workspaces.

You have created a folio that includes both the horizontal and vertical layouts for a magazine.

Part 3: Preview your folio

You can preview the entire document, including the interactive overlays you created, as it will appear on an iPad or other tablet device using Content Viewer for Desktop, which comes with InDesign. Though the .folio file itself is stored on Acrobat.com, InDesign creates a cache of the file on your computer so that you can preview it. Try it: Preview your folio file on your computer 1. In the Folio Builder panel, select the Local folio. 2. Click Preview.

InDesign opens Adobe Content Viewer, which displays the folio you created.

Adobe InDesign CS5.5 Reviewers Guide

3. Press the R key to toggle between horizontal and vertical views of your folio. 4. Click the folio to display navigational tools such as those youd see on a tablet. You can use these tools to move forward and backward through the folio, view a table of contents, rotate it, or scrub through it. You can also swipe the page with your mouse just as you would swipe the page to turn it on a tablet. (Because you currently have only a single article open, not a full folio, you cannot actually scroll between articles now.)

5. Go to page 3, and then swipe the bicycle to view other angles. On page 5, click through the slide show. On page 6, pan and zoom the image. (You can pan by clicking and dragging; zoom by using the wheel on your mouse or by pinching on a trackpad.)

View the bicycle from multiple angles on page 3.

View the slide show of vegetables at the market on page 5.

Pan and zoom to see more detail in the image of the street corner on page 6.

6. To see additional interactive overlays in action, watch the video on page 4, connect to a website on page 3, and view another slide show on page 7.

Adobe InDesign CS5.5 Reviewers Guide

10

SECOND PROJECT: Prepare and export an EPUB (eBook) file

InDesign CS5.5 introduces several new features to help you lay out pages more efficiently, especially when youre designing them for print and digital publication. In this project, youll explore many of the improvements that make it easy to prepare documents for EPUB and HTML export. As youll see, you have greater control over which content is exported, and in which order. You can export better typography, and determine how images are displayed. Youll also have the opportunity to try out general productivity enhancements, including the ability to link stories and to more easily anchor objects to text.

Part 4: Set images to resize automatically in eBooks

Gone are the days when everyone viewed digital documents on standard monitors. In InDesign CS5.5, you can export eBook publications with images that resize with the rest of the page. The Relative To Page setting recognizes the width of the image in relation to the width of the page in InDesign. When readers view the eBooks you export with this setting, the images appear at the appropriate size, whether theyre viewing the eBook on a tablet, a smartphone, or a desktop e-reader such as Adobe Digital Editions. If you dont want images to resize, you can specify that they remain at a fixed size. InDesign CS5.5 gives you control over more than just the way the images resize. You can specify the image format, its resolution, the image quality, and more. You can select resizing and other options for individual images, and you can set a default for all images in the document when you export the EPUB file.
Disable frame highlighting By default, InDesign highlights the edges of frames when you move the Selection tool over them. You can now choose whether frames are highlighted. To disable frame highlighting, choose Edit > Preferences > Interface (Windows) or InDesign > Preferences > Interface (Mac OS), and then deselect Highlight Object Under Selection Tool. Disabling frame edging has no effect on the way the frame is displayed when you select an object.

Try it: Set image options 1. Click the document tab for My_Local_eBook.indd to bring it to the front, and go to page 4. 2. With the Selection tool, select the image of people walking over a bridge.

3. Choose Object > Object Export Options. 4. In the Object Export Options dialog box, select the EPUB And HTML tab. The new Object Export Options dialog box lets you control how objects are converted for export, and how they are displayed in the exported document. You can also use this dialog box to specify alt text and PDF tags. 5. Select Custom Rasterization, and then choose Relative To Page Width from the Size menu.
Control image quality With InDesign CS5.5, you control how images are exported. If youre exporting a book with few, highly detailed images, you may want a resolution of 300 dpi. In a book with hundreds of images, you may want to export 72-dpi images to reduce the file size.

6. Choose PNG from the Format menu, and choose 150 from the Resolution menu.

Adobe InDesign CS5.5 Reviewers Guide

11

7. Click Done. The image you selected will be exported as a 150-dpi PNG image. It will resize to fit the readers screen in an exported HTML file or eBook, regardless of the settings you select for images in general when you export the document. Settings for individual images override settings for the entire document. 8. Choose File > Export. 9. In the Export dialog box, choose HTML for the format, and then click Save. 10. In the HTML Export Options dialog box, click OK to accept the default settings.

InDesign exports the HTML file and opens it in your default web browser. 11. Scroll through the HTML file until you see the image you were working with. 12. Resize the browser window. The image grows and shrinks, relative to the page width, as you change the page size.

13. Close the browser.

Part 5: Link stories

When the same text appears multiple times in a documentwhether its a block of copyright text, photo credits, or repeated stories, keeping that text consistent can be challenging. Now you can link copies of stories using the same familiar Links panel you use to link to external content. When you edit the text in the original (parent) story, you need only update the link to apply the same

Adobe InDesign CS5.5 Reviewers Guide

12

edits to the copied (child) story in your document. In this project, youll link text for an EPUB document, but this feature is a time-saver no matter how you output your publication.
Monitoring linked stories Worried that you might accidentally overwrite text you wanted to keep? Choose Linked Story Options from the Links panel menu, and then select Warn If Link Update Will Overwrite Local Edits to see a warning message before updates go into effect. You can set other update options in the Links panel menu, tooincluding the ability to strip soft returns. If you want to know whether youve made local edits to the story, check the Links panel. If changes have been made, the story status displays Text Modified.

Try it: Link stories 1. Go to page 2. 2. Select the text frame that contains the copyright language. This is the original text that will become the parent story. You can select text to link by selecting a text frame or by clicking an insertion point in the text. The entire story is linked. 3. Choose Edit > Place And Link Story.

InDesign loads the cursor with the copied story.

Look for the badge To identify a child story on the page, display text frames. A link badge appears on the frame of a child story. To identify the parent story, select the child in the Links panel, and then click the Edit Original button.

4. Go to page 15, and drag a text frame in the lower-right corner of the page. The copied text becomes a linked child story.
As you place a linked story, InDesign displays a loaded cursor, just as when you place any other text item. Once the story is in place, a badge appears, indicating it is a child story, linked to a parent story. The badge appears only if Show Frame Edges is selected.

Link any storyor multiple stories You can link multiple stories as a group: Shift-click to select them, and choose Edit > Place And Link Story. When you place the linked text, all the selected stories are included. You can also link text on a path. If the linked story has an object anchored to it, that object becomes part of the child story, too.

Theres a missing word in both copies of the text. You can correct the text in the parent story and update the link to correct the child story. 5. Choose Window > Links. The child story is in the Links panel. 6. Select the link in the Links panel, and click the Edit Original icon page 2, with the original story active. . InDesign returns you to

7. Add the word this before the word document, so that the text reads No part of this document. Youve changed the original text. In the Links panel, an alert appears next to the copied story. 8. In the Links panel, select the link to the child frame, and then click the Update Link button.
When the original story has been modified, an alert appears next to the linked story in the Links panel, and the storys status is set to Modified. Click the Update Link button to update the linked story with the modifications made to the original.

Adobe InDesign CS5.5 Reviewers Guide

13

HunSpell open source dictionaries Now you can choose HunSpell open source dictionaries as an alternative to the proprietary dictionaries included in InDesign. HunSpell dictionaries are available for both spelling and hyphenation. Keep in mind that text may reflow when you change dictionaries.

9. Go to page 15. The text you added on page 2 is included in the story on page 15 because you updated the link. You can create multiple links from the same story in a document. However, you can only apply changes made to a parent story to its children; changes made to a child story cant be applied to the parent story or to other child stories. If you want to unlink a story, select the link in the Links panel, and then choose Unlink from the Links panel menu. The child story becomes a regular, unlinked story.

Part 6: Map styles to tags

In the past, when you exported a document to EPUB, HTML, or PDF, InDesign exported all blocklevel text to a <p> (paragraph) tag and used CSS (cascading style sheets) to create the visual presentation. However, third-party applications could not infer the organization from the tags, so accessibility readers, for example, were unable to read heading text as different from body text. EPUB readers that didnt support CSS presented all the information as generic paragraphs, relying only on the <p> tags. If you wanted to make your exported document more useful, you had to use post-processing scripts, edit the code by hand, or use the Structure Pane > Map Styles To Tags features in InDesign. Exporting appropriately tagged text just got easier. New in InDesign CS5.5, you can map styles to tags for EPUB, HTML, and PDF within the Paragraph Style and Character Style dialog boxes. Styles remain mapped to the tags you specify as you continue to edit and refine the document, ready for InDesign to apply them accurately when you export your file. Try it: Map styles to EPUB tags 1. Choose Window > Styles > Paragraph Styles to open the Paragraph Styles dialog box. 2. Make sure nothing is selected in the document. Then, double-click the Header style name to open the Paragraph Style Options dialog box. 3. Select Export Tagging from the list on the left. 4. In the EPUB And HTML area of the dialog box, choose h1 from the Tag menu. You can select one of the standard default tags (body, h1-h6) or type your own tag. You can also enter a CSS class, if youve defined classes you want to use in the document.
Mapping classes Sophisticated users may want to map CSS class names to styles. In HTML, class names commonly differentiate slight variations in styling, such as spacing and indentation parameters. In past releases, class names were automatically generated based on style names in the InDesign document, but those class names might not make sense on a digital device. Adding your own class names can help you smoothly take your InDesign document into the digital world. If you want to generate the CSS directly from InDesign, and youve mapped the InDesign style to a basic tag, you must include a class name for the style definitions to be generated. Class names are used only in HTML or EPUB exports; they have no purpose in tagged PDF.

5. For Class, type my_head1. The my_head1 class is defined in the CSS file that will accompany this document.

Adobe InDesign CS5.5 Reviewers Guide

14

Map all the styles at once If you want to map multiple styles at once, choose Edit All Export Tags from the Paragraph Styles or Character Styles panel menu. Youll see a list of all the style names and be able to view and edit all the tag and class mappings.

6. Click OK. In addition to mapping paragraph styles, you can map character styles to tags for EPUB or HTML. 7. Choose Window > Styles > Character Styles to open the Character Styles panel, if its not already open. 8. In the Character Styles panel, double-click the Directory Subheads style. 9. In the Character Style Options dialog box, select Export Tagging from the list on the left. 10. hoose Strong from the Tag menu, and then click OK to apply it. C
Character style options are similar to those in the Paragraph Styles Options dialog box, except that you cant map character styles to PDF tags because PDFs dont use character-level tags. The tags available for character styles (strong, for example) are different from those available for paragraph styles (such as h1) because paragraph-level formatting is different from character-level formatting in EPUB and HTML files.

Reveal the code To see how InDesign codes the document after you map styles to tags, export to HTML. Then, use your web browsers View Source, Page Source, or similar command to see the HTML code for the page.

Youve made changes to the way text will appear in the EPUB document you export, but you wont see any changes in the InDesign layout. Mapped styles affect only exported files.

Part 7: Embed video and audio

You probably already know that you can embed video and audio into InDesign. Now, MP4 video (h.264) and MP3 audio plays in eBooks you export, when you play them in an application that supports HTML5 <video> and <audio> tags. Currently, only the Apple iBooks application plays videos in exported EPUB documents. Try it: Embed video and audio 1. Go to page 7. Youll add a video to the page, where the blue frame serves as a placeholder. 2. Choose File > Place. 3. Navigate to the InDesign_CS5.5_RG_Assets/Local_eBook/Links folder, and select the Paladin.mp4 file. 4. Click Open, and then click on the pasteboard outside the document. 5. In the Control panel, type 35 in the X scale percentage box; the Y scale should change automatically. If the boxes arent linked, change the Y scale to 35%, as well. As in previous versions of InDesign, the scale fields display 100% again after the change is made. 6. Drag the video file over the blue placeholder frame in the middle of the page.
When you first place the file, the first frame of the movie appears. Youll select a frame to use as the poster for the video in the following steps.

Adobe InDesign CS5.5 Reviewers Guide

15

7. Choose Window > Interactive > Media to open the Media panel. 8. Make sure the video file is selected, and then scroll to the end of the video to find a frame that displays the name of the show.
The poster is the image that appears whenever the video is not playing, either because it cant play (when you print the file or open it in an application that doesnt support video) or because it hasnt started playing. You can select a frame from the movie to use as a poster, or you can select a separate image.

9. Choose From Current Frame from the Poster menu, and then click the Apply button next to it. The frame youve selected appears on the page. When you export the EPUB document, the video will play in eBook reader applications that support HTML5 video tags. In other applications, the image is static. 10. Choose Window > Text Wrap. With the movie poster selected, select the Jump Object text wrap option in the Text Wrap panel. 11. Press Ctrl or Command and click the movie poster to bring the blue placeholder to the front. Then delete the placeholder.

Part 8: Drag and drop anchored objects

Youve been able to anchor objects to text in InDesign for a while now, as long as you were willing to work at it. Anchoring still works the same wayas the page reflows due to edits or screen size changes, the object you anchor moves with the text youve anchored it tobut the act of anchoring objects to text has become much simpler. Each object frame has a little blue square in the upper-right corner. Just drag that blue square to the anchor point within the text. The blue box changes to an anchor icon to show you its anchored. And youre done! Its that easy. Try it: Anchor objects 1. Go to page 7, if youre not already there. 2. With the Selection tool, select the video frame you created in Part 7. 3. Click the blue box on the object frame, and drag it to the end of the paragraph that ends annual outdoor event.
Drag the blue box to the anchor point in the text. The blue box changes to an anchor icon, indicating that the object is anchored. To see where its anchored, choose View > Extras > Show Text Threads.

Anchored object shortcuts Press Shift as you drag the blue box to position an inline graphic. Press Alt or Option as you drag the blue box to set options for the anchored object.

Adobe InDesign CS5.5 Reviewers Guide

16

4. On page 5, select the Restaurants text block, and drag its blue box to an insertion point just before the words Acqua E Farina.

5. Still on page 5, select the Acqua E Farina logo, and drag its blue box to the same point, just before the words Acqua E Farina.

Anchored objects flow with their articles, staying in position as the text of the article moves. Weve already anchored other objects for you, so theyre ready for export.

Part 9: Organize content using the Articles panel

The Articles panel makes it much easier to create eBooks that flow smoothly from documents that were designed for print or PDFwithout having to change the layout of your document in InDesign. You can select which page items to include and in what order those items should appear. An article can include a single page item, or it can include a combination of existing page items in a layout, including images, text stories, and graphics. You can add more content to existing articles, edit them, or change their order in the Articles panel. The article flow you set up in the Articles panel is also used in HTML documents you export. Additionally, you can use it to determine the reading order in accessible PDF documents, as youll see in Part 12.
What about XML? If youre comfortable using XML to determine the order of exported content, dont worrythe XML structure panel is right where you expect it to be. The Articles panel provides a method for ordering content without needing to understand XML, but XML gurus can opt to use XML instead.

Try it: Add content to the Articles panel 1. Choose Window > Articles to open the Articles panel.

Four articles are already in the panel. Youll add the table of contents section. 2. Go to page 2 of the document. 3. Select the Table of Contents frame with the Selection tool.

4. Click the New Article icon

in the Articles panel.

Adobe InDesign CS5.5 Reviewers Guide

17

Naming elements in the Articles panel When you add articles to the Articles panel, you can name them anything you like. However, the names of elements nested within the article come from information in the Layers panel. To rename an element within an article, change its name in the Layers panel.

5. In the New Article dialog box, make sure Include When Exporting is selected, and then name the article TOC, and click OK.

InDesign automatically adds the selected Table of Contents story to the TOC article. 6. Drag the TOC article up in the Articles panel, so that it is between the Cover and Old Town articles.

Using the Articles panel, you can select which items are exported to an EPUB document. Here, youll include the table of contents and the copyright information, but not the maps that are on the right side of the page.
Creating articles quickly You can create articles by manually dragging individual page items to the Articles panel, as you do here. However, you can also add all selected content at once, or even add an entire document to an article.

7. Drag the text frame that contains the list of contents onto the Articles panel, directly beneath the <Table of Contents> item. Drop it when you see a dark black line, indicating that the object will be added to the TOC article.
As you drag any object to the Articles panel, the entire object shifts, but it will snap back into position after you drop it over the Articles panel. In this way, adding objects to the Articles panel is similar to adding items to the Library panel. If you drop the object before you get to the Articles panel, Undo is your friend. Just press Command+Z (Mac OS) or Ctrl+Z (Windows) to restore your layout.

As you drag the text frame, it moves out of position temporarily. As soon as you drop it over the Articles panel, it snaps back into place. Items with check marks next to them in the Articles panel will display in the exported eBook in the order they appear in the Articles panel, regardless of their order in the InDesign layout. If you want to leave an article out of the exported file, deselect it in the Articles panel. 8. Drag the copyright text frame from the bottom of the page onto the Articles panel, adding it to the TOC article. When you drag a text frame to the Articles panel, its entire story is added. That is, any text threaded with the frame you selected is also included. In this document, the Old Town article contains text that flows across several pages. You could break the threaded text into multiple text stories, and create separate articles for them, placing graphics in the appropriate positions. However, anchored images are automatically included in articles, so the images you anchored (and the ones we anchored for you) will appear in the appropriate locations.

Adobe InDesign CS5.5 Reviewers Guide

18

Additional formatting support Several enhancements in InDesign CS5.5 give you greater control over formatting: You can select which paragraph style to use to add page breaks, instead of being limited to the top-level TOC style. Headers and footers in InDesign tables are included in exported EPUB or HTML files. You can opt to display footnotes after the paragraph where theyre cited instead of converting them to endnotes. Numbered or bulleted lists created using the auto-bullet or autonumbering features in InDesign are correctly represented as ordered and unordered lists in the exported EPUB or HTML file. You can select Remove Soft Return to eliminate all soft returns used in the InDesign document upon export. InDesign CS5.5 supports EPUB 3.0 J-language features, including vertical text and Ruby.

Part 10: Export an EPUB document

Its time to see the results of the changes youve made! Youll export the EPUB file and take it for a spin on an iPad. EPUB and HTML export features have been completely rewritten in InDesign CS5.5, so that designers can create higher-quality EPUB or HTML files without having to know code or rely on a developer. In the EPUB Export Options dialog box, you can choose whether to order content based on the page layout, the XML structure, or the Articles panel. Try it: Export the document and preview it on an iPad 1. Choose File > Save to save the changes youve made. 2. Choose File > Export. 3. In the Export dialog box, choose EPUB from the Format menu, name your file My_Local_Ebook.epub, and select a location for the file. Then click Save.

4. In the EPUB Export Options dialog box, select General from the list on the left. 5. In the EPUB Cover area of the General pane, select Use Existing Image File. Then click Choose, and navigate to InDesign_CS55_RG_Assets/Links/NeighborhoodGuideCover.jpg. Select it, and then click Open. 6. In the Ordering area of the General pane, select Same As Articles Panel.
Specifying margins When you export an EPUB file, you can enter a margin value (em or pixels) in the Formatting Options area of the EPUB Export Options dialog box. The same value is applied to all marginstop, bottom, left, and right. Em is the best value for multiscreen compatibility. Margins are currently supported only by Digital Editions and the Opera web browser.

7. Deselect View EPUB After Exporting at the bottom of the General pane.

You can specify a cover image for your eBook in the EPUB Export Options dialog box. The cover is used to represent the book in some e-reader applications. For example, in Apple iBooks, the cover appears on the bookshelf readers use to select the books they want to read.

8. Select Image from the list on the left.

Adobe InDesign CS5.5 Reviewers Guide

19

More control over image conversion You can increase the resolution of images from 72 ppi (the only option in earlier versions) to 96 (Windows default), 150 (the average of eBook devices), or 300 (print quality). You can also convert images to PNG format, which can provide better results for images that include transparency.

9. Choose Relative To Page from the Image Size menu. This setting ensures that every image in the document will resize dynamically, except those that youve specifically set to display at a fixed size.

10. Select Contents from the list on the left. You can select where to include page breaks based on paragraph styles, how footnotes are displayed, and how cascading style sheets (CSS) are applied. 11. Click OK to accept the default settings. InDesign exports the EPUB file. 12. Open iTunes. 13. In iTunes, choose File > Add To Library. Navigate to the EPUB document you exported, select it, and click Choose.

14. Attach your iPad to your computer, and then drag the eBook you copied to the iPad. If youve set iTunes to let you manually manage your files, you can drag only the eBook; if you have other options set, you may need to wait for the files to sync. 15. On the iPad, open the iBooks app. Your eBook appears on the iBooks bookshelf. 16. Double-click the eBook to open it. 17. Scroll through the eBook. Resize pages and watch the images resize automatically.

Adobe InDesign CS5.5 Reviewers Guide

20

Notice that anchored objects remain in position, items in the Articles panel appear in the order you set, and styles are mapped to the appropriate EPUB tags. Click the video of the Paladin trailer to view it.

PDFX-4:2010 support You can produce high-quality PDF files for print from InDesign, too. InDesign CS5.5 adds support for PDFX-4:2010 to its extensive support for PDF standards.

THIRD PROJECT: Export an accessible PDF file

If you are tasked with preparing accessible PDF documents, you might find this section the most exciting. Substantial changes in InDesign CS5.5 make the process of creating accessible PDF documents that meet WCAG 2.0 (Web Content Accessibility Guidelines) or Section 508 standards much more efficient and much easier, especially for users who dont have a strong knowledge of structured documents. In particular, its much simpler to tag content and add alt text for screen readers directly in InDesign, without having to make the changes in Acrobat. The PDF tags and alt text you apply stay with your document as you revise it.

Part 11: Include alternate (alt) text

Screen readers for the visually disabled cannot make sense of images, so accessible PDF files need to include alternate text that the screen reader can read to describe the image. Its easier to add alt text to images in InDesign CS5.5, especially if alt text has already been added to the metadata for an image in Adobe Bridge, Microsoft Word, or another application that writes XML metadata. After youve added alt text to an image, the alt text stays with it as you design your layout.

Add alt text in InDesign

You can add alt text by typing it directly into InDesign. Try it: Add alt text to images 1. Open the My_Local_eBook.indd file, if its not already open. 2. Choose File > Save As, and name the new file Accessible.indd. Save it to the InDesign_CS5.5_RG_Assets folder. 3. Go to page 4. 4. With the Selection tool, select the image at the top of the page. 5. Choose Object > Object Export Options. 6. Select the Alt Text tab in the Object Export Options dialog box. 7. Choose Custom from the Alt Text Source menu. 8. Type A bridge at Sandhill Park in the text field, and click Done.

The alt text you entered is included whenever you export this InDesign file as an EPUB, HTML, or PDF document. However, it is not added to the metadata for the image file itself, so youll need to re-enter it if you use the image in a different document. To ensure the alt text remains with the image, enter it as metadata in Adobe Bridge.

Adobe InDesign CS5.5 Reviewers Guide

21

Import existing alt text

You no longer need to re-enter alt text for images in each document. If alt text was entered for an image in Microsoft Word or Adobe Bridge, for example, you can easily assign the same text in InDesign CS5.5. Try it: Import alt text for images 1. Go to page 10. 2. Select the image of the street scene. 3. Choose Object > Object Export Options. 4. Select the Alt Text tab. 5. Choose From XMP: Description from the Alt Text Source menu. The text Green Light District where Park Street and 7th Avenue meet appears in the text field.

6. Click Done. When you export the document, the alt text youve assigned will travel with the image.

Part 12: Organize content for the PDF file

Screen readers and other assistive devices attempt to identify the logical flow of a PDF document so that it will make sense as its read. Now its easier to create tagged PDF files, with both tags and articles identifying the content that should be read, the order in which it should be read, and the reading style.
Reading order vs. tab order PDF tags and the Articles panel affect the reading order in accessible PDF documents, which determines how screen readers read the content. But it has no effect on tab order, which is the order in which viewers move through the document when they press the Tab key.

Organize content in the Articles panel

You used the Articles panel in the second project to organize content for an eBook. You can use the same Articles panel to arrange content logically for an accessible PDF file. In fact, in this case, the content has already been arranged logically, so you do not need to make any changes to the order of items in the Articles panel before exporting an accessible PDF file. However, you do need to instruct InDesign to use the panel order when it exports. Try it: Use the Articles panel in tagged PDF 1. Open the Articles panel, if its not already open. 2. Choose Use For Reading Order In Tagged PDF from the Articles panel menu.

Adobe InDesign CS5.5 Reviewers Guide

22

With this option selected, InDesign uses the Articles panel, rather than the XML structure pane, to determine reading order in the exported PDF file.
Tagged PDF just got much easier Tags you map to styles automatically define the role map in Acrobat. You no longer need to use the Structure pane or the Tags panel to tag PDF files.

Map styles to PDF tags

In earlier versions of InDesign, tagging PDF documents could be a tedious process, requiring you to understand and use the Structure pane or the Tags panel. Now, you can map paragraph styles to PDF tags easily. When InDesign exports the tagged PDF document, those mapped tags automatically define the role map in Acrobat. Try it: Map styles to PDF tags 1. Choose Window > Styles > Paragraph Styles if the Paragraph Styles panel isnt already open. 2. Double-click Header in the Paragraph Styles panel to edit it. 3. Select Export Tagging from the list on the left. 4. In the PDF area of the dialog box, choose H1 from the Tag menu, and then click OK.

Whats a role map? A role map is the set of custom tags mapped to predefined Acrobat tags, producing a unique tag set for the document. When you map styles to PDF tags in InDesign, youre specifying how those tags should be mapped in the exported PDF documents role map.

PDF tags determine how screen readers read content. For example, the H1 tag indicates that the text is a heading. The PDF tags you map to paragraph styles appear in the role map in Acrobat.

Export the PDF document

When youve organized and tagged the content in a PDF file, youre ready to export. There are two options for exporting PDF interactive and print. You can export a tagged PDF file using either option. Youll export the PDF document and then take a look at your work in Acrobat. Try it: Export the PDF document 1. Save the file. 2. Choose File > Export. 3. Choose Adobe PDF (Interactive) from the Format menu. You can create tagged print PDF files or tagged interactive PDF files. To create tagged PDF files for print, choose Adobe PDF (Print) from the Format menu instead.

Adobe InDesign CS5.5 Reviewers Guide

23

4. Name the file Accessible.pdf, and save it to the InDesign_CS5.5_RG_Assets folder.

5. Click Save. 6. In the Export To Interactive PDF dialog box, select Create Tagged PDF. Make sure View After Exporting is also selected.

7. Click OK to export the PDF file; click OK if you see a color space warning. The document opens in Acrobat.
Viewing the role map The styles you mapped are listed in the role map. To see the role map in Acrobat, click the Tags icon in the navigation pane. Then, from the Tags panel menu, choose Edit Role Map.

8. In Acrobat, choose View > Read Out Loud > Activate Read Out Loud. 9. Go to page 2. Choose View > Read Out Loud > Read This Page Only. The Acrobat Read Out Loud feature reads the table of contents page, but doesnt attempt to read the maps, because you didnt include them in the Articles panel. The order of contents in the Articles panel determines the order in which content is read by screen readers. 10. Choose View > Read Out Loud > Deactivate Read Out Loud to disable the feature again. 11. Go to page 10, and move the pointer over the picture of the street scene. The alt text you assigned to that picture appears. 12. Close the PDF document and the InDesign document, as well as InDesign and Acrobat.

Adobe InDesign CS5.5 Reviewers Guide

24

System requirements
Windows
Intel Pentium 4 or AMD Athlon 64 processor Microsoft Windows XP with Service Pack 2 (Service Pack 3 recommended); Windows Vista Home Premium, Business, Ultimate, or Enterprise with Service Pack 1; or Windows 7 1GB of RAM (2GB recommended) 1.6GB of available hard-disk space for installation; additional free space required during installation (cannot install on removable flash storage devices) 1024x768 display (1280x800 recommended) with 16-bit video card DVD-ROM drive Adobe Flash Player 10 software required to export SWF files Broadband Internet connection required for online services and to validate Subscription Edition (if applicable) on an ongoing basis For updates to system requirements, visit www.adobe.com/go/indesign_systemreqs.

Wrapping up
Thanks for taking the time to explore some of the new features in Adobe InDesign CS5.5. For additional information, please refer to Adobe InDesign CS5.5 Whats New, Adobe Creative Suite 5.5 Design Premium Whats New, the Reviewers Guide for Adobe Acrobat X Professional, and www.adobe.com/digitalpublishing for information about Adobe Digital Publishing Suite.

About Adobe Systems Incorporated

Adobe is the worlds leading provider of software solutions to create, manage, and deliver highimpact, reliable digital content. For more information, visit www.adobe.com.

Mac OS
Multicore Intel processor Mac OS X v10.5.8 or v10.6 1GB of RAM (2GB recommended) 2.6GB of available hard-disk space for installation; additional free space required during installation (cannot install on a volume that uses a case-sensitive file system or on removable flash storage devices) 1024x768 display (1280x800 recommended) with 16-bit video card DVD-ROM drive Adobe Flash Player 10 software required to export SWF files Broadband Internet connection required for online services and to validate Subscription Edition (if applicable) on an ongoing basis For updates to system requirements, visit www.adobe.com/go/indesign_systemreqs.

Expected ship date

Second quarter 2011

For more information

Product details: www.adobe.com/indesign

*Adobe Digital Publishing Suite requires a separate license and payment of associated fee(s). See www.adobe.com/products/ digitalpublishingsuite for more information. InDesign uses EPUB3 and HTML5 code to create eBooks with audio, video, and other advanced features. EPUB3 and HTML5 presentation, media playback, and double-byte character support (e.g., Chinese, Japanese, Korean) may not be supported by all devices, browsers or EPUB readers. CS Live online services are complimentary until April 12, 2012. See www.adobe.com/go/CSLive for details. Adobe online services, including Adobe CS Live Services and Acrobat.com, are available only to users 13 and older and require agreement to additional terms and Adobes online privacy policy (available at www.adobe.com/go/terms). Online services are not available in all countries or languages, may require user registration and may be subject to change or discontinuation without notice. Additional fees or subscription charges may apply.
Adobe, the Adobe logo, Acrobat, Creative Suite, Flash, Illustrator, InDesign, and Photoshop are either registered trademarks or trademarks of Adobe Systems Incorporated in the United States and/or other countries. AMD Athlon is a trademark or registered trademark of Advanced Micro Devices, Inc. Apple, Mac, and Mac OS are trademarks of Apple Computer, Inc., registered in the United States and other countries. Intel and Pentium are trademarks or registered trademarks of Intel Corporation or its subsidiaries in the United States and other countries. Microsoft, Windows, and Windows Vista are either registered trademarks or trademarks of Microsoft Corporation in the United States and/or other countries. All other trademarks are the properties of their respective owners. 2011 Adobe Systems Incorporated. All rights reserved. 05/11

Adobe Systems Incorporated 345 Park Avenue San Jose, CA 95110-2704 USA www.adobe.com