Creating Custom Commands
One of the most useful features of Dreamweaver is the History Panel. Based on the history panel, Dreamweaver can create new command sequences. To create a command, simply perform the steps you want to record. Then, in the history panel, select the step you want to save, click the "Save As" icon in the lower right corner, give it a name, and click OK. At this point, your custom command will appear in the "Commands" menu and can be used at will.
Creating custom objects
"Object Panel" is very helpful for quickly inserting items into the page, such as forms, frames, etc. To create a custom object, first create a file that contains the code you want to insert into the document. For example, to create a news box for "CNET Builder.com", first download this code and save it as "newsletters.htm". Then, to create a new panel in the object window, go to "ConfigurationObjects" in the Dreamweaver installation directory. Create a folder under the folder, the name can be set as you wish, for example, call it "My Objects". Place the file "newsletters.htm" into this directory. At the same time, an icon file is required to represent the new object. You can create an icon file yourself, or simply let Dreamweaver insert a normal icon. If you create the icon yourself, please be sure to create an 18×18 pixel GIF file. Save the graphics file in the same directory with the same name as the new object.
Now, restart Dreamweaver or choose to reload into Extensions (press the Ctrl key and click the object window pop-up menu), you can see a new function page in the object window, and the icon is the one you set. You can drag this new object onto the page just like any other object.
If you are familiar with Javascript, you can create more complex objects and other extensions, such as floating panels, behaviors, and more. Alternatively, you simply download ready-made objects from Macromedia Exchange.
Changing the viewer's mouse state
is accomplished by editing a CSS style sheet. The specific method is: select "Text > CSS Style > Edit Style Sheet", the edit style sheet window will pop up, and click the "New" button in it. Then select "Create Custom Style", give the style sheet a name, and click OK. Edit the style sheet, select the "Extend" item on the left, and select the pointer effect to appear in the "Cursor" item on the right.
Use Dreamweaver's anchor tag to create a jump link in a page.
Using Dreamweaver's "anchor tag" we can achieve this function. The specific method is: move the cursor to the place you want to jump to, select "Insert > Named Anchor" in the menu, and enter the name of the anchor. Next, enter "#bookmark name" in the link target box where you want to call the link, so that the jump link within the page is ready. Here, if we fill in the name of the web page before the anchor name, it will jump to the bookmarks in other pages. For example, if we enter "index.htm#top" in the link, when the viewer clicks on this link, it will jump to the "top" anchor in the index page.
Remove the gap between the picture and the table.
To ensure that there is no gap between the picture and the table, it is not enough to just set the border to "0" on the table properties panel. You also need to set the two sides of the cell on the table properties panel. properties are set to "0" (i.e. cellspacing="0" and cellpadding="0").
Use tracking images to help locate the position of each element in a web page.
"Tracking images" is a very effective feature of Dreamweaver, which allows users to use the original graphic design draft as an auxiliary background in the web page. In this way, users can easily locate text, images, tables, layers and other web page elements on the page. The specific use of tracking images is as follows: first use various drawing software to make an imaginary web page layout diagram, and then save this diagram as a network image format (including gif, jpg, jpeg and png). Use Dreamweaver to open the web page you are editing, select "Modify > Page Properties" in the menu, and then enter the location of the web page layout pattern you just created in the "Track Image" item in the pop-up dialog box. Then set the transparency of the tracking image in Image Transparency, OK. In this way, you can easily locate the position of each web page element in the current web page. Web pages that use tracking images will no longer display the background pattern when edited with Dreamweaver, but the opposite is true when browsing with a browser. The tracking image disappears and what you see is the edited web page (of course the background pattern can be displayed).
About "Convert table width to pixels" and "Convert table width to percentage"
"Convert table width to pixels" and "Convert table width to percentage" are two important functions of Dreamweaver for setting the table width. When you open a web page with a table, select a table, and you will see these two buttons in the table properties tool panel that is displayed subsequently. As the name suggests, "Convert table width to pixels" is to express the width of all cells in the table in pixels, while "Convert table width to percentage" is to express the width of all cells in the table to percentages. Think carefully about their role. If the width of a table is expressed in pixels, when the browsing window is enlarged, the table will not enlarge the width of the cells accordingly. Using "Convert Table Width to Pixels" allows a 100% wide table you create at "640×480" resolution to still maintain 100% width at a higher resolution. Therefore, making full use of these two functions can make web page layout more efficient.