Macromedia dreamweaver 8-using dreamweaver User Manual
585
22
CHAPTER 22
Editing Code in Design View
Macromedia Dreamweaver 8 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.
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 chapter is designed for people who prefer to work in Design view, but who also want
quick access to the code.
quick access to the code.
The chapter contains the following topics:
Editing code with the Property inspector . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .585
Changing attributes with the Tag inspector . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .586
Editing code with the Quick Tag Editor . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .587
Editing code with the tag selector. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 590
Editing scripts . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 591
Working with server-side includes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 593
Using JavaScript behaviors . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 594
Viewing and editing head content. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 595
Changing attributes with the Tag inspector . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .586
Editing code with the Quick Tag Editor . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .587
Editing code with the tag selector. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 590
Editing scripts . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 591
Working with server-side includes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 593
Using JavaScript behaviors . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 594
Viewing and editing head content. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 595
Editing 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.
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.
NO
TE
The Tag inspector and the Property inspector both allow you to view and edit a tag’s
attributes. The Tag inspector allows 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 allows you to
edit certain objects (such as table columns) that don’t correspond to specific tags.
attributes. The Tag inspector allows 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 allows you to
edit certain objects (such as table columns) that don’t correspond to specific tags.