|
Panel 3 of the wizard allows you to set HTML Document properties (such as background color and rule style) and Page Layout. WordToWeb's Page Layout capability is a very powerful feature which allows you to specify the position of elements such as the Local TOC and navigation buttons on each the page.
Figure 8 - Wizard Panel 3
Click the Edit Document Properties button to display the HTML Document Properties dialog box.
Figure 9 - The HTML Document Properties Dialog Box
Page Background Color allows you to specify either a color or a background graphic for your pages. By default, WordToWeb assumes that you want to apply the same background to all your pages. However, by clearing the Same for All box, you can set the TOC, index and body pages of your publication to have different backgrounds. To do this, click the proper radio button to select the page type and then choose the background color or graphic.
If you wish, you can specify custom text colors. To do this, click the Use Custom Colors radio button and then choose the colors by clicking the proper buttons.
You can specify the style for Horizontal Lines (also called rules). If you choose to use standard rules, you can specify the width as a percentage of the browser window, the height in pixels and whether or not you want the rule to have a 3D effect.
You can also use a custom graphic file for a more colorful rule style. WordToWeb comes with several rule style or you can use your own. Click the Select Custom Rule Style button to choose a style.
Additional Body Parameters lets you specify information to be included in the <BODY> tag on each page. For example, you could specify a JavaScript routine using the Onload= parameter or a style using Style=.
<HEAD> Code lets you specify HTML code to be placed the <HEAD> section of every HTML page. This option is useful for including JavaScript routines or Style definitions.
Default (Base) Font is the default font face for the normal text in your HTML publication. If you leave this blank, the browser's default font will be used. You can specify multiple font names separated by commas in case the user's computer does not have a particular font. The drop down list gives you access to some of the more common and useful choices. As of this writing, this feature is supported only by Microsoft Internet Explorer 3.0. We recommend that you use style sheets, rather than this feature.
The HTML File Names area lets you choose how the HTML pages in your publication will be named. You can choose to have either an ".htm" or ".html" extension. If you are converting a long document which will be broken down into multiple HTML pages, you can choose either numbered names or long descriptive names based on the title of the page.
If you plan to create links in other HTML files which target individual pages in your publication, it is a good idea to choose long file names based on the title. This is because numbered names may be reassigned when you reconvert your publication. For example, if you add some material to your source Word documents and then reconvert, the page which used to be "mydocp5.htm" may now be "mydocp6.htm." This would be a problem if you have a link somewhere else on your website which points to one of these pages.
WordToWeb can automatically add a number of elements, such as navigation buttons, a local TOC, and headers and footers to your pages. The Page Layout feature lets you specify exactly which elements will appear and where they will be positioned on the page.
You can also choose to use a Master Page . If you do so, then the body of each page created by WordToWeb will be inserted into another HTML page at the specified point. This allows you to specify complex formatting which is consistent on each page of your publication. See Using a Master Page below for details.
Click the Edit Page Layout button in the wizard panel to display the HTML Page Layout dialog box.
Figure 10 - The HTML Page Layout Dialog Box
This dialog box allows you to add a number of elements to the top or bottom of each page. The available elements are listed in the left half of the dialog box.
The order of elements on the page is determined in the list boxes at the right side of the dialog boxes. The top list shows elements inserted at the top of the page, the bottom list shows elements at the bottom of the page.
To add an element to the page
Check the corresponding box on the left. For example, to add Navigation Buttons, check this box. Some elements have additional options which need to be set. If this is the case, another dialog box will appear (see Available Page Layout Elements, below).
After you add an element, you will see it displayed in the top and/or bottom lists on the right side of the dialog box.
Some elements also have check boxes to determine which pages the element will appear on (TOC, index and body pages).
To remove an element from the page
Clear the corresponding box on the left side of the dialog box. You cannot delete an element by manipulating the listboxes.
To reorder elements on the page
Select an item in either listbox and drag it to a new position using your mouse.
To add and remove rules (horizontal dividing lines)
Click the << Ins button to the right of the list. The rule will be inserted immediately before the selected line in the list. After inserting a rule, you can drag it to a new position if you wish. To remove a rule, select it and click the Del button.
HTML Header and Footer. This is an HTML file whose contents will be inserted at the top or bottom of every page. You can create this file in any HTML Editor. The file can include any information in HTML format (text, links, graphics, JavaScript, etc.). You could, for example, use this feature to insert an HTML file containing your company logo at the top of every page.
Local TOC is the local table of contents which WordToWeb creates based on the heading styles in a particular page. If you don't want a local TOC at the top of every page, clear this box.
Signature is similar in concept to the HTML Header and Footer, except that you can type the text you want to add at the top or bottom of the page directly into the Signature dialog box.
A signature is most often used to add basic information such as a copyright notice or contact information to each page. You can also insert a date to indicate when the page was last updated and/or an email link.
Navigation Buttons are text links or GIF files which allow the user to easily move between the pages in your publication and to other locations on your website. If you are creating a multi-page publication, navigation buttons are highly recommended.
WordToWeb 2.5 supports Navigation bars, which are colored tables containing the navigation buttons. Many users will prefer to use navigation bars because they give your pages a more up-to-date look.
Checking the Navigation Buttons box brings up the Navigation Buttons dialog box. You can also access this dialog box later by pressing the Edit button.
Figure 11 - The Navigation Buttons Dialog Box
Types of Buttons
A number of standard buttons are provided. TOC and Index provide links to the corresponding pages. Home provides a link to your home page. You will need to fill in the URL for this button.
Next > and < Previous allow the user to move sequentially through the pages in your publication. The links for these buttons are set automatically based on the document order you specified in Panel 1.
E-mail allows the user to send an e-mail message. You will need to fill in the e-mail address.
To add a button
To remove buttons
Select the button name in the list at the right and click Remove. Click Clear to remove all the buttons.
To reorder buttons
Select a button name in the list at the right and drag it to a new position with your mouse. Note that the buttons will appear from left to right on the page.
To choose the button style
Select graphic or text buttons or navigation bars.. If you choose text, the buttons will be plain text links separated by vertical bars, similar to the following:
Home | TOC | Previous | Next
You can change the text for the links by changing the Alternate Text entry for each button.
Navigation bars look similar to this:
You can specify the background color of the navigation bar and the color of the text (white or black). Click the Settings button to bring up the Navigation Bar dialog box.
If you want to use graphic buttons, click the Select Button Style button to display the Select Navigation Button Style dialog box. WordToWeb includes a number of standard styles; you can also design your own.
Setting Other Button Options
The remaining options at the bottom of the dialog box let you choose to insert the buttons at the top and/or bottom of each page. You can also set the alignment and the number of spaces between buttons. Once you have added your buttons, you can specify their exact location on the page in the HTML Page Layout dialog box.
Creating Links within your Publications
|