Showcase and discover digital art at yex

Follow Design Stacks

Subscribe to our free newsletter to get all our latest tutorials and articles delivered directly to your inbox!

Go from print to web in one easy package

Go from print to web in one easy package

Excerpted from “Adobe GoLive CS2 Tips and Tricks” by Adam Pratt and Lynn Grillo

Adobe® InDesign® CS2 and Adobe GoLive® CS2 offer a radically new approach to repurposing print content for the web called Package for GoLive and Import from InDesign. Design the print piece in InDesign CS however you want to, for example, and the Package for GoLive feature takes care of converting it for use in GoLive. This means you don’t have to do anything special, such as tagging or structuring the content in special ways.

When the print piece is done and ready to be repurposed for the web, choose File > Package For GoLive in InDesign CS. The Package For GoLive dialog box will open and give you options on which parts of the InDesign file to package. The top portion of the dialog box allows you to choose to package the entire document or particular pages. The lower portion allows you to select whether to include images and multimedia files. When you’ve made your selections, click Package to have InDesign export the text stories to XML files, save the images and multimedia files into subfolders, and include a visually accurate PDF of the original print layout.

golcs2mrpackage_1_int

The Package For GoLive dialog box is the place to choose how much of your InDesign document will be brought into GoLive.

In the middle portion of the Package dialog is an option to have the Package automatically open when the export is complete. However, if you didn’t enable that option when you packaged your document, you can still open the Package from the GoLive menu. Choose File > Import > From InDesign and locate the InDesign Package folder you generated. Inside it will be a file with the extension .idpk. Double-click that file to import the Package into GoLive.

When you’re asked if you want the Package copied into the site, click Yes. GoLive will copy the Package to the InDesign Packages folder in the Extras tab of the Site window and open the default view of the Package window. You can change the zoom value and page number with the buttons at the lower right.

golcs2mrpackage_2

The Package window shows a PDF preview of the original InDesign layout.

If you plan to reuse individual elements of the InDesign document rather than whole pages, then design a web page in GoLive with the look and feel and navigation you need for your site and leave room for any text, image, or video content you want to use from the InDesign Package. You can even use GoLive templates to make long-term site updates easier.

Notice that stories and images in the Package window are highlighted when you place your mouse pointer over them. The highlight is an indication that you can drag and drop that item into your web page.

Comments