Digital Publishing with InDesign: Types of Interactive Elements

Justin | design,HTML5,InDesign,interaction | Wednesday, January 6th, 2016

DigPubIDCC one pageThis is a guest post by Sandee Cohen, adapted from Digital Publishing with Adobe InDesign CC by Sandee Cohen and Diane Burns. This article highlights the methods for adding interactivity to an InDesign document.

Types of interactive elements that can be added to InDesign documents

  1. Links: Hyperlinks, Cross-references, Table of Contents
  2. Bookmarks
  3. Audio/video files
  4. Multi-state objects
  5. Buttons
  6. Forms
  7. Animations
  8. Page transitions
  9. Overlays

Each has its own particular uses, and some of the features may overlap. Before you start work, you need to decide which type of interactive element is right for your job or you could be stuck with an effect that can’t be exported for your finished project.

(more…)

How to Add Advanced HTML Hyperlinking with in5

Justin | design,extensions,HTML5,InDesign,tips | Monday, September 21st, 2015
indesign new hyperlink

InDesign has many strengths as an interactive layout tool.

One of its limitations, however, is that it doesn’t let you set a target attribute when creating a hyperlink. The target attribute lets you control how a hyperlink is open.

In this article, I’m going to take you on a deep dive of a new features that we’ve added in in5 version 2.6: Advanced Hyperlink Targeting.

Not only can you use this feature to control links in your web-based HTML, it also gives you a high degree of control in Web Apps, Baker Framework apps, and PhoneGap apps.

(more…)

in5 2.5 Improves InDesign to HTML Export Speed by up to 100x!

Justin | design,extensions,HTML5,InDesign,software | Thursday, July 30th, 2015
breaking the sound barrier

Image credit: wikipedia.org

Faster Exporting

Yes, you read that headline right. Up to 100x faster exporting from InDesign to HTML! There’s nothing extra for you to do, just run the latest version of in5 and you’ll find it’s much faster.

(more…)

Export One HTML File Per Page with in5

Justin | design,extensions,HTML5,InDesign,tips | Thursday, July 2nd, 2015

By default, in5 will export all pages in your InDesign document into a single HTML file. But there are a couple of reasons why you might want an HTML file generated for each page in the InDesign document:

  1. Each page will have it’s own URL (so you can easily link to a page)
  2. Loading only one page at time decreases load time in the browser, especially for long documents

The ability to export a document as multiple HTML files actually already exists within in5, though we haven’t done a great job of advertising it.

Both the Baker Framework (HPUB) and the Liquid State Publishing System Output options will export one HTML file per page.

in5_multifile_output

Both outputs can be used directly on the web, though the Liquid State Publishing System option will probably be slightly better because the index.html file redirects to the first page (whereas in Baker the index file contains the page thumbnails).

One thing that is lost when switching to a multi-file format is the animated transition between pages. If you want to keep that transition, but also be able to link to individual pages, check out this solution on the Answer Exchange.

Smart Image Exporting from InDesign to HTML and EPUB

Justin | design,HTML5,InDesign,tips | Tuesday, June 23rd, 2015

The standard image format when exporting HTML or EPUB from InDesign in PNG because the PNG file format supports transparency (and more colors than a GIF).

The Problem

In some cases (e.g., photographic images), PNG can produce larger files, especially if you choose the High Definition (HD) option when exporting from the in5 dialog.

So, what if you know your images don’t have transparency and you want them to be HD…but you also want to try and keep the file sizes smaller?

In that case, you can use the Object Export Options (found in the Object menu of InDesign) to add custom settings to any given image. Great so far.

But now, what if you have a lot of images? It can take a long time to open the Object Export Options for each one, navigate to the EPUB and HTML tab, and select from the drop down menus.

The Solution

You can create an Object Style (Window > Styles) that only applies Export Options. And you can even narrow that to just the image type and quality.

Note how every checkbox for attributes in the image below has a minus sign (-), except the EPUB and HTML options. This means the style will let the object itself control those “pass through” settings. So only the image export settings are applied.

hd_jpg_object_class

Now you can simply select the images in your layout that you’d like to render as HD JPEGs (or any other type that you’d like to create an Object Style for), and it’s one click to apply the Object Style.

If you’re targeting an EPUB, you’re set to export. If you’re exporting HTML5 with in5, just make sure you choose Use Object Export Settings from the Advanced section of the in5 dialog.

in5_image_object_export

Here’s an IDML file with the style already created that can you can use to import the style into your own documents.

Page 4 of 14« First...23456...10...Last »