Export from InDesign Creative Suite 5 to Dreamweaver - dummies

Export from InDesign Creative Suite 5 to Dreamweaver

By Jennifer Smith, Christopher Smith, Fred Gerantabee

Exporting an InDesign CS5 document to Dreamweaver allows you to bring your pages into Dreamweaver so that they can be prepared for use on the web. Documents coming from InDesign typically require a fair amount of editing and styling before they can be put on the web and Dreamweaver is the perfect Creative Suite tool for that job.

To export an InDesign document for Dreamweaver, follow these steps:

  1. With an InDesign document open, choose File→Export For→Dreamweaver.

    The Save As window appears.

  2. Enter a name for the html file in the Save As text field.

    You may want to create a new path for the exported file.

  3. Click the Save button.

    The XHTML Export Options dialog box appears. In this dialog box, you can determine whether you’re exporting only the selection (if you had something selected) or the entire document. You can also map how to handle bullets.

  4. Select Images in the left column.

    You can see options for saving optimized images.

  5. Leave the Image Conversion drop-down list set to Automatic.

    The Automatic setting lets InDesign decide whether an image is best saved as a GIF or JPEG file. Alternatively, you can specify in which format you prefer to save all images.

  6. Click the Advanced option.

    The Advanced option lets you determine how Cascading Style Sheets (CSS) are handled, whether you want to use them, or whether you want them to reference an external CSS style it will link to.

  7. After you complete the options, click the Export button.

    You can now open and edit the XHTML file directly in Dreamweaver.