Note: The user interface has been simplified in Dreamweaver CC and later. As a result, you may not find some of the options described in this article in Dreamweaver CC and later. For more information, see
.
About editing code in Design view
Dreamweaver lets you visually create and edit web pages without worrying about the underlying source code, but there are times when you might need to edit the code for greater control or to troubleshoot your web page. Dreamweaver lets you edit some code while working in Design view.
This section is designed for people who prefer to work in Design view, but who also want quick access to the code.
Selecting child tags in Design view
If you select an object in Design view that contains child tags—for example, an HTML table—you can quickly select the first child tag of that object by selecting Edit > Select Child.
Note: This command is only enabled in Design view.
For example, the
tag normally has
child tags. If you select a
tag in the tag selector, you can select the first row in the table by selecting Edit > Select Child. Dreamweaver selects the first
tag in the tag selector. Since the
tag itself has child tags, namely
tags, selecting Edit > Select Child again selects the first cell in the table.
Edit code with the Property inspector
You can use the Property inspector to inspect and edit the attributes of text or of objects on your page. The properties shown in the Property inspector generally correspond to attributes of tags; changing a property in the Property inspector generally has the same effect as changing the corresponding attribute in Code view.
Note: The Tag inspector and the Property inspector both let you view and edit a tag’s attributes. The Tag inspector lets you to view and edit every attribute associated with a given tag. The Property inspector shows only the most common attributes, but provides a richer set of controls for changing those attributes’ values, and lets you edit certain objects (such as table columns) that don’t correspond to specific tags.
1. Click in the text or select an object on the page.
The Property inspector for the text or object appears below the Document window. If the Property inspector is not visible, select Window > Properties.
2. Make changes to the attributes in the Property inspector.
Edit CFML with the Property inspector
Use the Property inspector to inspect and modify ColdFusion markup in Design view.
1. In the Property inspector, click the Attributes button to edit the tag’s attributes or to add new ones.
2. If the tag holds content between its opening and closing tags, click the Content button to edit the content.
The Content button appears only if the selected tag is not an empty tag (that is, if it has both an opening and a closing tag).
3. If the tag contains a conditional expression, make changes to it in the Expression box.
