beautypg.com

Creating html articles for dps – Adobe Digital Publishing Suite User Manual

Page 56

background image

Creating HTML articles for DPS

You can import HTML-based articles into a folio so that it can be displayed in the viewer as an article. One advantage of HTML articles is a much
smaller file size that is better suited for weekly publications and simple, text-intensive articles. HTML articles can also include interactivity not
available in the Folio Overlays panel.

For information about using Adobe Edge to create HTML for DPS, see Raghu Thricovil’s article

Enhance your DPS Folios with HTML animations

using Adobe Edge

.

1. Create a folder containing HTML files.

Make sure that you include only the assets you’re using in the folder. All assets in the folder are uploaded, even if they’re not used.

2. If you are importing the HTML article into a single-orientation folder, add an _h or _v suffix to the .html file, such as index_h.html.

If you don’t add a suffix, the article is imported as a dual-orientation article. If you try to preview or publish the single-orientation folio, an
error message appears.

3. In the Folio Builder panel, open the folio in which the HTML article will be included.

4. In the Articles view of the Folio Builder panel, choose Import Article from the panel menu.

5. Choose Import A Single Article, click the Location folder icon

, and specify the HTML folder.

6. Specify additional settings, such as Smooth Scrolling, and click OK.

If you edit the HTML files, select the HTML article in the Folio Builder panel and choose Update.

HTML article requirements

You can create a single HTML file that works for both portrait and landscape orientations, or you can create separate HTML files for the two
orientations. To use separate HTML files for portrait and landscape, add the _v and _h suffixes to the end of the HTML filenames, such as
“index_h.html.” If you’re creating a single-orientation folio, you need only one HTML file. Include the _h or _v suffix for the HTML file in a
single-orientation folio.

Dynamic HTML (DHTML) files currently are not fully supported.

For file structure, one method is to place all associated graphics and scripts for the HTML file in the individual article folders. Another option
is to place associated graphics and scripts for the entire folio in an HTMLResources.zip file. You import the HTMLResources.zip file into the
folio from the Folio Builder panel or the Folio Producer on the web. See Import HTMLResources folder.

53