View comments | RSS feed

Edit a tag

Next, you'll use the Tag inspector to quickly make changes to a tag's attributes. The Tag inspector displays the attributes of the tag that's selected in the Document window.

  1. Open the index.html page in Code view, if it's not already open.
  2. Open the Tag inspector, if it's not already open, by selecting Window > Tag Inspector.
  3. Select the Attributes tab.
  4. Click Show List View in the Tag inspector to view all of a selected tag's attributes in alphabetical order.



  5. In the Document window's Code view, click anywhere between the opening and closing brackets of any tag.

    The Attributes tab of the Tag inspector shows information about the tag's HTML attributes.

  6. Still in Code view, find and click in the img tag for the banner_graphic.jpg image at the top of the page.



    The Attributes tab of the Tag inspector shows information about the img tag's attributes.

  7. In the Tag inspector, click in the empty text box beside the alt attribute, and type Cafe Townsend; then press Enter (Windows) or Return (Macintosh).



    Dreamweaver displays the new value in the Tag inspector and changes the code in the Document window.

  8. Save your page.

Comments


IdahoRealEstate said on Dec 20, 2006 at 7:21 PM :
Step 6 tell the user to select the img tag for the banner_graphic.jpg at the top of the page (This makes sense, because this is the graphic the tutorial has been working with).
Step 6's illustration below shows the body_main_header.gif being selected. It then says to click on the Tag inspector which shows the info for the header graphic, not the banner graphic.

 

RSS feed | Send me an e-mail when comments are added to this page | Comment Report

Current page: http://livedocs.adobe.com/dreamweaver/8/using/gs_08_c5.htm