How to Edit New Pages with Dreamweaver

By David Karlins and Doug Sahlin from Building Websites All-in-One For Dummies, 3rd Edition

Dreamweaver is a robust application that enables the savvy web designer to create a way-cool website and edit it as well. The beauty of editing pages in a full-featured HTML editor like Dreamweaver is that you can edit the pages as well as the underlying code.

When you edit pages in Dreamweaver, you can work in one of three modes: Design, Code, or the chameleon Split mode, which enables you to view the page and code at the same time. Now, how cool is that? To edit pages in Dreamweaver, follow these steps:

Enlarge

In the Files panel, select Local View from the View drop-down menu and then select the site you want to edit from the Site drop-down menu.

Dreamweaver displays the files associated with the site.

Enlarge

Double-click the page you want to edit.

Dreamweaver opens the page in Design mode. Editing pages in Dreamweaver is pretty straightforward. The Properties Inspector is your friend in Dreamweaver. You use it to change links, CSS styles, images, and so on.

Enlarge

Edit the page as needed.

If you need to modify the code, click the Code button to display the page in Code view.

If you need to view both the code and the page at the same time, click the Split button to display the page in Split view. When working in Split view, you can select items in the Display pane, and the underlying code is displayed in the Code pane.