- Introduction
- Examining the Dreamweaver Window
- Working with Toolbars
- Resizing Panels
- Working with Panels
- Docking and Undocking Panels
- Grouping and Ungrouping Panels
- Creating a Workspace
- Using the Status Bar
- Changing the View with the Zoom Tool
- Working with Rulers
- Working with the Grid and Guides
- Creating Keyboard Shortcuts
- Setting General Preferences
- Setting New Document Preferences
- Working with Colors
- Setting Highlighting Color Preferences
This chapter is from the book
This chapter is from the book
This chapter is from the book
Working with the Grid and Guides
Dreamweaver comes with guides, grids, and rulers to help you lay out artwork and objects with precision. A grid is a series of crisscrossed lines that aid in aligning objects to each other on the Stage. A guide is a horizontal or vertical line you can position to align objects. Grids and guides are modifiable. You can change their visibility, position, color, and frequency. To align several elements to a grid or guide line, you first turn Snap to Grid or Snap to Guides on. Then you can drag the elements to align them to the grid or a guide. These items are invisible by default, but they can be easily turned on and adjusted. Though you see them in the Dreamweaver development environment, they are invisible on the viewable page. Use guides to align art and objects to each other on vertical or horizontal paths, or turn on the grid for use in designing a layout that is proportional and balanced.
Use the Grid
- Click the View menu, and then point to Grid.
- Select the option you want:
- Show. Click to show or hide the grid.
Timesaver
Press Ctrl+Alt+G (Win) or
+Option+G (Mac) to show or hide the grid. - Snap To Grid. Click to enable or disable objects aligning to a grid line.
Timesaver
Press Ctrl+Alt+Shift+G (Win) or
+Option+Shift+G (Mac) to enable or disable Snap To Grid. - Grid Settings. Click to open the Grid Settings dialog box, where you can set the grid color, settings, spacing, and display, either lines or dots.
- Show. Click to show or hide the grid.
)
)
Use Guides
- Click the View menu, point to Guides, and then select the options you want:
- Show Guides. Click to show or hide the guides.
- Snap To Guides or Guides Snap To Elements. Click to enable or disable objects aligning to guides or guides to objects.
- Edit Guides. Click to set the guide color, distance color, and other settings.
- Lock Guides. Click to lock the existing guides in place.
- Clear Guides. Click to remove all guides.
- Move to the vertical or horizontal Ruler bar, and then click and drag into the document.
- Click the Select tool on the Status bar to drag existing guides to a new position (make sure Lock Guides is not selected).
)
)
Did You Know?
You can remove one guide at a time. Make sure Lock Guides is clear, and then click the Select tool. Drag the existing guide you want removed back to the corresponding Ruler bar.
You can use keyboard shortcuts to work with guides. +; (Mac) or Ctrl+; (Win) shows and hides guides, Option++; (Mac) or Ctrl+Alt+; (Win) locks and unlocks guides, Shift++; (Mac) or Ctrl+ Shift+; (Win) to turn Snapping to guides on and off, and Shift++/ (Mac) or Ctrl+Shift+/ (Win) to turn Snapping guides to elements on and off.