g
Printer Friendly Version

editor  
BellaOnline's Digital Art and Design Editor
 

Reusing InDesign Print Content on the Web - 2

  1. From the Menu bar, click File, Cross-media Export, XHTML/Dreamweaver. In the Save As dialog box, give our new page a name and click Save.

  2. The XHTML Export Options dialog box will open. First, you will see the General pane. Because we are only converting some of the pages of the original print version, we will set the Export option to Selection. This will tell InDesign to only covert the selected pages.

  3. At the left, click on Images to open the Images pane. As you can see, we have three choices in the Copy Images drop-down menu. We have placed our JPG images in a separate folder that we have named "images". So we need to tell InDesign to link to these images when it generates the XHTML. Let's choose Link to Server Path from the drop-down menu. In the next line, we tell InDesign where the images are on the server. The Path on Server to the images folder is "../images". Finally, because we have optimized the images in JPG format, we will use .jpg for the File Extension.

  4. We are ready for the Advanced pane. In this last pane, we will give InDesign the information about our style sheet. We need to set the CSS Options to External CSS to tell InDesign to look for an external style sheet. Then, give the path to the folder that contains the CSS file. When InDesign generates the XHTML, it will automatically map the InDesign styles that we used for the print version to the CSS for the web version.

That's it. Just wait a few seconds and our new XHTML page will be ready for us and will contain links to the images and CSS. When we view the web version in the browser, it looks just like the print version.

Copyright 2018 Adobe Systems Incorporated. All rights reserved. Adobe product screen shot(s) reprinted with permission from Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst and Flash Paper is/are either [a] registered trademark[s] or a trademark[s] of Adobe Systems Incorporated in the United States and/or other countries.

Back

Digital Art and Design Site @ BellaOnline
View This Article in Regular Layout

Content copyright © 2013 by Diane Cipollo. All rights reserved.
This content was written by Diane Cipollo. If you wish to use this content in any manner, you need written permission. Contact Diane Cipollo for details.



| About BellaOnline | Privacy Policy | Advertising | Become an Editor |
Website copyright © 2023 Minerva WebWorks LLC. All rights reserved.


BellaOnline Editor