Dreamweaver Classic skills, one can not be less

Source: Internet
Author: User
Tags add object contains delete key insert connect window dreamweaver
dreamweaver| tips Dreamweaver Make it easy to build a Web site, but don't mistake it for simple functionality. In fact, this effective Visual Web development tool is also chosen by professional designers, many of which are ideal for developers who need strong site management tools or want to use their own template extensions to work together. Even better, the flexibility of Dreamweaver allows you to improve the technical level anyway! That being the case, why not start using these techniques now to give full play to Dreamweaver's powerful features?

Dreamweaver has many rich User Wizard features, which makes it seem irresistible charm. These easy to execute techniques can guide you through the flow of creating a new site.

   Connect window

The Dreamweaver user interface is split into several windows, and when working, only a few windows can be accommodated on the screen. In order to preserve the actual operational state, the best strategy is to connect the open window (dock) together. You may have tried dragging the title bar of the window, which can be done in many programs, but not in Dreamweaver.

The trick to implementing a window connection is to drag the tab bar of the window with your mouse instead of the title bar. Try dragging the tab bar of a window and skimming another window, and when you see a black border, release the mouse button and you will see that 2 windows have been combined. Now you can connect as many windows as you like, and eventually merge into a single window so you can save a lot of screen space and see the actual work. Note, however, that the loader window, the Properties window, and the site window are not connected.

  

   Data entry

Dreamweaver allows you to enter data directly into a table, which is much easier than cutting and pasting content into cells over and over again. But if the data you want to enter contains the Insert/table Data command, there is a problem. Unfortunately, Dreamweaver can only enter a. txt file with delimiters. If you want to work with Word or Excel files, you can output them as a. txt file before entering into Dreamweaver. You will find that this approach is as wonderful as a dream!

   Delete, resume, repeat

Entering data into a table can save a lot of operational time, but one of the most useful features in Dreamweaver is its historical window. In this window, once the document is opened, each subsequent operation is recorded so that you can trace the action and simply undo or repeat the last step. You only need to select the last step in the History window and then press the DELETE key, or drag the slide indicator to one step at a time to remove several steps. Also, click the Replay button in the window to perform a step again.

It's strange not to save more than 50 steps, right? This is a default value. To increase this value, select Edit/Parameter selection to confirm that you are on the normal feature page and enter a higher value in the history step maximum field. Note that the larger the number of save steps you set, the greater the amount of content you will consume.

  

   Extended! Extended!

By using extensions, you can add more performance to the Dreamweaver. Many developers create extensions and provide them free of charge to more people to use. You can visit Macromedia's site to exchange work with others. When you run Dreamweaver, when you select command/Get more commands, the browser starts automatically and transfers to the Exchange site. Before you start collecting all the new tricks, download Extension ManagerFirst and it will be easy to track extensions.

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

   Create album

Creating thumbnails at once for many graphics is a tedious task, especially if you are not an experienced graphic expert. No, Dreamweaver has a new feature that, like one of your graphic design assistants, completes the thumbnail design work as you want. You tell Dreamweaver which folder contains graphics, it creates a thumbnail for each of them, creates a page with full graphics, and an index page that holds all the thumbnails. To use this feature, you need to install fireworks first.

First, create the file structure: Put all the graphics files into a folder. Then, select command/Create a network photo album, and set the appropriate options. Do not overly consider headings and subheadings, which can then be modified. It is important to indicate the source graphics folder and the destination folder, because this information determines which files are processed. Also determine the size, format, and other options for the thumbnail. When you click OK, Dreamweaver transfers control to fireworks, which starts batch processing of files, creating a very good small photo album or a continuous product catalog. If you have a lot of photos set up so that it starts running and then go for a rest, Dreamweaver and Fireworks will do all the work.

   Creating custom commands

Do you remember that one of the most useful features of Dreamweaver is the History window? It's not a joke. Dreamweaver is able to create a new command sequence based on the operations listed in the History window.

To create a command, simply perform the steps you want to record. Then, in the History window, select the steps you want to save and click the "Save as" icon in the lower-right corner and click OK. Your custom commands appear on the Command menu and are available at your discretion.

   Work together with others

For web developers working with others, he doesn't have to worry about other people modifying the files you share. Dreamweaver uses check-in and check-out systems to protect open files.

The following tips will help you expand and customize your Dreamweaver. In the implementation process, you need to edit some of the Dreamweaver configuration files, so be sure to make a backup of the original files first.

   Create a custom object

Object Windows facilitate quick insertion of items in a page, such as forms, frames, and so on. To create a custom object, first create a file that contains the code you want to insert into the document. For example, to create the CNET builder.com news box, first download the code and save it as newsletters.htm. Then, to create a new panel in the object window, create a folder under Dreamweaver/configuration/objects, and the name can be set with you, such as my Objects. Place the file newsletters.htm in this directory. At the same time, you need a graphics file that represents the new object. You can create a graphics file yourself, or simply let Dreamweaver insert a normal icon. If you are creating your own icon, be aware of creating an X 18 pixel gif file. Save the graphic file in the same directory with the name of the new object. The graphics file here can be used.

Now, reboot the Dreamweaver or choose to reset the extensions (press CTRL, click the Object Window pop-up menu), you can see a new function page in the object window, the graph is the one you set. You can drag the new object into the page just as you would any other object.

If you are familiar with JavaScript, you can create more complex objects and other extensions, such as floating panels, behaviors, and so on. Alternatively, you simply download the ready-made objects from Macromedia Exchange .

Click here to view the complete object code.

   Re-layout Menu

Are you very disgusted with Dreamweaver's straight-line menu? Do you want to be able to move the Window menu to the far right? 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/menus.xml, make a backup and save it to another place. Then, open configuration/menus/menus.xml in the text editor and find the code block starting with < Menubar>, which contains all the Dreamweaver menus, each with < menu> Element description. In this way, locate the code snippet that represents the Window menu:

< menu name= "_window" id= "Dwmenu_window" >
...
</menu>

Cut and paste the code behind the code snippet that represents the Help menu (< menu name= "_help" id= "Dwmenu_mainsite_help" >...</menu>), save the file, restart Dreamweaver, you'll see the new menu order. By editing Menus.xml, you can also rearrange menu items (< menuitem>...</menuitem>), modify menu names (using the Name property), add delimiters, or add, modify, and delete keyboard shortcuts. Don't forget to create a backup of the Menus.xml file! If illegal code is entered during the modification, Dreamweaver does not automatically revert to the previous state.



Related Article

Alibaba Cloud 10 Year Anniversary

With You, We are Shaping a Digital World, 2009-2019

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.