• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL

Lesson 7. Moving from Print to Web > Inserting stories as Smart Text Components

Inserting stories as Smart Text Components

In the package window, click the first column of the main story to select it. Then, choose Insert As Smart Component, for the Story text in the Inspector palette. Use the same external style sheet that was used for the headline text.

From the package window, drag the first column of the main story onto the nl_news.html document page. Release the pointer when the rectangle is positioned exactly under the headline text frame, with the top left corner 16 pixels from the left (the width of one box of the background grid), and 80 pixels (five boxes) from the top of the page.

Even though only the first text column was highlighted when dragging from the package window, the text of the entire story will be placed in this Smart Component.

In the nl_news.html document window, drag the width of this Smart Component text frame out to 288 pixels. Release the pointer when GoLive draws a line at the right, indicating that the text box is flush with the text box of the headline.

Change the height of the text frame to 800 pixels in the Main toolbar.

Scrolling down in the nl_news.html document window will show you that even this extremely long text frame is not long enough to hold the text of the entire story. You will have to resort to displaying only part of the story in this frame, and the rest in a different text frame. You could either add a new page to the site for this additional text frame (with a link to jump to it), or try to fit the text under the picture that will later be placed in the top right corner of the page. But first, you will use Smart Component's crop feature to specify the amount of text to be displayed in the current frame.

In the nl_news.html document window, click anywhere inside the text frame of the main story. You will not be able to place an insertion pointer (Smart Components are not editable directly in GoLive), but the Inspector palette will offer a Crop Text button. (See illustration on next page.)

In the Inspector palette, click the Crop Text button. The Main toolbar will enable you to specify how to crop the text.

A. Crop by Characters, Words, Paragraphs, or Custom Breaks. B. Enter start of selection. C. Enter end of selection. D. Remove any existing cropping information. E. Cancel and exit the crop mode. F. Accept the currently specified cropping, and exit the crop mode.

A good way to crop the story text is by Paragraphs. Select Paragraphs from the Crop Text pop-up menu in the Main toolbar. Enter 1 as start and 2 as end of selection (i.e. crop from first to second paragraph inclusively). Click the check mark icon in the Main toolbar to accept the cropping, and to exit the crop mode.

If the remaining text of the story should appear in another text frame, a second Smart Component could be created from the same story in the package window, with the text cropped from the third to the last paragraph.

If the story text later gets edited in InDesign, and repackaged for GoLive, Smart Components that are dependent on the package will get updated in GoLive, preserving the customized cropping (and style sheet) settings.



Not a subscriber?

Start A Free Trial

  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint