The Insert bar

show more The Insert bar provides you with in-depth training on Web. Taught by Garrick Chow as part of the Dreamweaver CS3 Essential Training show less
please wait ...

The Insert bar

Okay, let's start looking at the essential {italic}Dreamweaver{plain} interface items. I'm going to use the Welcome Screen here to create a basic page by clicking the HTML button here, just so I have a page open, which will give me access to the insert bar up here, which is the first thing we're going to look at. The insert bar contains a row of icons, each representing an element that you can add to your web page. A lot more icons exist than the ones you initially see here. For your convenience, the insert bar is broken into several different tabs that you can see. You've got Common, Layout, Forms, Data, Spry, Text, and favorites. Selecting a category brings up an entirely different set of icons, each having to do with the category that you've selected. For example, if I'm building a form on my web page, I'd switch to the forms tab, and here I'll find all the tools necessary to build a form, including texts fields, radio buttons, check boxes, and so on. If I switch back to the Common category, I'll see icons for all the most common tasks I'd be most likely to perform; Things like inserting images, adding tables, or even adding an email link.

You can customize the insert bar to some extent by selecting Show as Menu from the Panel Menu up here. This little icon that we see here, called the Panel Menu. If we choose Show as Menu, you can see how the insert bar has now changed. Some people prefer this layout because it doesn't take up quite as much screen real estate as the tab view. From here you can select the different categories by clicking this pop-out menu. It's also from here where you can switch back to Tab View by choosing Show as Tabs, just like that. Some people prefer the Tab layout because it lets you see all of the insert categories as Tabs without having to click and select from a menu. It's really up to you to decide which format you prefer. I'm going to be mind in Tab View for now.

You can further customize the Insert Bar by adding your own favorites. Truth be told, you're probably not even going to use half of the objects found in the Insert Bar most of the time. As your progress in your {italic}Dreamweaver{plain} usage, you'll get a better idea of which Insert objects you find yourself using most of the time, and you might find it convenient to have them all located in one place, rather than spread across several categories. I've already mentioned that there is a favorites category here, and add an icon to your favorites. As you can see here, I can either Ctrl + click if I'm on a Mac with one mouse, or I can right-click if I have a two-button mouse, or if I'm working in Windows. I can choose Customize Agouties. Here in this window I see a list of all my available objects, and you can see their broken down by category here. All the items that are found under Common are listed there.

All the items found under Layout are listed here. Or, I could even choose from this menu just to see those particular items. So, all you do here is just select each object that you commonly use and add it to the pane on the right. For example, if I create a lot of forms, I might want to have my Form object in here. So, with that selected I'll click this little button, and it's been added over to the Favorite objects pane. I might also want to add a couple of the most common Form elements I use, for instance Text Fields, Checkboxes, and maybe Radio Buttons.

Notice I can also click Add separator here to keep things organized. If I click that that adds a little separator, and maybe I want to go back to my Common category here, and I'm always inserting images, so I'll select that to add an image. And, I'm always inserting tables, so I'll add that. You can also move things up and down this list, which can help me get even quicker access to the objects that I use the most. For instance, if I wanted Image and Table at the top of the list, I can just select Image, click this little up arrow here. Select Table, move that up.

I probably want to move that separator up there as well. You can move items up and down the list with these arrows. You can also remove items. For instance, I decide that I don't use checkboxes enough to warrant having them in my Favorite Objects I can just select that, click the trash icon and it's gone. Once you're done setting up your Favorite Objects click OK, and not you'll find all you're customized Favorite Objects right underneath the Favorites category. You can just keep the favorites category open all the time to access the items that you need. Of course, if you need something that isn't listed here, you can just pull up its category, and find it from there, of even add it to your favorites if you're going to use it often. So, that's the Insert bar.

It's definitely a panel you'll want to keep open all the time. Now, you can actually find just about everything available in the Insert bar under the Insert menu as well. But, I think it's much easier to just use the Insert bar and click icons rather than pulling down a menu every time you want to add something. And, if you accidentally close the Insert bar, just press Ctrl + F2 in Windows, or Command + F2 on the Mac to bring it back. Or, just select it from the Window menu.

The Insert bar
Video duration: 4m 37s 10h 21m Beginner


The Insert bar provides you with in-depth training on Web. Taught by Garrick Chow as part of the Dreamweaver CS3 Essential Training

please wait ...