Datasheet

10. Highlight the opening and closing <h1> tags, and then drag the selection from the Markup
View window onto the new Toolbox tab you created in step 8. The selection shows up as Text:
<h1></h1>.
11. Right-click the Toolbox item you just created, choose Rename Item, and type Heading 1 as
the name.
12. Repeat steps 9 through 11, creating headings from h2 through h6.
From now on, whenever you need a heading in your document in Markup View, simply place
the cursor in the Document Window where you want the heading to appear and then double-
click the appropriate heading in the Toolbox.
How It Works
Most of the steps in this Try It Out are self-explanatory. You started off by opening a few windows that
you frequently need when building web applications. You then used the drag-and-drop features of the
IDE to rearrange the window layout to your personal preferences. You also rearranged the items in the
Toolbox so they are easier to find.
You closed the exercise by adding a few HTML fragments to a custom tab in the Toolbox. When you
drag any markup to the Toolbox, VWD creates a Toolbox item for it that contains the selected markup.
Whenever you need a copy of that markup in your page, simply double-click the item or drag it from
the Toolbox into the Markup View window. This is a great time saver for HTML fragments that you fre-
quently use.
Besides the Window layout and the Toolbox, VWD allows you to customize a lot more in the IDE. The
following section explains how to customize three other important IDE features: the Document Window,
toolbars, and keyboard shortcuts.
Customizing the Document Window
Visual Web Developer gives you great flexibility with regard to how text is displayed in the Document
Window. You can change things like font size, font color, and even the background color of the text. You
can access the Font and Colors settings by choosing Tools ➪ Options, making sure that Show All Settings
at the bottom of the dialog box is selected, and then choosing Environment ➪ Fonts and Colors.
One thing I like to customize in the Document Window is the tab size, which controls the number of
spaces that are inserted when indenting code. To change the tab size, choose Tools ➪ Options, and then
under Text Editor choose All Languages ➪ Tabs. If you don’t see this option, choose Show All Settings at
the bottom first. I usually set both the Tab Size and the Indent Size to 2, leaving the other settings in the
Tab panel untouched.
With the exception of the Tab Size being set to 2, all screen shots in this book show the default setup of
Visual Web Developer.
Customizing Toolbars
Toolbars can be customized in three ways: you can show or hide the built-in toolbars, you can add and
remove buttons on existing toolbars, and you can create your own toolbars with buttons you often use.
25
Chapter 1: Getting Started with ASP.NET 3.5
87593c01.qxd:WroxPro 1/25/08 9:05 AM Page 25