Adobe 38028779 User Guide - Page 157

Using visual guides in the design process Dreamweaver provides several kinds of visual guides to help you design documents and predict (approximately) how they will appear in browsers. You can do all of the following: • Instantly snap the Document window to a desired window size to see how the elements fit on the page. See "Resizing the Document window" on page 75. • Use rulers to provide a visual cue for positioning and resizing layers or tables. • Use a tracing image as the page background to help you duplicate a design created in an illustration or image-editing application such as Macromedia Fireworks. • Use the grid for precise positioning and resizing of layers. Grid marks on the page help you align layers, and when snapping is enabled, layers automatically snap to the closest grid point when moved or resized. (Other objects, such as images and paragraphs, do not snap to the grid.) Snapping works regardless of whether the grid is visible. See "Snapping layers to the grid" on page 416. Displaying rulers Rulers can be displayed on the left and top borders of the page, marked in pixels, inches, or centimeters. To change ruler settings, do one of the following: • To toggle rulers on and off, choose View > Rulers > Show. • To change the origin, drag the ruler-origin icon anywhere on the page. (This icon appears at the upper left corner of the Design view of the Document window when rulers are showing.) To reset the origin to its default position, choose View > Rulers > Reset Origin. • To change the unit of measure, choose Pixels, Inches, or Centimeters from the View > Rulers submenu. Setting Up a Document 157