12. Using Dreamweaver’s Layout Tools

In This Chapter

Using the Grid

Using Rulers and Guides

Zooming In on Your Page

Setting Page Dimensions

Using Structural Tags

Adding Iframes

Adding Media Queries

Using Fluid Grid Layouts

The layout of elements on your pages is key to the usability of your sites, and Dreamweaver has many tools that help you view and work with your page layouts. These tools fall into two main areas: tools that help you work within your document window to align and view page elements, and tools to help you visualize your CSS-based layouts.

The document window tools will be familiar from image editing programs, and include an onscreen grid, page guides, and rulers. You also have the ability to zoom the document window.

CSS-based ...

Get Dreamweaver CC: Visual QuickStart Guide now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial