InDesign's Publish Online is easy to use. In this video, Diane Burns covers some of the technical aspects of Publish Online. Learn the significance of the CSS3 and HTML5 code that is written to the Adobe servers. Type is important, too, and you'll learn how Publish Online handles type so that it's crisp, clean and clear.
- [Voiceover] You may be wondering what happens to your InDesign document when you click the publish button, and your document is published online. When you publish a document, your document is written out in CSS3 and HTML5 to the Adobe servers, and it's to the Adobe servers part that's important to understand. There is no file or code that you can get to. It's on the Adobe servers where it's served up, so to speak, but there is not a discreet file created that you have access to.
As we discussed in another video, this code is very similar to that of a fixed layout EPUB. The structure of this code, if you've ever cracked open a fixed layout EPUB from InDesign is well, pretty dense, but like a fixed layout EPUB, it preserves our layout beautifully, and it's flexible enough to allow us to use all of InDesigns wonderful interactive features, like buttons, slide shows, and animations. Another way in which Publish Online differs from fixed layout EPUBs is that the reader, if you will, for Publish Online documents is a browser, and while all browsers are not created equal, still they are arguably not as different from each other as all the many and various EPUB readers out there.
iBooks and Kindle readers for example, don't even use the same cloud format. Another way in which Publish Online differs from other file formats, not only EPUBs but also PDFs, is in its treatment of fonts. In EPUBs and PDFs, fonts are usually embedded, but in Publish Online currently at least, fonts are not embedded. All the type in your document is converted to SVG, which stands for Scalable Vector Graphics, and it's an XML based vector format that basically outlines the type. If we zoom in and look at the type, it's really clear and crisp, but that also means, at least at this time, that the text isn't selectable nor searchable.
Although searching text is a feature we'd really like to see in the future, we don't have that right now, but we do have beautiful type without the hassles of having to embed fonts. All of this contributes to the ease with which you can publish your document without any particular special preparation regarding fonts, or images, or even interactive effects. Finally, when it comes to the code that creates your published document, again you do not have access to that code. Don't confuse that with the embed code that you can actually grab when viewing the document here, or from the web dashboard.
That code merely creates a window in your website that essentially plays the document from the Adobe server. We're gonna work with embed code in another video. So for those of you who like to hack around with code, Publish Online documents won't give you a great deal of satisfaction, but for the rest of us, frankly; it's kind of a relief.
Learn what Publish Online can and cannot do, and how to adjust the publication settings to make sure documents look the way you want. Find out how to upload documents to the web and then share them via Facebook, Twitter, or email. Then look at the navigation and interface options used when viewing published documents, and learn how to update your published documents online. Author Diane Burns concludes with some advanced techniques, such as embedding published documents in websites and creating customized thumbnails for document navigation.
- Previewing real-world Publish Online documents
- Changing the publishing settings
- Uploading documents to Adobe servers
- Updating published documents
- Sharing documents via social media and email
- Using the Publications dashboard
- Understanding document analytics
- Viewing documents online
- Embedding documents on websites
- Adding projects to Behance