Home > Articles > Computer Software > Creative Software > Other

  • Print
  • + Share This
  • 💬 Discuss

This chapter is from the book

Using Quick Tag Editor

Creating Web documents in the Design view is a beautiful and elegant way to design Web pages; however, sometimes you just need to get under the hood and make changes directly to the code. Dreamweaver gives you a way to make alterations to the code using the Quick Tag Editor. When activated, the Quick Tag Editor displays as a small pop-up window and allows you to edit a tag, add a tag, or enclose the current selection within a tag. In addition, you can use a list of tags and attributes to help jog your HTML memory, and save you some typing. Dreamweaver’s Quick Tag Editor can be used in three ways: Insert HTML (used for adding new tags and code at the current cursor position), Wrap Tag (wrap one tag around one or more other tags and content) and Edit HTML (displays the entire selected tag with all the attributes). It is a great time-saver for making those small tweaks to the code of any Web document. While most designers will perform most of the creative process using the Design view, it’s nice to know that you have a powerful tool like the Quick Tag Editor when you need to get back to coding basics.

Open the Quick Tag Editor

  • green-circle-1.jpg Open the Web page you want to view code.
  • green-circle-2.jpg Open the Quick Tag Editor using any of the following methods:
    • Click the Modify menu, and then click Quick Tag Editor.
    • Use the keyboard shortcut Ctrl+T (Win) or ctrlt.jpg+T (Mac).
    • Click the Quick Tag Editor icon in the Properties panel.

Use Quick Tag Editor in Wrap Tag or Insert HTML Mode

  • green-circle-1.jpg Open the Web page you want to view code.
  • green-circle-2.jpg Select a portion of text within the document (for Wrap Tag mode) or click in the text area (do not select any text) to place an insertion point (for Insert HTML mode).
  • green-circle-3.jpg Open the Quick Tag Editor.
  • green-circle-4.jpg Use the HTML tags in the pop-up hint list to insert a tag, or manually enter a customized XML tag.
  • green-circle-5.jpg Press Enter (Win) or Return (Mac) to wrap the selected text with the tag.

Use Quick Tag Editor in Edit Tag Mode

  • green-circle-1.jpg Open the Web page you want to view code.
  • green-circle-2.jpg Select a complete tag in Code view (e.g., img), or select an object, such as an image, in Design view.
  • green-circle-3.jpg Open the Quick Tag Editor.

    The tag with all its attributes will be displayed within the Quick Tag Editor window.

  • green-circle-4.jpg Manually enter any changes to the tag and attributes.
  • green-circle-5.jpg Press Enter (Win) or Return (Mac) to add the tag to the document.
  • + Share This
  • 🔖 Save To Your Account
Adobe Dreamweaver CS5 on Demand

This chapter is from the book

Adobe Dreamweaver CS5 on Demand

Discussions

comments powered by Disqus