line
Creating a framework of Web pages
line

The easiest way for you to create a framework of Web pages is to use templates for Web pages that consist of an optimum combination of materials. You can replace materials with others if you like.

  1. Start TopPage and click the Cancel button on the Welcome to TopPage dialog. [Ref.] "Starting and ending TopPage"

  2. Select New from the File menu.

    Menu selection

    The following dialog box appears:

    dialog

  3. Click the Multiple Pages tab, and then click the OK button to start the wizard for creating a framework of a Web site.

    Multiple Pages tab

    The following is the first dialog box of the wizard.

    Note Note If you have not installed Templates, the following dialog box does not appear.

    panel

    Vocabulary Vocabulary wizard

    A user interface that enables you to do tasks step by step. You just need to select something or answer the question and then click the Next button. Wizards are often used in the Windows world, because they enable you to do tasks accurately. On each dialog box of a wizard, click the Next button to advance to the next step, or click the Back button to return to the previous step. Click the Cancel button to cancel the operation. On the last dialog box, click the Finish button to activate what you selected or entered.

  4. Select one item in the Select Genre list, and then select one item in the Theme list.

    Tip Tip If you want to select something experimentally, click Town on the Select Genre list, and then click Restaurant in the Theme list.

    panel

    You can view the design for the selected theme on the right side of the dialog box. This design is a template that consists of optimal materials for the theme.

  5. Click the Next button to go to the next step. The following dialog box appears:

    panel

  6. On this dialog box, you can replace a background image or a banner image with a different one.

    If you want to replace materials, select a background image in the Select Background list, select a banner image in the Select Banner Image list, and click the Next button.

    If you do not want to replace materials, just click the Next button. The following dialog box appears.

    Tip Tip If you select the No text check box (on) at the bottom of the Select Banner Image list, text such as "WELCOME TO MY HOME PAGE" disappears. Then, if you later clear the No text check box (off), the text reappears.


    panel

  7. On this dialog box, you can replace header and footer images or icon images with different ones.

    If you want to replace materials, select a header and footer image in the Select Header/Footer list, select an icon image in the Select Icon Image list, and click the Next button. The following dialog box appears.

    If you do not want to replace materials, just click the Next button.

    panel

  8. Enter the title of the top page in Title under Top Page Settings, and enter your e-mail address in E-mail Address.

    Tip Tip If you want to enter something experimentally, enter "Chef's Suggestion" for the title.

    Tip Tip The e-mail address entered in E-mail Address becomes the transmission destination for mail. If you do not have an e-mail address, leave E-mail Address blank and clear the Include E-mail Address in Subpages check box.

    Vocabulary Vocabulary top page

    Normally the first page of a Web site. However, in this wizard, what is referred to as the top page is actually an ordinary Web page that has been designed in a top-page style, and you can use it as an ordinary Web page.

  9. Enter the title of a subpage in Subpage Title to Be Added or Replaced.

  10. Click Subpage 1, and then click Replace to replace the title of the subpage.

  11. Replace Subpage 2 and Subpage 3 with your preferred titles in the same manner.

    panel

    Tip Tip If you want to create subpages experimentally, enter the following three subpage titles: "Appetizer," "Entree," and "Dessert."

    Vocabulary Vocabulary subpage

    A Web page linked from the top page.

    Tip Tip To add a subpage, enter a title for the subpage in Subpage Title to Be Added or Replaced, and click the Add button. To delete one of the subpages, select the title of the subpage in Titles, and click the Delete button.

  12. Click the Next button to display a dialog box for confirming the settings. The following dialog box appears:

    panel

    Tip Tip If you substituted materials and want to record the setting as a new template, click the Register button, enter any text in Theme, and click the OK button. The next time you start the wizard, you can conveniently select the recorded setting as a template.

  13. A default folder is already specified in Specify Target Folder. To change this folder, click the Browse button to display the Specify Folder dialog box.

  14. See the following tip and create a folder for saving Web page related files.

    Tip Tip To create a folder using the Specify Folder dialog box, double-click the existing folder, click the Create Folder button, enter a folder name, and then click the OK button.

    For example, to create a folder named "sitetop" immediately under the C drive, Select c: under Drive, double-click c:\ under Folder, then click the Create Folder button. When the Create Folder dialog box appears, enter "sitetop" and click the OK button. From now on you can select a sitetop folder in the Folder list.

    dialog box

  15. Double-click the folder name and click the OK button to close the Specify Folder dialog box. The name of the folder you selected is automatically specified in Specify Target Folder.

    Note Note To select a folder in the Specify Folder dialog box, double-click the folder name. You cannot select a folder with a single-click.

  16. Click the Finish button. The top page appears on the right side of the TopPage main window. The HTML file name and page title are displayed on the title bar of the main window.

    Top page display

    Tip Tip If you used one of templates, the HTML file name for the top page is index.htm. (index.htm is a file name often used for the top page.)

Now you created a framework for your Web site. Continue to the next page to view the link hierarchy of your Web site.