Toolbars are quite handy if used intelligently. Instead of browsing through the long menus and submenus before you find the right command, if you often use a command then why not add it on the toolbar.

To add commands to toolbars

 Right click on the toolbar and choose ‘Customize’. In the Customize window, switch to ‘Commands tab’ and click ‘Rearrange Commands’.

In the Rearrange Commands window choose the radio button next to ‘Toolbar’. Choose the ‘Common’ Toolbar and then ‘Add’.

In the ‘Add Command’ dialog box, choose the ‘Category’ (browse each if you do not know where you can find the command) and then the command to be added and then click OK. In this example we will add the ‘File…’ command to the Common Toolbar.

Click ‘Close’, to exit the ‘Rearrange Commands’ window and again, to close the ‘Customize’ window.

To add commands to menu bars

In Rearrange Commands window (see above), choose the radio next to Menu bar. From the drop down menu choose the menu bar you want to edit. Then click on Add to launch the Add Command dialog box. Now browse the categories to find the command to be added to the menu bar and click OK. For instance choose to add the File… command. The new menu bar would look as follows:

Rearrange Commands tool lets you do all possible actions to customize your toolbars and menus the way you want them. You can rearrange the commands on the toolbar to:

·         Add, remove, reorder the commands on the menu bar and toolbar.

·         Modify the name, image and keyboard shortcut associated with a menu command or button on the toolbar.

To launch the Rearrange Commands dialog box, go to Tools > Customize. In the Customize dialog box, go to the Commands tab and click Rearrange Commands.

Use the Rearrange Commands dialog box to do the following:

1.       Choose a menu or toolbar to rearrange: Select the Menu Bar or Toolbar you want to change.

2.       Controls: Select the controls you want to change.

3.       Add: Click the button to add a new control.

4.       Delete:  Click the button to delete a control.

5.       Move Up: Click the button to move the control up in a menu bar or towards left on a toolbar.

6.       Move Down: Click the button to move the control down in a menu bar or towards right on a toolbar.

7.       Modify Selection: The drop down menu has a number of options like;

·         Reset – resets the control

·         Delete – deletes the control

·         Name – You can enter a name for the control along with its keyboard shortcut. In the above image; &File… denotes ALT + N is the keyboard shortcut to access File menu.

·         Copy Button Image – lets you copy the button image associated with this control.

·         Paste Button Image – lets you paste a button image.

·         Reset Button Image – resets the button image to its default.

·         Edit Button Image – lets you edit the button image.

·         Change Button Image… – lets you choose a new button image from the menu.

·         Default Style – set the style of the button to its default.

·         Text Only (Always) – sets to always display only text for the control.

·         Text Only (in Menus) – sets to always display only text for control only when it appears in a menu.

·         Image and Text – lets you always display an image and text for the control.

·         Begin a Group – adds a group separator bar.

·         Assign Macro… – lets you link a control to a macro.

8.       Reset: Resets any and all the actions you carried out on the menu bar and toolbar.

The Quick Tag Editor enables you to quickly add, modify or wrap a set of tags around other tag or set of tags while working in Design view or Code view of a web page. You also have access to IntelliSense in Quick Tag Editor.

To access Quick Tag Editor:

1.    Switch to Design or Code view in your workspace and place the cursor at the position where you want to add or modify or wrap an HTML tag.

2.    Do any one of the following:

·         Go to Edit > Quick Tag Editor or

·         key in the shortcut keys CTRL + Q or

·         On the Quick Tag Selector bar located at the top of the document, select the tag you want to modify, click on the small arrow next to it and from the menu; choose Edit Tag, Insert HTML or Wrap Tag.

The Quick Tag Editor looks as shown below:

3.    The editor gives you three options:

·         Edit Tag – enables you to edit a current tag with its attributes and properties, along with addition of new tags.

·         Insert HTML – lets you add HTML to the page

·         Wrap Tag – lets you nest tags by adding tags inside the one selected by you.

4.    The drop down menu on the left of the Quick Tag Editor lets you select either of the above mentioned functions. The next box is where you enter your HTML and the right most buttons; green right mark means Enter and the red cross means Cancel.

A Quick Tag Selector bar is located at the top of the editing window in your Expression Web workspace. It makes it easier for you to select, edit and remove tags while working in Design or Code view of a web page. To view the Quick Tag Selector bar, go to View > choose Quick Tag Selector. See image below:

The Quick Tag Selector is to be read from left to right to follow the order of the hierarchy of tags. For instance; in the image above, <body> contains <div> which in turn contains <p>. Place your cursor inside the tag in Design view or Code view and that particular tag will be selected in the Quick Tag Selector bar at the top. The drop down arrow besides each tag in the Quick Tag Selector bar displays a menu as shown above. Let us see what each option does:

1.       Select Tag selects the start and end tags along with the content of those tags.

2.       Select Tag Contents selects only the content inside the tags.

3.       Edit Tag… displays the Quick Tag Editor window, which enables you to add, modify or wrap tags.

4.       Remove Tag removes the start and ends tags, leaving the content intact.

5.       Insert HTML… displays the Quick Tag Editor window that lets you insert HTML into your web page.

6.       Wrap Tag… displays the Quick Tag Editor window that lets you insert nested tags into a selected tag.

7.       Tag Properties… opens the Tag Properties dialog box or task pane related to the tag.