BackFirst PageNext

Previewing Your Work

As you develop Web pages, it's important to preview your work to see how it will look in a user's browser. HomeSite offers an internal browser, but you can also configure it to launch your browser in a separate window.

To preview a page:

  1. To see the current open document in HomeSite's internal browser, click the Browse tab in the editor window.

    The Browse view shows how your HTML code, text, and graphics look in a web browser.

  2. Use the Browser Size tool to choose whether to fit the page to the window size, or show it at a resolution of either 640 x 480 or 800 x 600.
  3. To return to edit mode, choose the Edit tab or click the Edit tool.

Viewing pages in your external browser

Instead of previewing your page in the internal browser, you can choose to view the current document in an external browser. HomeSite automatically detects which browsers you have installed and lists them in a drop-down menu when you choose the External Browser tool on the View toolbar.

To configure HomeSite to use your external browser:

  1. Choose Options > Configure External Browsers to open the External Browsers dialog box.

    You can add, edit, and delete browser listings, and use the arrow tools to re-order the list of browsers.

  2. Choose whether HomeSite should browse the page using a temporary copy, (meaning you do not have to save the page first), prompt you to save your changes, or automatically save changes whenever you launch an external browser.
  3. Click OK.

    Now when you press the External Browser tool on the View menu, your external browsers are configured according to your preferences.

Visual editing in the Design view

HomeSite provides a visual editing view, called Design View, which lets you edit an HTML page while seeing how the results would look in a browser.

The Design view is most useful if you're a new user, if you're designing the major elements that fit on a page, or if you're creating a complex table and want to create the table's form visually without coding the HTML tags.

Note

The Design view feature requires Microsoft's Internet Explorer 4.01 or later. If you don't have this browser installed, or if you don't intend to use the Design view, you can disable the Design view in the Design page of the Settings (F8) dialog box.

To edit a page in Design view:

  1. With an HTML document open in the Edit window, save your changes and select the Design tab in the editor.

    The Design view opens, showing a browser view of the document that you can also use to edit text, styles, and graphics.

  2. Use the Design view toolbars to edit text, change styles, add colors, or create HTML tables and form elements.
  3. If you've opened Design view and now prefer to cancel any changes, select the Cancel Design View button to discard all changes and return to the Edit view.
  4. Use the Edit and Browse tabs to return to the Edit and Browse modes.

BackFirst PageNext

allaire

AllaireDoc@allaire.com
Copyright © 1998, Allaire Corporation. All rights reserved.