Dreamweaver classic skills

Dreamweaver has many rich User Wizard functions, which make it look unattainable. These easy-to-Execute skills can guide you smoothly creating new sites.

Connection window

The Dreamweaver user interface is divided into several windows. When it is in the working state, the screen can only accommodate several windows. To save the actual operation status, the best policy is to connect the Opened Window (Dock) together. You may have tried to drag the title bar of a window.ProgramCan complete the connection action, but it does not take effect in Dreamweaver.

The trick to achieve window connection is to drag the tab bar of the window with the mouse, rather than the title bar. Try to drag the tab bar of a window and pass through another window. When a black border appears, release the mouse button and you will find that the two windows have been combined. Now you can connect to any number of windows using this method and merge them into a single window. This saves a lot of screen space and allows you to see the actual working conditions. However, note that the loader window, attribute window, and site window cannot be connected.

Data Input

Dreamweaver allows you to directly input data into a table, which is much easier than cutting and pasting content into cells. However, if the data to be entered contains the insert/table data command, it will be a little troublesome. Unfortunately, dreamweavercan only input TXT files with separators. If you want to process the wordshortexcelfile, You can first export them to A. txt file and then input them to Dreamweaver. You will find that such a solution is as wonderful as a dream!

Delete, restore, and repeat

Inputting data into a table can save a lot of operation time, but one of the most useful functions of Dreamweaver is its historical window. In this window, once the document is opened, every subsequent operation is recorded, so that you can track the operation behavior and simply undo or repeat the last step. You only need to select the last step in the history window and press the delete key, or drag the slide indicator to delete several steps at a time. Similarly, click replay in the window to execute another step.

It's strange that you cannot save more than 50 steps, right? This is a default value. To increase the value, select "Edit/parameter selection" and confirm that the value is on the "normal" function page.

"Maximum historical steps"

Enter a high value in the field. Note that the larger the number of stored steps, the larger the consumed content.

Extension! Extension!

By using extensions, you can add more performance for Dreamweaver. Many developers create extensions and provide it to more users for free. You can visit the Macromedia site to exchange works with everyone. When running Dreamweaver, select "command/get more commands" to automatically start the browser and switch to the site. Download

Extension

Manager, which makes tracking extensions easy.

The following tips help developers who manage large websites and work with other Web developers.

Create album

Creating a thumbnail for many images at a time is a tedious task, especially when you are not an experienced Graphics Expert. It doesn't matter. Dreamweaver has a new function, which can be used as a graphic design assistant to complete the design work according to your requirements. After you tell Dreamweaver which folder contains a graph, it creates a thumbnail for each graph, a page containing the complete graph, and an index page containing all the thumbnail. To use this function, you must first install fireworks.

First, create a file structure: Place all the graphic files in one folder. Then, select "command/create network album" and set the corresponding options. Do not overthink the title and subtitle. You can modify the information later. It is important to specify the source image folder and target folder, because the information determines which files to process. Determine the size, format, and other options of the thumbnail. When you click OK, Dreamweaver transfers control to fireworks to process files in batches and create a very good small album or a continuous product directory. If you have a lot of photos, set them to run and take a rest. Dreamweaver and fireworks will complete all the work.

Create custom commands

Do you remember that one of the most useful functions of Dreamweaver is the historical window? This is not a joke. Based on the operations listed in the history window, Dreamweaver can create a new command sequence.

To create a command, simply execute the steps you want to record. Then, in the history window, select the step you want to save, click the "Save as" icon in the lower right corner, start a name, and click OK. At this point, your custom commands appear in the "command" menu and can be used at will.

Work with others

For Web developers who work with others, they do not have to worry about modifying the files you share.

Dreamweaver uses the check-in and check-out systems to protect files from being opened.

The following tips help you expand and customize Dreamweaver. You need to edit some

Dreamweaver

Therefore, you must first back up the original file.

Create custom object

The Object window allows you to quickly insert a project, such as a form or frame, into a page. To create a custom object, first create a file that containsCode. For example, to create

The CNET builder.com News box first downloads this code and saves it as newsletters.htm. To create a new panel in the Object window

Dreamweaver/configuration/objects

Create a folder named my

Objects. Newsletters.htm

Put it in this directory. At the same time, a graphical file that represents the new object is required. You can create a graphic file by yourself, or simply insert a common icon into Dreamweaver. If you create an icon by yourself, note that an 18

X 18 pixels. Save the graphic file in the same directory with the same name as the new object. The image files here can be used.

Now, restart Dreamweaver or re-import extensions (press Ctrl and click the Object window pop-up menu). You can see a new function page in the Object window, the image is the one you set. You can drag the new object to the page like other objects.

If you are familiar with JavaScript, you can create more complex objects and other extensions, such as floating panels and behaviors. Or, you simply choose Macromedia

Exchange downloads existing objects.

Click here

View the complete object code.

Re-layout menu

Do you dislike Dreamweaver's linear menu? Do you want to move the "window" menu to the rightmost? Because it is more frequently used than the "help" menu. There is absolutely no problem in achieving these goals! First, open the Dreamweaver installation folder, find the file configuration/menus. XML, make a backup, and save it to another place. In the text editor, Open configuration/menus. xml and find

<Menubar> the starting code block contains all Dreamweaver

Menu, each with <menu>

Element description. Find the code segment that represents the "window" menu in this way:

<Menu name = "_ window" id = "dwmenu_window">

...

</Menu>

Cut the code and paste it to the menu that represents "help" (<menu name = "_ Help" id = "dwmenu_mainsite_help">... </menu>), save the file, restart Dreamweaver, and you will see the new menu order. By editing

Menus. XML, You can reset the menu item (<menuitem>... </menuitem>), modify the menu name (using the name attribute), add separators, or add, modify, or delete keyboard shortcuts. Do not forget to create

Backup of menus. xml file! If an invalid code is entered during the modification, Dreamweaver

It will not be automatically restored to the previous status.