Dreamweaver webpage design and production skills and Improvement

1. flexible use of styles familiar with web design 2. Using FormatTable commands in complex web design, tables are used most frequently, because tables allow you to freely control the locations where text and images appear on the web page, making the entire web page look compact and unified. Dreamweaver does not lag behind in this regard. We can use the "Forma"

1. flexible use of styles familiar with web design 2. Using the Format Table command in complex web design, tables are used most frequently, because tables allow you to freely control the locations where text and images appear on the web page, making the entire web page look compact and unified. Dreamweaver does not lag behind in this regard. We can use the "Forma"

1. flexible use of styles

Familiar with Web Design

2. Use the Format Table command

In complex web design, tables are used most frequently, because tables allow you to freely control the locations where text and images appear on the web page, making the entire web page look compact and unified. Dreamweaver is not far behind in this regard. We can use the "Format Table" command to quickly design a style pre-designed for the Table application. To use a pre-designed style, place the cursor in any cell of the Table, and then select the "Command"> "Format Table" Command. In the subsequent dialog box, select a design scheme from the list on the left. Press the "Apply" key to view the effect. If you are not satisfied, you can reset or modify the value of some parameters, such as the boundary width and background color.

3. Link to two webpages at the same time

We all know that a hyperlink can only be connected to one page at a time. If you want To open a document on a different framework page at a time, you can use "Go To URL" JavaScript behavior. Open a webpage with a frame, select text or image, and then select "Go To URL" from the behavior panel ". We will notice that Dreamweaver will display all available frameworks in the Go To URL dialog box. Select one of the frameworks we want to link, enter the corresponding URL, select another framework, and enter another URL.

4. Do not give a Chinese name to the file

After creating a webpage, you usually create a representative Chinese name for the webpage, so that you can get a rough idea of the content contained in the file by looking at the file name, second, to facilitate the mutual calls between super links. However, if you do this in Dreamweaver, you will find that Dreamweaver does not support Chinese file names very well, and page calls are often incorrect, therefore, when saving webpages in Dreamweaver, we should try to use English letters or numbers as the file name, so as to avoid the above error.

5. cleverly set the font resolution

We often have this kind of experience when making web pages, that is, the well-made web pages can be viewed normally on the local computer, but when I browsed on another computer, I found that the original beautiful web page had become distorted. Why? In the past, the resolution of each computer should be properly displayed on your home page at different resolutions, which is better solved in Dreamweaver. In the lower-right corner of the document window, Dreamweaver displays the resolution size designed for the current document. Click a number to specify the resolution for the current page in the pop-up menu. You can modify the resolution to make your home page more flexible. Display the display at different resolutions.

7. Use drag and drop Techniques

When using Dreamweaver to edit webpages, we often need to insert some images or something. If there are many images to be inserted, It is very troublesome to operate according to the conventional method. We can use the drag-and-drop technique to solve this problem well. First, we turn the Dreamweaver operation window into an activity window to free up space to display the Explorer window. Find the image files to be inserted and drag them one by one to the appropriate part of the web page, dreamweaver will automatically add the URLs of these images to the HTML code of the file. Of course, the image file to be dragged must be in gif, jpg, and other web image formats. The same is true for images already on the web page. You can drag them directly. However, if the image to be dragged has a hyperlink, you cannot use the hyperlink technology, because at that time, the hyperlink address is dragged.

8. automatically set the Update Time

We know that a Web page needs to be updated continuously to get more back-to-back rates. However, it is not easy to update personal webpages every day. Therefore, we hope that the web page can be automatically updated. The author will provide a source code that can automatically update the modification time. We only need to add this source code... </BODY>:

<Script Language = "JavaScript"> </script>. Second, click Text/Custom Style/Edit/Style Sheet/New/Redefine HTML Tag in Dreamweaver, select a, select none in decoration, and click OK.

12. cleverly Copy text

Copying texts between several different applications is something we may need to do in practice. However, if we copy the text in the editing area from Dreamweaver to another application, the HTML code and text will be copied together, so how can we copy only the text in the editing area? We know that the shortcut key Ctrl-C is usually used for copying. If we press a C key when copying, Dreamweaver will only copy the selected text.

13. Make good use of shortcuts

To improve the operation efficiency, we can use shortcuts in Dreamweaver, for example, using Ctrl-B or Ctrl-I to apply the bold or italic text format, you can also use the following keyboard shortcuts to apply HTML format to selected text: Ctrl-0: unformatted Ctrl-T: paragraph Ctrl-1: Title 1 Ctrl-2: Title 2 Ctrl-3: Title 3 Ctrl-4: title 4 Ctrl-5: Title 5 Ctrl-6: Title 6

14. automatically close the webpage

15. cleverly set the Object Name

When using Dreamweaver to create very complex results, we may need to repeatedly use one or more objects, for example, we often need to locate a specific table or image, if we do not name multiple objects in a webpage, it may be difficult or error-prone to duplicate these objects. To make it easy to call these objects, we should remember to give them a representative and easy-to-remember name every time we create a new object. When naming these objects, you can use the "attribute" Panel of the object to operate them.

16. Add dynamic effects for image links

Sometimes, in order to achieve a realistic effect, we hope that the mouse can be moved to a link to produce dynamic results. Using Dreamweaver can easily achieve this effect. During the design, we first need to prepare two images, the first is the original image, and the second is the image after the mouse moves. Next, click the first image, fill in the file to be linked in the Link bar of the property panel, click the F8 key on the keyboard, and click the "+" in the pop-up Behaviors window, select "swap image", select the second image in the displayed window, and click OK.