(If the product is already open, skip to step 3.) Start the program by double-clicking the program icon on your desktop.
When the product dialog box opens, click Cancel.
From the File menu, select Open.
Navigate to C:\Program Files\RoboHELP Office\RoboHTML\Tutorial\LaJolla.
Click once on LaJolla.mpj and click Open. The project named La Jolla is displayed.
Note: If the Tip Wizard is open, click Close tip window. Whenever you start the program, a handy tip is displayed in the Tip Wizard. This is a great way to learn more about using the program.
Click the Maximize
button in the upper-right corner of the window so you can
see all of the features that you can use.
Take a moment to view the screen and learn the names of the various features:
On the left side of the screen, you see the Project Manager.
On the right side, you see the Topic List.
Above these components are the toolbars, as well as the menu bar.
In the Topic List, double click the topic About La Jolla. The topic opens in the WYSIWYG Editor on the right side of the screen. The WYSIWYG Editor replaces the Topic List. (You can easily choose which component you want to use on the right side by clicking on the tabs in the lower right corner.)
Remove the text "First topic in project 'La Jolla.'"
(To remove text, place the cursor to the left of the text, press the left
mouse button, and drag it across the text so it's highlighted. Then, click
Delete .)
Type the following text below the topic title:
La Jolla is a community in San Diego famous for its magnificent scenery, steep cliffs, research centers, and hillside homes. Over 32,000 people reside in La Jolla. It is also the home of eHelp Corporation, located at 7777 Fay Avenue.
This gem by the sea attracts many visitors with its beautiful beaches, playful sea lions, cliffside picnic grounds, and fabulous restaurants.
Click an attraction below for more information.
It's a good idea to save your work as you author. There are two ways to save. Use whichever method is most convenient for you.
Click Save
All .
OR
Press and hold CTRL and S (CTRL+S) at the same time. This is the shortcut key for saving your work.
Topics are the building blocks of projects. In HTML-based Help each topic is its own HTML file. Let's create one now. The Create Topic Wizard takes you through the simple steps.
Click New
Topic on the Project toolbar.
Tip: When you hold
your mouse pointer over a toolbar button, a tool tip is displayed that
identifies the button. For example, when you hold the pointer over , the tool tip displays the text "New Topic."
In Topic Title, enter the following text:
La Jolla Cove
Notice that there are other tabs at this dialog. These tabs enable you to change the topic's appearance, add keywords and ALink names, and more. (You'll learn how to work with these tabs later in the tutorial.)
Click OK. The topic "La Jolla Cove" is added to the list of HTML files. We'll edit this topic later.
You just learned how to create a new topic. We've prepared a few Help files for you to use as well.
In the Project Manager on the left side, click once on the plus sign next to the folder HTML Files (Topics). To further organize the topics in your project, we'll create some custom folders for them. The HTML Files (Topics) folder should look something like this:
Right-click on the HTML Files (Topics) folder and select New Folder. The new folder is displayed with a temporary name.
Type "Natural" over the existing text, and then press ENTER. The new folder is renamed "Natural."
Repeat the steps to create another folder named "Man-Made." (Be sure to select HTML Files (Topics) before creating the new folder.)
You just created custom folders (subfolders) that reside in the HTML Files (Topics) folder. Now you can move topics into the new folders.
Click the Topics tab (lower-right side of window). All the files in your project are listed.
Press and hold CTRL while you click the following files:
La_Jolla Cove
La_Jolla_Shores
Torrey_Pines_State_Park
Underwater_Park
Windandsea Beach
Tip: Pressing CTRL while clicking the mouse lets you select multiple topics that are not adjacent to each other in the list.
Select the topics you want to move, and use drag and drop to place them in the "Natural" folder you just created in Project Manager. The folder is highlighted (selected) as you move topics into it. Be sure to point ON the folder when you drop the files.
Repeat steps 2 and 3 to move these files into the "Man-Made" folder:
About_La_Jolla
Art_Museum
Man-Made_La_Jolla
Torrey_Pines_Glider_Port
Torrey_Pines_Golf
After you move files into folders,
a plus box appears to the left of the folder. This indicates
that the folder contains files. When you click
, the folder
opens (expands) to show its contents.
When folders are open, the plus box
becomes a minus box. This indicates that the folder is open
(you can see its contents). When you click the minus box
the folder collapses, and its contents close from view.
Click the plus
box next to the
folder Natural to view its contents.
(Man-Made is already open because it's the last folder used.)
The folders should look something like this:
By default, Project Manager displays your files by their topic titles. You can also view them by their file names.
From the View menu, select By File Name. The files are displayed using their file names:
Let's switch them back to topic titles.
From the View menu, select By Topic Title. The files are displayed by their titles:
Most Help authors spend a great deal of development time in the WYSIWYG Editor. This is where you create the content of your topics while the HTML code is generated behind the scenes. What you see in the WYSIWYG Editor is a good representation of how the topic will look in the viewer.
From the Topics tab, select the topic you want open in WYSIWYG (for this exercise, select La Jolla Cove).
Click once on the WYSIWYG tab in the lower-right corner. The topic La Jolla Cove opens in the WYSIWYG Editor.
Next, we'll find out how easy it is to create numbered lists in the WYSIWYG Editor.
As a Help author, you'll most likely create a lot of numbered lists in your topics. You'll probably want to format them so they combine list items that are not numbered. For example, you'll want to include explanatory information on separate lines as well as screen shots of the application you are describing (as you see in this tutorial).
Let's practice creating and formatting a numbered list now, with the topic you just opened in the WYSIWYG Editor, "La Jolla Cove."
Remove the text on the second line: "Type topic text here."
Type the following text (press ENTER at the end of each line to create a new paragraph):
Swimming
Snorkeling
Scuba diving
Kayaking
Sunbathing
Whale watching
Select the text starting with "Swimming" and ending with "Whale watching."
On the toolbar, click Numbered List . The lines
are numbered from 1 to 6.
Click at the end of step 1, "Swimming," and press SHIFT + ENTER. This creates a new blank line without a number and aligns it under step 1.
On this line, type the following text:
The annual La Jolla Cove Roughwater Swim attracts thousands of swimmers and spectators.
Click at the end of step 6, "Whale watching," and press ENTER. The new line is automatically numbered as step 7.
On the toolbar, just click
Numbered List
and the list ends.
Type the following text on the new line where you just ended the list:
Historical Note: The Cove has been a hangout for beachgoers since the late 1890s when the first flight of wooden stairs led visitors down the cliffs to the sand below.
Press ENTER to insert a new line and type the following:
Cave
exploring
(Be sure to leave the insertion point on this line.)
On the toolbar, click Numbered List . A new numbered
list begins on this line.
Make sure the insertion point remains on this new line. From the Format menu, select Bullets and Numbering. The Bullets and Numbering dialog opens.
In Restart numbering at, enter 7. (Notice that you can also change the numbering styles from this dialog.)
Click OK. The line becomes a continuation of the numbered list above it.
Save your work.
You'll probably want to create bulleted lists in your topics. There is a quick and easy way to format lines of text as bulleted lists.
Open the topic "La Jolla Shores" in the WYSIWYG Editor. (Double-click on the topic in the Project Manager.)
Select all the lines of text under the heading "La Jolla Shores" — starting with "Walking" and ending with "Kite flying."
From the Formatting toolbar,
click Bulleted List . The lines of text are formatted as bulleted list items.
By default, the bullet is a solid circle. You can select different bullet
styles. (The lines of text should still be selected. If they are not, select
them.) Your project should look something like this:
From the Format menu, select Bullets and Numbering. From the Bulleted tab, you can select solid circles, solid squares, hollow circles, or a custom bullet character.
Click the solid squares sample (upper right), and then click OK. The list is formatted to use solid squares for the bullet characters. Next, let's indent a few of the lines in this list.
Select the lines starting with "Swimming" and ending with "Kite flying."
Click the increase
indent arrow on the formatting toolbar. The selected
list items are indented.
The Formatting toolbar includes buttons for the most commonly used features. Take a moment to examine this toolbar. On the far left you have style and font options from the drop-down lists. In the center, you have buttons for changing the attributes of characters such as text colors, bold, and italics. Next are paragraph formatting buttons for alignment and numbered and bulleted lists. The buttons on the right enable you to view paragraph marks and increase or indent text.
Let's use some of these buttons to format the text in your topic.
Open the topic "La Jolla Cove" in the WYSIWYG Editor.
Highlight the words "Historical Note."
Click Bold
. The text is displayed in bold.
Highlight the rest of the text in the paragraph (beginning with "The Cove...").
Click the down-arrow on
the right side of the Font Color button
.
Select Purple. The text is displayed in purple.
At the beginning of the topic, click inside the heading "La Jolla Cove." (You don't have to select all text in a paragraph to format the paragraph attributes.)
Click Align
Center . The text is centered between the left and
right margins.
Save your work.
Tip: Using other format buttons on the Formatting toolbar, you can create bulleted and numbered lists (as you learned in this lesson), change font types sizes, and attach a different style sheet to the topic.
As you work, you'll find yourself using styles and style sheets. Let's learn how to format text using inline styles, which are the most basic type of styles (you'll learn about cascading style sheets later in the tutorial).
To create and apply an inline style:
Open the topic "Torrey Pines State Park" in the WYSIWYG Editor.
Select the text "Torrey Pines State Park."
From the Format menu, select Font.
From the Font dialog, do the following:
In Font, select Arial or Sans Serif.
In Font style, click Bold.
In Size, select 18 pt.
In Font color, select Yellow.
The dialog should look something like this:
Click OK to apply the inline style to the selected text.
We just changed the font for the topic's heading. Next, we'll change the background color of the paragraph.
Click inside the line you just formatted: "Torrey Pines State Park."
From the Format menu, select Borders and Shading.
From the Borders and Shading dialog, click the Shading tab.
In Color, select Green.
Click OK to apply the inline style to the paragraph.
Finally, we'll add a border to the paragraph.
Click inside the paragraph starting with the text "The Torrey Pine was one of...".
From the Format menu, select Borders and Shading.
On the Borders tab, do the following:
In Setting, select Box.
In Style, select Solid.
In Color, select Green.
In Width, select 2 px.
The Borders tab should look something like this:
Click Padding, and select 2 px. for all four options (Top, Bottom, Left, Right).
Click OK.
Click OK to apply the inline style to the paragraph.
Your topic should look something like this:
(If you notice any typos in this page, don't be alarmed. You'll be checking for spelling errors later in this lesson.)
With tables, you can organize information in an efficient and logical way. When you are first learning about tables, it's a good idea to turn on paragraph markers. As you move through the cells, you'll see the paragraph marker. (You also see the paragraph marker at the end of every paragraph in your topic.)
On the Formatting toolbar,
click Show/Hide .
Let's learn how to create the table next.
Click on the blank line above the paragraph you just formatted (the paragraph beginning "The Torrey Pine was one of....").
On the Tables
and Borders toolbar, click Insert
Table . A grid is displayed.
Point and drag to highlight 3 rows and 2 columns (3 x 2 table). The insert table grid should look something like this:
Click and release the mouse button to insert the table.
Notice how a paragraph marker is displayed in each of the cells, and the insertion point is already in the first cell so that you can quickly add text.
Type "Plants" in the upper-left cell.
Press TAB and type "Animals" in the upper-right cell.
Press TAB and type "Torrey Pines" below the cell "Plants."
Press the down-arrow key on your keyboard and type "Wildflowers" below "Torrey Pines."
Click inside the cell below "Animals" and type "Whales."
Press the down-arrow key and type "Dolphins" below "Whales."
Click Show/Hide
to turn off paragraph markers.
You've just learned how to create a table and add text to cells by using the TAB and arrow keys. You can also click inside cells and work with text.
You can quickly see the results of what you are authoring before compiling by using the Preview Topic feature. There are two methods for previewing topics. You can view topics in a separate window that is always on top of the program window (the window can be moved and resized). Another option is to view topics in a pane below the Topic List (Topics tab) on the right side of the program window (the pane can be resized).
From the Tools menu, select Options.
From the Options dialog, click the General tab.
Select Preview in separate window. (This is the default setting, but in case you or someone else who uses your system cleared it earlier, we need to make sure it's selected for this lesson.)
Click OK to save the option.
Click View
.
The topic "Torrey Pines State Park" is displayed in the preview window. It should look something like this:
When you finish viewing
the topic, close the preview window. To close it, click Close
in the top right corner. (Whenever you preview topics throughout
this tutorial, click this button to close the preview window.)
From the Tools menu, select Options.
Click the General tab.
Clear Preview in separate window.
Click OK to save the change.
Click once on the Topics tab (right side of program window). The Topic List opens.
When you use the Topic List, you can view a list of topics (simple list of topic titles) or details about topics (file name, topic title, yes/no indicators for TOC and index entries, status, and date last modified).
From the View menu, select List View.
Click once on Torrey Pines State Park.
Click View
. The topic is displayed in the Topic Preview pane below
the Topic List. It should look something like this:
Place the mouse pointer on top of the horizontal line that separates the Topic List from the Topic Preview pane.
The mouse pointer turns into a line with arrows on
each end .
Press the left mouse button and drag up or down to adjust the length of the pane.
From the Tools menu, select Options.
Click the General tab.
Select Preview in separate window.
Click OK.
Notice how the preview pane below the Topic List closes from view. Next time you preview the topic, it will be displayed in a separate window on top of the program window.
Let's see how easy it is to use the program's spell checker. (We've made a few typo's in this topic so you can correct them. You also get to add new words to the dictionary.)
Click the WYSIWYG tab.
From the Tools menu, select Spell Check Current Topic or press F7.
The first word the spell checker finds is "Torrey." This is a unique name, and you need to add it to the dictionary.
From the Spell Check dialog, click Add.
The spell checker continues and finds "rtee."
Scroll through the list of suggestions, select "tree," and click Change.
The spell checker continues and highlights the word "palces."
Scroll through the list of suggestions, select "places," and click Change.
The spell checker continues and highlights the word "Jolla."
Click Add Word to add this word to the dictionary.
At "The spelling check is complete" prompt, click OK.
Save your work.
Now that you have several topics in your project, it's time to link them. The program inserts a URL (Uniform Resource Locator) that indicates the address (location) of the file to jump to.
Open the topic "About La Jolla" in the WYSIWYG Editor.
Select "La Jolla" in the first paragraph.
Click Insert
Hyperlink on the Objects toolbar. The Hyperlink
dialog opens. Take a moment to study this dialog. At the lower-left, you'll
see the list of topics that you can link to (these are topics in your project).
In the Natural folder, select the topic La Jolla Cove.
The content of this topic is displayed in Preview.
In the text box next to Link to, the topic file name is displayed.
After you make the settings, the Hyperlink dialog should look something like this:
Click OK. The link is added to your topic. It appears in blue (the default color for links), and it's underlined when you view it in the WYSIWYG Editor.
There are other ways to insert hyperlinks. One of the easiest ways is to drag a topic from the Project Manager into the WYSIWYG Editor.
In the WYSIWYG Editor click at the end of line that reads "Click on an attraction below for more information" and press ENTER to insert a blank new line.
Type the following text:
Visiting La Jolla Shores
Select the text you just typed so it's highlighted.
From the "Natural" folder on the left, drag La Jolla Shores and drop it on the highlighted text in the WYSIWYG Editor.
As you drag to the selected text, the text turns red and the pointer displays a plus box, indicating where the link will be placed. It should look like this:
When you release the mouse button, the text becomes a link to the topic "La Jolla Shores."
Click once at the end of the line "Visiting La Jolla Shores" and press ENTER to add another blank line in the topic.
Type the following text:
Surfing at
Press the spacebar to insert a blank space after the text you just typed.
From the Natural folder on the left, drag Windandsea Beach onto the WYSIWYG Editor and drop it after the text you just entered. A link to the topic "Windandsea Beach" is created.
Save your work.
After you finish, the links should look something like this:
By default, hyperlinks jump to the beginning of a destination topic. You can add a special control known as a bookmark that allows you to link to anywhere within a topic. This is similar to a mid-topic jump in WinHelp.
Open the topic "Man-Made La Jolla" in the WYSIWYG Editor.
Click to the left of "La Jolla Museum of Contemporary Art."
Click
Insert Bookmark on the Project toolbar. The Bookmark
dialog opens.
Type the following name for the bookmark:
Museum
Click OK.
The bookmark icon is displayed to the left of the text:
Use the same procedure to create bookmarks for the following headings:
Torrey Pines Glider Port — Glider Port
Torrey Pines Golf Course — Golf
Save your work.
You've just created three bookmarks — Museum, Glider Port, and Golf. Now it's time to link to them.
Click the Project tab. A plus box is displayed to the left of "Man-Made La Jolla."
Click the plus box. The bookmarks you just created are displayed. The Project Manager should look something like this:
Open the topic "Torrey Pines Glider Port" in the WYSIWYG Editor.
Select the text "Torrey Pines Glider Port."
From the Project Manager, drag and drop the bookmark "Glider_Port" onto the selected text.
You just created a link from the topic "La Jolla Glider Port" to the bookmark in the topic "Man-Made La Jolla."
Open the topic "Torrey Pines Golf Course" in the WYSIWYG Editor.
Select the text "Torrey Pines Golf Course" and create a link to the bookmark "golf."
Open the topic "Art Museum" in the WYSIWYG Editor.
Select the text "La Jolla Museum of Contemporary Art" and create a link to the bookmark "museum."
Save your work.
From the Project Manager, right-click on the topic "Torrey Pines Glider Port" and select View.
Click the link "Torrey Pines Glider Port." Notice how the topic "Man-Made La Jolla" opens, and the text where the bookmark is located is at the top of the viewing pane.
Close the preview window.
Popup links enable users to view other topics while the current topic remains open.
Open the topic "Windandsea Beach" in the WYSIWYG Editor.
At the beginning of the second paragraph, select the word "riptides."
Click Insert
Hyperlink .
From the list of destination topics, select Riptides.
Select Display as Popup.
Click OK. You just created a popup link.
Select View
.
Click the riptides link.
Notice how the topic appears in a separate window on top of the one you're currently viewing. Depending on the size of your preview window, the popup window might display scroll bars so you can read all the content.
When you finish viewing the topic, click inside the popup window to close it.
Notice how the topic "Windandsea Beach" remains open.
Close the preview window.
One of the greatest features of Help is the ability to create links to Web sites, such as your company's Internet site. You can create links in the Help window, within the content of a topic, from a keyword in the index, or from a book or page in the table of contents. Let's create a remote text link in this lesson.
Open the topic "About La Jolla" in the WYSIWYG Editor.
Select "eHelp Corporation" from the first paragraph.
Click Insert Hyperlink
.
The Link To drop-down list displays all the different places you can link to. Click and view the available destinations. The Link To drop-down looks like this:
Tip: For this lesson, we are linking to a Web site. To create a link to a Web site, you enter the address of the Web site — also known as the URL.
Select Web Address from Link to.
In the text box to the right of Link to, enter the following Web address after "http://":
www.ehelp.com
Click OK. The selected text is targeted as a link to the eHelp Corporation Web site.
Save your work.
Right-click inside the WYSIWYG Editor and select Preview Topic.
Click the link for eHelp Corporation. The preview window is updated to display eHelp Corporation's home page (if you have an Internet connection). From here, you can click links to navigate throughout the Web site.
Navigate to links at this site, just as you do in Internet Explorer.
When you finish, close the preview window.
If you want, you can create a link to one of your favorite Web sites and preview it.
Save your work.
How do you know that your project includes links to Web sites?
Click the Topics tab to open the Topic List. Whenever you add a URL to a topic, it is displayed on the Topic List with a globe icon:
Click the Project tab to open the Project Manager. Click the plus sign next to the URLs folder. Whenever you add a URL to a topic, it is listed in this folder:
Tip: If you want to know what topics include the Web address link, right-click the URL and select Show Topic Links. The URL and the topics that link to it are displayed in Link View on the right.
Text-only popups are useful if you need to provide users with a little more information, but don't want them to leave the topic they are viewing.
Open the About La Jolla topic in WYSIWYG.
In the second paragraph, select "sea lions."
From the Insert menu, select Text-only popup. A popup box is displayed. The insertion point is located inside this box so you can type text.
Type in the following:
Large, eared seals without underfur that usually live in colonies along the coastline of the Pacific Ocean.
Press ENTER. The text-only popup is added to the topic.
Right-click inside the WYSIWYG Editor and select Preview Topic.
Click "sea lions." The text-only popup opens.
Click inside the popup window to close it.
When you finish viewing the topic, close the preview window.
You can update text-only popups and change the text, font, background color, and margins. Let's make a few changes.
From the topic "About La Jolla," right-click on the popup link "sea lions" and select Text Popup Properties.
The Text Popup Properties dialog opens.
From here, you can make changes to the text-only popup. You can edit the text and change the appearance of the popup. Let's change the appearance.
From the Font list, scroll and select Verdana.
From Background Color, select Silver. The Text Popup Properties dialog should look something like this:
Click OK.
Save your work. Open the topic in the preview window and select the sea lions link. The popup window displays the text using the font and color you selected.
Related topics help users navigate among related concepts in topics. A related topics link is usually a button that users click to select the topic they want to open. The Related Topics Wizard takes you through the easy steps to create one.
Open the topic "Torrey Pines Glider Port" in the WYSIWYG Editor.
Click once after the last word of text and press ENTER to insert a new blank line.
From the Insert menu, select HTML Help and click Related Topics. The Related Topics Wizard dialog opens.
At the first screen (Button Options), specify how you want the link to look in the topic. You can use a standard text button, an image button, or a hidden control. We'll use the default link, which is a text button that displays "Related Topics" as the button label.
Click Next. The Related Topic Selection dialog opens. This is where you select the topics you want to use with the control. When users click the button, these topics are displayed, and they select the one to view.
The left side of the dialog displays a list of topics in your project that you can use with the control.
From Topics in Project, scroll down and select Torrey Pines Golf Course.
Click Add. The topic is added to the Related Topics list on the right. You've just added your first topic for the related topics button.
Repeat these steps and add Torrey Pines State Park. The screen should look something like this when you finish:
Click Next. The Display Options dialog opens. From here, select how to display the list of topics when users click the button and where the topics should be displayed when opened. They can be displayed in the right-hand viewing pane or in a custom window or frame that you create.
Select Popup Menu. When users click the button, the related topics are displayed in a popup menu. Users can select a topic to view from this menu.
We'll leave the other options as "(not specified)" since we want the topics to open in the right-hand viewing pane in the viewer.
Click Next. At this last dialog (Font Options), select the font and font attributes you want to use for the text label. The default label used for a standard text button is "Related Topics."
Select Verdana and 9 pt as the Size.
Click Finish. A gray button titled "Related Topics" is inserted into the topic. It should look something like this:
You can view and test related topics buttons from the preview window. Let's view and test the Related Topics button you created in the topic "Torrey Pines Glider Port."
On the Project toolbar,
click View .
Click the Related topics button.
Notice the list of topics are displayed in the popup menu:
Select "Torrey Pines Golf Course." The topic opens in the preview window.
You can easily return to the previous topic and select other related topic links.
Right-click inside the topic and select Back. You return to the topic "Torrey Pines Glider Port." (Keep this navigation tip in mind whenever you preview topics.)
Click the Related Topics button again and select the topic "Torrey Pines State Park."
Close the preview window.
Now that you've created some links, you can find out how they connect to each other in Link View. This feature shows all links to and from each topic. It's similar to a map and is a handy way to see the link structure in your project.
From the HTML Files (Topics) folder, right-click About La Jolla and select Show Topic Links. Link View displays the topic "About La Jolla" and all of its links:
The Topic References report organizes and displays information about your topics and their links.
From the Tools menu, select Reports – Topic References. Each topic is shown, followed by a list of topics that link to it.
Tip: Scroll through the list and view the links in your topics. Notice that you can print these reports, save them as text files, mail the data to other people, or copy information to the Windows Clipboard.
Click Close.
The table of contents (TOC) is the "front door" to your project. It's one of the first things users see. By default, the TOC is displayed on the left side of the viewer, paired with an Index tab (and a Search tab if you configure your project to include full-text search).
The book and page metaphor is used to represent categories and topics in your TOC. Book icons represent categories of topics, and page icons represent the individual units of information (topics). When users click a book, it opens and displays the pages (topics). When users click a page, the topic it references opens in the right-hand viewing pane.
It's easy to create a TOC by adding books and pages in the TOC Composer.
Click the TOC tab on the left side of the program window. You'll see a tab without the label if the width of your left-hand pane is too narrow.
Click New Book
on the Project toolbar. The Book Properties dialog displays.
In Help, you can create books without links as well as books that link to a single topic. For this tutorial, we'll be creating books without links (the default).
In Title, enter the following text:
Natural La Jolla
Click OK. The book is added to the TOC.
Add another book titled, "Man-Made La Jolla."
You've added books to the TOC, and now you need to add pages to go with them. A page is an icon that represents an actual topic. When clicked, the page displays the topic in the viewer.
From the TOC Composer, click the book Natural La Jolla.
On the Project toolbar, click New
Page .
You can add a title for the page, select the destination, and scroll through the list of topics to select the one to use with the page. Your destinations can include topics, Web sites, email addresses, and other remote locations.
Click the down arrow to the right of the Destination list and view your choices.
For this lesson, we'll be linking to a topic. Select File or URL.
From the Topic list, select La Jolla Cove. The Page Properties dialog should look something like this:
Notice how the title uses the name of the topic. You can type text in Title and edit what is automatically added when you select topics. For this lesson, we'll use the text that is already in the box.
Click OK. The page is added to the TOC, for the topic "La Jolla Cove."
There is another quick and easy way to add pages to your TOC. This next lesson shows you how.
Click the Topics tab on the right side of the program window.
From the Topics List, click Windandsea Beach, and then drag and drop the topic below the book titled "Natural La Jolla." As you drag, you'll see a yellow arrow that indicates where the item will be placed when you drop it.
Use this same method to add pages for Underwater Park and Torrey Pines State Park.
Next, we'll add pages to the Man-Made La Jolla book. To save time, we can add all of them at once. Press and hold CTRL as you click the following topics in Topic View:
Art Museum
Torrey Pines Glider Port
Torrey Pines Golf Course
About La Jolla
Drag and drop these topics below the book titled "Man Made La Jolla." Your project should look something like this:
Note: The icons used to display your topics in the Topic List change from a white background to a blue background so you know that they are included in the TOC.
Now you've got something to display in the TOC — books and pages. Why not rearrange their order?
From the TOC Composer, click La Jolla Cove and drag and drop it below "Underwater Park." As you drag, you'll see a yellow arrow indicating where the item will be placed when you drop it.
Drag Windandsea Beach below La Jolla Cove.
Click About La Jolla and drag and drop it above the book titled "Natural La Jolla."
When you finish, the TOC should look like this:
If your table of contents does not look like this, move the books and pages into the correct order by dragging and dropping them.
You can rename pages right in the TOC Composer.
Right-click on the page Underwater Park and select Rename.
Type in La Jolla Underwater Park.
Press ENTER.
Save your work.
The table of contents report provides you with details about your TOC.
From the Tools menu, select Reports - Table of Contents. Each book and page is shown in the hierarchy you designed.
Click Close.
You've just learned the basics. These lessons provide an overview of many powerful features and show how easy it is to work with the program.
Continue with the Advanced lessons to learn more.