Dreamweaver uses 13 quick techniques

Users familiar with web design know that there are many ways to call styles. We can right-click and choose Custon Style to call the Style standard, you can also right-click the element list in the status bar to call the Style. Although different methods seem to have the same effect, the HTML code actually generated is completely different.

1. Flexible use of styles

Users familiar with web design know that there are many ways to call styles. We can right-click and choose Custon Style to call the Style standard, you can also right-click the element list in the status bar to call the Style. Although different methods seem to have the same effect, the HTML code actually generated is completely different. For example, if you use Custon Style to call the Style standard, a <span> label is generated in the webpage code. If there are more than one tag, the file will be very bloated and the browser's resolution speed will be affected, therefore, we should try to use the element list in the status bar to call the Style.

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.

6. Cleverly hide tags

If an invisible element is inserted in a webpage, Dreamweaver automatically adds an element label corresponding to the element label on the page, so that we can select an invisible element. But this is not all a good thing. For example, we insert a table in the first row of a page with many layers, as a result, the table is automatically redirected to the second row of the page because too many layer element labels are arranged in the first row. Although The table does not affect the effect during browsing, this will indeed hinder our work. So when we feel that an element label is out of the way, we simply block it. Press Ctrl + U to open the Preferences panel and select Invisibel Elements in Category. All element labels will appear on the right of the panel. As long as you remove the check box before the unneeded element tag, it will not appear again in the future.

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.</