Pratt A., Grillo L. Adobe GoLive CS2 Tips and Tricks The 250 Best / TIP 30: Using the Document Window Icons

Computers & Technology
Education & Reference
Business & Investing
Science & Math

Adobe GoLive CS2 Tips and Tricks The 250 Best
Authors: Pratt A., Grillo L.
Published year: 2005
Pages: 39-40/301

<< Previous page
Table of contents
Next page >>

TIP 30: Using the Document Window Icons

At the top of every Web page window in GoLive are document icons. The head section of a Web page (see Tip 36) is now clearly labeled at the left edge of the document ( Figure 30 ). To reveal the head section, click the triangle next to the Head label.

Figure 30. The icons at the top of each document window allow you to customize the page and open other editing environments.

Changing Page Titles

Search the Web for the phrases Welcome to Adobe GoLive or Untitled Page and you'll discover hundreds of thousands of pages that Web designers forgot to give good titles. Make sure you're not guilty of this crime!

Next is the Page Title field, which is a clearly labeled text box. The page title appears along the very top of the browser window when visitors view your site. The page title is also used when visitors add the page to their bookmarks or favorites, so it's important to give each page a useful and accurate title.

The Page Properties icon is now grouped with the JavaScript Editor, DHTML TimeLine Editor, and CSS Editor icons at the upper right end of the document window. Select the Page Properties icon to change page attributes such as page title, link colors, margins, and background image in the Page Inspector.

To open the JavaScript Editor, DHTML TimeLine Editor, or CSS Editor for the page, just click the corresponding icon at the top right of the document window. If you click and hold the icon for the CSS Editor, you'll get a list of CSS documents in your site to choose from. If you'd rather use menu commands or keyboard shortcuts for these options, you'll find a corresponding menu command for each of the buttons in the Special menu.

TIP 31: Customizing the Document Status Bar

The status bar at the bottom of a document in the Layout Editor offers single-click access to several convenient features ( Figure 31a ). Starting on the left side and working our way across, these options include:

Show/hide split source : This toggles the Split Source view and is also available in the View menu (see Tip 35).
Zoom Out : Zooms out on the current page to the next zoom preset (see Tip 32).
Zoom Value : Select a preset zoom value from the pull-down menu (see Tip 32).
Zoom In : Zooms in on the current page to the next zoom preset (see Tip 32).
View Configuration/Page Dimensions/Document Statistics : Three options share this area. To select an option, click and hold the arrow and select the option from the Show menu. View Configuration lets you orient the page for Web or mobile development. Page Dimensions lets you create and choose presets for the document window dimensions (see Tip 33). Document Statistics shows the number of bytes the page uses.
Markup Tree : The Markup Tree allows you to logically navigate the structure of your source code while in the Layout Editor (see Tip 34).
Switch line break mode : Changes the line breaks of the current page between Mac, UNIX, and Windows formats. This setting is also available under File > Line Breaks.

Figure 31a. The status bar gives you access to several handy options.

You might use some of these features more then others, so GoLive lets you customize the status bar to your preference. You can toggle all these features, as well as some status bar options related to PDF preview, in the document flyout menu ( Figure 31b ).

Figure 31b. Turn off the status bar options you don't need.

<< Previous page
Table of contents
Next page >>