The second article in our series covering Adobe GoLive we'll be working with images, CSS, and JavaScript. (This chapter comes from Teach Yourself Adobe Creative Suite, by Mordy Golding, Sams, 2004, ISBN: 067232752X.)
Using Adobe GoLive CS, Part 3 - Using Images from the InDesign Package (Page 8 of 15 )
To use items from the package on your GoLive page, just drag and drop. Images from the package are treated as Smart Objects, meaning that when they are dropped onto the page in GoLive, the Save for Web dialog box is invoked. You can proceed to use the compression settings of your choice and save the target image into your site as described earlier in this chapter.
Figure 9.76 Assets in the package window are highlighted as you cursor over them.
Using Stories from the InDesign Package
Stories from the package are treated as components (you can find more info on components earlier in this chapter, in the section " The Extras Tab"), meaning that they retain a link back to the original InDesign document. If the data in a story changes in InDesign, you can update the component in GoLive. To do so, repackage the InDesign file and, when asked whether you want to update the package, choose Yes. Back in GoLive click once on the component to select it, and then in the Inspector palette choose InCopy from the Generator pop-up (see Figure 9.77). This causes the story to update.
If you don't need the story to remain connected to the InDesign document and would rather edit the text in GoLive, you have two choices. Either place the story and then release it from its component, or before placing the story, change its settings. To release a story from its component, (Control-click) [right-click] on the text and choose Components, Detach Selected Component. To change the settings before placing the story, select the story in the package window, and then click the Settings button in the Main toolbar. From the Content Usage pop-up, choose Direct.
If you have trouble selecting an asset because it is obscured by another asset, you can (Control-click) [right-click] and choose Select, and then select the asset name from the list (see Figure 9.78). The selected asset becomes highlighted so that you can easily drag and drop it onto a page.
Figure 9.77 If a story has been edited and repackaged from InDesign, you can update it in the Inspector palette.
Figure 9.78 An alternate method for selecting page assets is via the contextual menu.
Another method for selecting and using assets is to switch to the Assets view and drag and drop an item from its folder to your page. If you are not certain which asset is which, double-click a name in the Assets list and the asset will show in the Inspector palette. You could also drag the asset from the Inspector palette to your page.
And if those choices aren't enough, yet another way (options are a good thing, right?) of placing image assets would be to first place a Smart Object placeholder on your page, and then, using the Inspector palette's Fetch URL tool, point and shoot at the asset of your choice in the Page Items view of the package window.
Generating CSS Automatically from the Package
An amazing feature is the capability of GoLive to automatically translate the character and paragraph styles from the InDesign document into Cascading Style Sheets. The best method for doing this is to use the package window's flyout menu and choose CSS Styles, Save to Site. This will open the Save dialog and allow you to name and save the file as an external style sheet in your site. You can then open the CSS file and edit it as you see fit.
This chapter is from Teach Yourself Adobe Creative Suite, by Mordy Golding (Sams, 2004, ISBN: 067232752X). Check it out at your favorite bookstore today.