- Understanding the Fundamentals of HTML
- Making a New Page
- The Document Window and Its Tabs
- Viewing the Source Code
- Using the HEAD Pane
- Setting the Width of Your Page
- Setting the link, alink, and vlink Colors
- Setting the Page Background Color
- Previewing Your Page
- Summary
- Q&A
- Quiz
- Exercises
- Quiz Answers
Previewing Your Page
In subsequent hours, you will learn how to place text and images on your page, how to create hyperlinks, and much more. You will probably be eager to see what your work is beginning to look like as you go along. There are two ways for you to preview your pages, one from within GoLive and the other in a browser.
Previewing in GoLive
Previewing your page in GoLive is a simple matter of clicking the Preview tab at the top of the Document (page) window (see Figure 3.16). This hides any grid lines, table outlines, and other visual layout items, while preserving the layout itself. While in Preview mode, you will not be able to make any edits, or move items around on the page. You can only look at what you have created. To edit, you must choose Layout, Source, or Outline mode.
Figure 3.16 To preview your page in GoLive, click the Preview tab at the top of the document (page) window.
Note
On the Mac there are actually two Preview tabs at the top of the Document window. The tab at the far right is for previewing frame sets. For more information on how to build and preview frame sets, please refer to Hour 11.
Previewing in Your Browser
Before you can preview a page in your browser, you need to tell GoLive which browsers you have installed on your computer, and of those, which you would like to use to preview your pages.
To Do: Selecting a Browser for Previewing
Follow these steps to select the browsers for previewing:
Open the Preferences panel by selecting Edit, Preferences, Command+K (Mac), or Control+K (Windows).
Scroll down the left pane until you come to Browsers and select it to view the Browsers preferences.
Click the Find All button at the bottom of the right pane.
-
GoLive will search through your hard drive to find any browsers you have installed, and will list them in the right pane. These browsers will be available to you from the Show in Browser button in the Toolbar. To the right of each browser in the list is a check box. Select the browser that you would like to have as your default for previewing your work by clicking the check box next to the browser of your choice (see Figure 3.17).
Close the Preferences panel by clicking the OK button.
Note
Multiple browsers will open when you click the default browser button if more than one is checked in the preferences.
Figure 3.17 Select the browser you want as your default for previewing by clicking the check box next to it.
Now that you have designated the browsers you would like to use for previewing, you need to know how to switch to one of them to preview your page.
To Do: Previewing the Page
To preview your page in the default browser you selected in the Preferences panel:
Open the page you want to preview.
-
Click the Browser icon at the right end of the Toolbar (see Figure 3.18).
The browser will open and preview your page for you.
Figure 3.18 The Browser Preview icon is on the far right of the Toolbar.
To preview your page in one of the other browsers you added in the Preferences, complete the following steps:
Open the page you want to preview.
Click and hold the Show in Browser button on the Toolbar.
-
Select the browser of your choice from the drop-down list (see Figure 3.19).
The browser will open and preview your page for you.
Figure 3.19 Select the browser of your choice from the drop-down list.
Note
On Windows, you can install only one version of Internet Explorer, and although you can install several versions of Netscape Navigator (or Netscape Communicator), you can open only one version at a time. On Mac, you can install multiple versions of both browsers, but can open only one version of Netscape at a time. Despite these limitations, it is extremely important that you test your Web pages on both platformsand on multiple browsersto check for browser differences.