How to Create Alternate Layouts in Adobe InDesign CS6
You can create separate horizontal and vertical layouts for your Adobe InDesign CS6 document in the Pages panel. When you export your document to HTML, the document will include information in the Cascading Style Sheets (CSS) that adapts the layout based upon the way it is being viewed.
To create an alternate layout, follow these steps:
In the Pages panel, click to select an existing page that you want to adapt for a different layout.
For example, if you have a horizontal layout, and you want to also create a vertical version of the layout, click the horizontal layout.
In the Pages panel menu, choose Create Alternate Layout. Name the alternate layout, specify the page attributes, and then click OK.
A new page is created with the alternate layout and the content from the original page is duplicated and linked onto the duplicate page.
Modify the layout of page elements on the alternate layout as needed.
Notice that any text frames and image frames that were duplicated onto the alternate layout also contain a link symbol in the upper-left corner. This indicates that the text and images on the alternate layout are linked to the original. Changes made to the items in the original layout are reflected on the alternate layout.
If an item in the alternative layout is different from the original layout, a yellow triangle appears instead of the link symbol. Double-click the yellow triangle and the item in the alternative layout is then synchronized with the original layout.