Online Dreamweaver MX Tutorials
Editing a tag
In this training course , you we use the Tag Inspector to find a specific
tag in the Join now page and quickly edit it.
To edit our tag using the Tag Inspector:
Open join-now.php in Code view.
Do one of the following to open the Tag Inspector :
Choose Window > Tag Inspector.
In the Code panel group, select the Tag Inspector tab.
The Tag Inspector gives you a structured layout of all the tags in your page.
It also displays the properties of each of the tags .
In the Document window Code view, find the text for
the heading “Join
Now.”
Select the non-breaking space entity ( ) between the paragraph tags
that follow the heading:
<
p><span class="members">Join Now</span></p>.
< p>
&
nbsp;</p>. You may be wounding what the span tag is, if you need to
brush up on CSS select the Dreamweaver MX Tutorials on disc 1 this covers
the using of style sheets within a web site in great detail, we also recommend
using a third part product called topstyle, with is a CSS editor.
Select Insert > Table, then click OK in the Insert Table dialog box to
accept the default values.
Dreamweaver inserts table code. Just a side note, it can be a good idea to
use includes with all headers and footers if you are coding in PHP, this
will allow fast changes to be made to your site, we shall cover more on this
in the PHP and Dreamweaver MX Tutorials on the next training CD.
Click the Refresh button on the toolbar.
The Tag Inspector panel updates so that focus is on the Table tag you just
inserted. A list of attributes appears below the tag.
Click the pop-up menu arrow, and select center.
Dreamweaver changes the code, you may wish to preview this in your browser
to see the effect.
Click the Show Design View button on the toolbar or
choose View > Design
to see the table.
In the Document window, choose File > Save.