Section B.3. View Menu

B.3. View Menu

The View menu controls the appearance of the document window. A checkmark in the menu lets you know which view you're in:

• Zoom In . Zooms in on the document in 50% increments . For example, if you're looking at a document at normal size (100%), selecting this option zooms to 150%; selecting it again zooms to 200%.

• Zoom Out . Zooms out from the document in 50% increments.

• Magnification . Lets you choose from a list of magnification levels from the absurdly small and illegible 6% all the way to a ridiculously large, land-of-the-giant-pixels 6400%.

• Fit Selection, Fit All, Fit Width . Additional magnification options that either zoom in or zoom out depending of the size of the document or selected element.

• Code . Displays the file's source code.

• Design . Displays the file's visual design.

• Code and Design . Splits the document window into two panes: source code on top, visual design at the bottom. You can adjust how much of each pane is visible by dragging the center divider up or down.

• Switch Views . Switches between the Code and Design views.

• Refresh Design View . Updates the Design view to reflect changes you've made directly to the source code in either Code view or split (Code and Design) view.

• Head Content . Opens a new menu bar in the main document window that contains shortcuts to accessing the file's Head contents. You can use these menu items to highlight your document's Title tags, meta tags, and scripts, and then edit their content in the Property inspector.

• Noscript Content . When inserting JavaScript code into the document window, you can also include what's called "Noscript" tagsinformation that appears in browsers that don't understand JavaScript (of which there are very few), or which have their JavaScript turned off. After selecting this option, all information inside of noscript tags appears in the document window. To hide this information, select this menu option again.

• Table Mode . Lets you switch between the standard table view, Expanded Tables view and the Layout Table view (Chapter 7). When in the Layout Table view, you can also choose to have your tables display helpful tabs (by choosing the Show Layout Table Tabs subcommand), which make it easy to adjust the table's dimensions, make columns autostretch, or add spacer images.

• Visual Aids . Lets you summon onscreen symbols that represent typically invisible page elements like image maps, anchors, and borders.

• Style Rendering . Lets you hide or show the effect of all style sheets on a page, or selectively display the formatting changes caused by a style sheet that's applied for a particular mediafor example, for screen-only or printer-only.

• Code View Options . Lets you adjust the appearance of your HTML code in Code view. You can turn on (or off) options that wrap lines of text to fit in the document window, add line numbers , highlight invalid HTML, turn on syntax coloring, or indent lines of code.

• Rulers . When you choose Show, Dreamweaver displays rulers along the top and left sides of the document window. Using the options you find here, you can choose your ruler units: pixels, inches, or centimeters. You can also reset the orientation of the two rulers so that both start from zero in the upper-left corner of the screen.

• Grid . Places a grid of vertical and horizontal lines over the document window to use as a guide when building your layouts. Selecting Edit Grid opens the Grid Setting dialog box, where you can adjust your grid's colors, spacing, behaviors, and line appearance.

• Guides . Shows, hides, locks, and erases user -added guidelines that have been dragged from a ruler onto the page. Also controls options for guides, and displays guidelines that mark the visible area of a Web browser window on monitors of different resolutions .

• Tracing Image . Adjusts the document's background tracing image. You can load a new tracing image, make a current one visible, or adjust its position.

• Plugins . Lets you "play" browser plug-ins within the document window to test embedded media. You can choose to play a document's plug-ins one at a time, or all at once, to simulate how the page will look to your viewers .

• Hide Panels (Show Panels) . Hides all open panels. If panels are already hidden, the command says Show Panels instead and restores the panels to their original positions .

• Toolbars . Displays toolbars for use with Dreamweaver. Select Document from the submenu to display the Toolbar menu at the top of the document window. This menu offers common commands like the document's View settings, page title, file management options, code navigation options, and browser preview. The Standard toolbar option displays a toolbar with common buttons for common commands, such as opening files; closing files; and cutting, copying, and pasting content. The Style Rendering toolbar lets you toggle style sheets off and on like the Style Rendering menu described earlier in this section.