Tutorial/dreamweaver/Introductory dreamweaver 4 Concise Tutorial 2 (Preliminary understanding Dreamwe

dreamweaver| Tutorial

start of the Dreamweaver

The Dreamweaver installation process is very simple, but once successfully installed, you can find the Dreamweaver option in the Start menu:



　　 edit Window

First start Dreamweaver, the first to see is the Dreamweaver edit window, do not give the above dense floating window intimidated, in fact commonly used, on the following several:



① Main Menu: Here you can find the most functions of the editing window;
② toolbar: Is the new function of Dreamweaver4;
③ Object Panel (Objects): In the process of editing a Web page, add elements such as pictures, tables, layers, and Flash to the page by clicking the buttons on the object panel. We refer to these elements as objects. You can insert other types of objects, such as special characters (Characters), Forms (froms), and so on, by clicking the down arrow on the object panel.



④ Property Panel: A property that displays the selected page element and can be modified on the property panel. When you select a different page element, the Properties panel displays something different, such as the properties displayed by the picture and the table. In addition, click on the small triangle in the lower right corner of the property panel to reduce or expand the properties panel according to the needs of use, it is recommended to be set to expand mode in general.
⑤ Panel Group (also known as dockable floating panels): Dreamweaver There are many other floating panels, we can according to their own preferences, the different floating panels to regroup, which is called panel group. In Photoshop, there are similar concepts.
⑥ Quick Launch bar (also called Startup panel): A floating panel for displaying or hiding responses. The boot panel corresponds to the mini boot bar one by one in the lower right corner, which is to switch to the site manager, switch to the behavior panel, and view the page source code.
⑦ Edit Area: Displays the edited page content in WYSIWYG:

Tip 1 if the floating panel on the screen is too cluttered, even if it is beyond the desktop range (especially if this is particularly true after changing the display's resolution), you can select the "Window > Arrange Panels" in the main menu to automatically rearrange the floating panels.

"Hint 2" below are several commonly used floating panels that quickly turn on and off the hotkey, remember as it will be used frequently during the production process:

Properties Properties Panel: CRTL+F3
CSS Styles Style Panel: shift+f11
Behaviors Behavior Panel: SHIFT+F3
Objects Object Panel: CRTL+F2

Site window　　


The Site window is dreamweaver Another important window, the left half of the remote site directory, the general display is empty, only in the FTP connected state only to display content; Is the right half the local directory in the current edit, is it a bit like a Windows Explorer? Yes, the role of the site window is actually intuitive and convenient for you to let you like the management of the files on the hard disk Management of your site.



You will frequently switch between the edit window and the Site window in the process of making your Web page later.