• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL

Lesson 6. Creating an Online Version of ... > Comparing different online versions ...

Comparing different online versions of the same book

You may have noticed that you did not revise the content or layout of the user guide in creating the Ai1.pdf document. This print-on-demand document represents the quickest and least expensive option for converting a printed book to online. Now you'll open another PDF version of the user guide that has been redesigned and optimized for online use.

Choose File > Open, select Online.pdf in the Lesson06 folder, and click Open. Then choose File > Save As, rename the file Online1.pdf, and save it in the Lesson06 folder.

Choose Window > Tile > Vertically to view the two open documents side by side.

If needed, adjust the magnification to fit Online1.pdf on-screen. The tall and narrow page size has been designed for side-by-side viewing next to the Adobe Illustrator application window. This view lets users conveniently look up reference information without closing their illustration window.

Notice also that Online1.pdf contains a hypertext list of elements in the document. A few book elements have been created specially for the optimized online guide.

In the online guide artwork, click How to Use This Guide to jump to the section that explains basic navigational techniques to the user. Click the Go to Previous View button () in the tool bar when you have finished viewing the instructions.

Jumping to How to Use This Guide instructions


Click "List of Topics" to view the text contents of the document.

Notice that you jump to a screen listing the main topic titles.

Click "Viewing and Setting up Documents" to display the subtopics under this topic.

Now click the Ai1.pdf document window to make it active, and go to page 2, the Contents page. Click the Actual Size button () to display this page at 100%.

Compare the table of contents in Ai1.pdf (the print-on-demand guide) with the topic screens in Online1.pdf (the optimized online guide). Online1.pdf arranges its content listings in nested, hierarchical screens, while Ai1.pdf lists the main topics and their subtopics linearly on the page. Although the linear arrangement follows the conventional organization of a printed book, the hierarchical structure is better suited for an online environment where the most intuitive action involves clicking a link to follow a trail of information.

Contents of Online.pdf online guide

Contents of Ai.pdf printed guide

Click "Using rulers" under the Chapter 1 heading to jump to that page of text. If needed, use the scroll bars to move the right column of the page into view.

Now return to Online1.pdf, and click "Using rulers" in the list of subtopics. If needed, click the Fit in Window button () to view the entire page.

Notice that pages in the optimized online guide have been redesigned so that each topic has its own page. Related topic titles appear as red, linked text.

Now click the target icon at the top of the page to return to the parent list of subtopics, and then click "About the Work Area," about midway in the list.

This link jumps you to an overview text section that contains its own links to subtopics and art. Click the Jump to Art icon to view a diagram of the work area with all of its components labelled and linked.

Return to Ai1.pdf, and navigate to page 11 to view the linear equivalent of the "About the Work Area" section. If needed, adjust the magnification and use the scroll bar to view the entire section. Compare the text-intensive pages of Ai1.pdf with the more balanced text blocks in Online1.pdf.

By breaking longer topics into their subtopic components and placing these sections on separate pages, you minimize the amount of text shown on each page. As a result, you can display text in a larger, clearer typeface that users can read more easily. In addition, the smaller, self-contained pages reduce the need for scrolling and readjusting the page view. Ideally, a user of Online1.pdf should be able to navigate to any part of the document solely by clicking linked text and icons in the page.

Return to Online1.pdf, and click the book icon at the top of the page to return to the opening contents screen. Then click Index.

Like the index for the print-on-demand guide, the page-number listings in the online index link to their referenced section. However, the online index also includes an alphabet tab along the left of the page, which lets you jump to specific parts of the index quickly.

Choose File > Save As, make sure that Optimize is selected, and save the Online1.pdf file in the Lesson06 folder. Close the file. Repeat this step for the Ai1.pdf file. The Save As command lets you save a smaller, optimized version of your finished file.

This completes the lesson. For more practice in organizing and preparing documents for electronic distribution, see Lesson 13, "Distributing PDF Documents."



Not a subscriber?

Start A Free Trial

  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint