Find the little-known tips of Dreamweaver

I. Background analysis

For professional web page makers who want to create complex Web pages in a visual environment, Dreamweaver has gradually become the best choice for professionals to compile web pages. According to a survey by Macromedia, Dreamweaver currently has more than 0.7 million users, ranking among the most popular web editing tools, competitors such as AdobeGoLive and NetObjects Fusion are far behind. Therefore, it is generally estimated that the use of Dreamweaver will continue to increase.

With this overwhelming penetration rate, we can imagine that the built-in functions of Dreamweaver are more and more diverse and complete. In this introduction, we have added some new features to provide web page makers with faster design, easier coding, and more integrated functions. The following describes how to make good use of some functions in Dreamweaver. The following 12 secrets can be divided into four topics. They are: designing webpage pages (with elastic page design functions in Dreamweaver) and using Dreamweaver with other Macromedia products (making animations and pictures is not human-friendly) custom user interface (enjoy personalized user experience) and finally add the Dreamweaver extension program (load the extended advanced functions on the webpage ).

II. Tips for designing web pages

Whether you want to use the original HTML syntax to write a webpage word by word, or use a standardized window for visual design of the webpage, the following tips can be used.

Tip 1: make the page size more elastic

Some web developers refer to the following technique as "liquid", which is called "flexible extension" here ". This is a trick. When the visitor's browser window size changes, the page size is adjusted accordingly. Therefore, if the window is too large, there will be no blank space; if the window is too small, the pull bar will not be moved up or down. In fact, most simple web pages adjust the page size based on the browser window size. However, if many different frameworks and tables are used in the webpage, it is difficult to adjust the page size automatically and elastically. Generally, Web designers use a combination of fixed-width frames and GIF images to design webpage pages. In this way, whether InternetExplorer or Netscape Navigator is used, the page size will be fixed and will not run away. With Dreamweaver4.0, you can easily design webpages that will be automatically and elastically adjusted. What should I do?

★Practice: Open the webpage with a button on the tool panel (Objectpalette) and convert it to Layoutview ). At this time, you can see the bar degree of the text box, there is a small drop-down arrow in the middle of the box in each column, click the small arrow above the bar to set the elastic display, then, select MakeColumn Autostretch ). (Set the width of the auto-adjust column to the limit of one column) at this time, there will be a wavy line above the box, rather than the number originally representing the bar degree. Dreamweaver will automatically create a space image for a fixed layout. This blank image is displayed in two long blank tables on the top of the bar, so that the layout will be automatically filled to complete the elastic layout settings. (When a blank image is added for the first time, a dialog box will pop up asking you if you want to use the built-in image. To find the effect, we recommend that you enable Dreamweaver to generate one automatically, otherwise, you do not need to fill the layout with blank images .)

Tip 2: Create a personal palette

Dreamweaver's new "Assetspanel" (attribute control panel) is a new tool for managing files based on file formats, such as images and styles, when editing websites.

★Specific practice: when you define a new Site point (click Site NewSite), all types of objects will be automatically added to the appropriate table box in "Asset panel. The newly added "Assetspanel" property control panel also has a color box that stores all the colors used on your website, including the text color and background color, and the hyperlink color. This is a website navigation color disk tailored for users. Start "Assetspanel" (select "Window" and then click "Assets"), and then click the small color scroll on the left side to view various color options on your website. Of course, you can drag these colors to some selected text. Even when you choose a certain color, the color of the hexadecimal value of this color will appear on the screen, and the three primary color control code (RGB ). To narrow down the palette toolbar, you can add only some colors to the "My Favorites" section of the palette. You only need to whitelist the selected color and click the "add to my favorites" button in the window (the button at the bottom to the right.

Tip 3: Create a pop-up menu navigation system

The Pop-up Menu NavigationSystem requires a lot of JavaScript syntax and skills. However, if you have Dreamweaver and Fireworks Studio, you can easily and quickly create a Pop-up Menu NavigationSystem.

<