The Site View tab does not require much introduction. It enables you to view all the files that are linked to your currently open document. See Figure 20.5
In a previous section we discussed how to create new tool buttons with beginning and end tags in Studio. Snippets also enable you to create reusable code, but on a larger scale and with more functionality because you can create keyboard shortcuts to call on the reusable code. Take the following steps to add a snippet to Studio:
1. Tag snippets are organized into folders, so the first step is to add a folder to the Snippet tab by right-clicking in the tab and selecting Create Folder from the shortcut menu. Name the folder Common HTML.
2. Right-click the COllITIonHTMl folder and select Add Snippet from the shortcut menu. The Snippet dialog box will appear.
3. In the Snippet dialog box, type Email Link in the description, <A HREF=”mailto:”> in the Start text area, and <1A> in the End text arer. Press the OK button to close the dialog box. Your new snippet should appear in the COMMON HTMl folder of the Snippets tab
4. Next type your e-mail address in a blank document. Highlight it and then doubleclick the new snippet. Your e-mail address should now be surrounded by the tag snippet <A HREF-‘ in front and </A> in back. All you \Ce to do is add your e-mail address to the HREF and you’re set.
5. You can make your snippet even easier to access by assigning it a keyboard shortcut. Choose Options>Customize from the menu bar and the Customize dialog box should appear. Choose t,he Snippet Shortcuts tab.
6. Open the folder that contains your snippet and select the snippet. Then click in the unlabeled text box at the bottom of the dialog box that contains the text None.
7 Pless Ctrl+Shift+M. When you do so, you should notice that the word Comment apJ. ears in the lower-left comer of the dialog box: This means that the keyboard shortcut yuu -.elected is already assigned to the HTML comment tag.
8. Press Ctrl+Shift+E. This keyboard shortcut is not assigned to any tag by default. Press the Apply button to accept this new keyboard shortcut.
9. Again, in a blank document, type your e-mail address and highught it. Now press Ctrl+Shift+E. Your tag snippet should appear’ around the e-mail address as before. You just experienced how easy it is to create a snippet and customize it by adding a keyboard shortcut. Use this feature often because it will noticeably decrease your coding time.
Help Tab and Dialog Box Help
Many people steer clear of the Help features in applications because they are difficult to use, incomplete, or the explanations are hard to understand. Studio’s Help features, however, are complete and extremely easy to use.the Help tab interface.
You can locate and read Help files in two ways:
1. Search all files using the search interface
2. Read the Help information using the Reference Tree
Context-based Help can also.be accessed directly in dialog boxes. Take the following steps to. access Help information for a specific function in the Expression Builder dialog box:
1. Select Tools>Expression Builder from the menu bar and click the Date and Time option of the Fl!nct; ons folder. A list of date/time ColdFusicn functions will appear in the right pane.
2. Click the DateFormat function in the right pane to select it.
3. Immediately below the right pane and above the Insert and Cancel buttons, you will see two. small buttons. Held your mouse ever them and the tool tips will read Shew Help In Sepatate Windew and Toggle Embedded Help. Click the Toggle Embedded Help button. Your screen should new look.
4. Scroll through the new Help dialog box pane. You will notice that the Help information not only covers this function’s purpese and syntax, but it also.explains hew to.create the mask fer the function,
Tag Inspector Tab
After you have opened a document in Studio, you can use the Tag Inspector to easily pinpoint the location of tags and edit them using the tag property sheets. the Tag Inspector tab with pointers to.important features.
The easiest way to understand what the Tag Inspector is all about is to use it. With this in mind, take the following steps:
1. Open a CFML or HTML document in the Edit pane of your work area.
2. Click the Tag Inspector tab and make sure CFML and HTML Tags is selected from the drop-down box.
3. The top pane displays a tag tree of the CFML and HTML tags you have used in the active document. As you expand the levels of the tree, you will see deeper into the document hierarchy. Click one of the tags in the tag tree. Two things happen. First, the tag that you have clicked in the Tag Inspector top pane is highlighted in the corresponding Edit pane. Second, a tag property sheet appears in the lower pane outlining all the attributes for that tag.