Operation Manual

406
Coding
Last updated 11/30/2015
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 <table> tag normally has <tr> child tags. If you select a <table> tag in the tag selector, you can select
the first row in the table by selecting Edit > Select Child. Dreamweaver selects the first <tr> tag in the tag selector. Since
the <tr> tag itself has child tags, namely <td> 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.
Change attributes with the Tag inspector
Use the Tag inspector to edit or add attributes and attributes’ values. The Tag inspector lets you edit tags and objects by
using a property sheet similar to the ones found in other integrated development environments (IDEs).
1 Do one of the following in the Document window:
• In Code view (or the Code inspector), click anywhere in a tag’s name or in its contents.