18 Operation Skills of Dreamweaver Web page making

Source: Internet
Author: User
Tags first row

1, in the design of Web pages, everyone likes to use style to call the way, because it can make the page more unified, but also make the design process easier. There are many ways to call style, right-click to select Custon style to invoke the style standard, or right-click on the list of elements in the Dreamweaver status bar to invoke style. The results of different methods of operation are the same, but the resulting HTML code will vary. For example, using the Custon style to invoke the style standard, in the Web page code to generate a 〈span〉 tag, so that a lot of labels will make the file is very bloated and affect the browser parsing speed, so we should try to use the status bar in the list of elements to call style.



18 Dreamweaver of Operation know-how

2, so that the font to adapt to different resolutions we are in the production of web pages, often have this experience, that is, the production of a good web page on the local computer browsing is normal, but in another computer browsing on the original beautiful web page has become crooked, this is why? The original resolution of each computer to make your home page at different resolutions can be normal display, in the Dreamweaver has been a better solution. In the lower-right corner of the document window, DREAMWEAVER displays the resolution size that the current document is designed to be. By clicking which number, you can specify the display resolution for the current page in the pop-up menu, and you can make your homepage more flexible by modifying it. So that the different resolution of the display can be better display.

3, the use of drag-and-drop technology we are using Dreamweaver to edit the Web page, often need to insert some image or something, assuming that there are many images to insert, according to the normal way to operate is very troublesome. We can use the drag-and-drop technique to solve this problem well. First we turn the Dreamweaver operation window into the active window to make room to display the Explorer window, find the image files to insert, and drag them one by one with the mouse to the appropriate parts of the Web page. Dreamweaver will automatically add the URLs of these images to the HTML code of the file, which, of course, requires the dragged image file to be a file in a Web image format such as GIF, JPG, and so on. For images that are already on the web, just drag them over. However, if there is a hyperlink on the image being dragged, you can no longer use the drag technique, as it is simply the hyperlink address that was dragged over.

4, good for the object name we use Dreamweaver to make very complex effects, it may be necessary to often repeat the use of one or more objects, such as we often need to locate a particular table, image, etc., if we do not give a certain number of objects in a page name, It can be cumbersome or error-prone when applying these objects repeatedly. To make it easy to invoke these objects, we should remember to give it a representative and easy to remember name every time we create a new object. When naming these objects, we can do so by using the object's Properties panel.

5. Use shortcut keys to increase efficiency in order to improve the efficiency of the operation, we can use shortcut keys in Dreamweaver, such as using Ctrl-b or ctrl-i to apply bold or italic formatting to text, You can also use the following keyboard shortcuts to apply HTML formatting 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: Superscript Question 6

6, one link to two pages we all know that hyperlinks can only be linked to one page at a time. If we want to open the document in a different frames page at once, you can use the go to URL javascript behavior. Open a frames page, select the text or image, and then select Go URL from the behavior panel. We will notice that Dreamweaver will display all available frames in the Go to URL dialog box. Select one of the frames we want to link to and enter the corresponding URL before selecting another frame and entering another URL.

7, use the "FORMAT table" command to modify the Web page in the complex web design, the application of the table is the most, because the use of tables to control the text and the image of the location on the page, so that the entire Web page looks compact and unified. Dreamweaver in this area, we can use the Format table (formatted table) command to quickly apply a predesigned style to a table. To use a predesigned style, first place the cursor in any cell in the table, select command → FORMAT TABLE, and in the dialog box that appears, select a design from the list on the left. Press the APPLY key to see the effect, and if not, you can reset or modify the values of some of the parameters, such as boundary thickness, background color, and so on.

8, as far as possible do not give the document the name of Chinese people in the production of a Web page, usually to the Web page a representative of the Chinese name, one can make people look at the file name can probably understand the contents of the file, and secondly to facilitate the mutual call between the hyperlinks. But if you do this in the Dreamweaver, you will find that Dreamweaver is not too good for Chinese filename, often the phenomenon of incorrect page calls, so we later save the page in Dreamweaver, as far as possible in English or number as the file name, This will prevent the above error phenomenon.

9, often save the current edited files have netizens say often save files is not afraid of sudden panic? That's certainly true, but we have to keep our files in Dreamweaver and have a special meaning. Because when we design the homepage, Dreamweaver will keep track of any changes we make to the file, which means that even if we simply move an object on the homepage, Dreamweaver can generate a lot of temporary source code, and imagine that if you make a lot of changes on the home page, The resulting large amount of code becomes difficult to manage, which can affect the performance of the system. So we find that if the performance of Dreamweaver starts to degrade, this could be because the large amount of code residing in memory becomes too large, as long as the file is saved and the temporary code disappears to improve performance, so later when we use Dreamweaver, Have the habit of saving files frequently.

10, automatically add the update time in the Web page we know a page to get more heads, a very important one is to constantly update. But for our personal web pages, it is not easy to update every day in a timely manner. Therefore, we hope that the Web page can be automatically updated, the following author to provide an automatic update to modify the time of the source code, we just add this source code to

11, let the mouse move to the image Link has a dynamic change sometimes we want to achieve a realistic effect, we hope that the mouse to move to a link can have a dynamic production. This effect can be easily achieved with Dreamweaver. Design, we first need to prepare two images, the first is the original image, the second is the mouse moving up the image. Then click the first picture with your mouse, and in the link bar in the property panel, fill in the file you want to link to. Then click the F8 key on the keyboard, click the "+" number in the pop-up Behaviors window, then select "SWAP image", select the second image in the window that appears, and then click OK.

12, let the Web page automatically closed if we want our own web page in the specified time to automatically shut down, you may wish to add the following code in the source code of the page

13, add a single or a few spaces in the Web page input space you will? Some people say that click the space bar does not become! However, when we click the spacebar in Dreamweaver, it doesn't seem to work. So what should we do? No hurry, there are two ways to enter a space: first, in the source code input, each between the use of space to separate; second, click on the keyboard composite key ctrl+shift+space.

14. Hide unnecessary labels

If you insert an invisible element into a Web page, Dreamweaver automatically adds a corresponding element label to the page so that we can select invisible elements. But it's not all good, like we're inserting a table on the first line of a page with many layers, you will find that because the first row arranges too many layer element tags to make the table automatically back to the second row of the page, although it does not affect the effect of browsing, but it really will hinder our work. So when we think an element tag is in the right place, we simply block it out. The method is to press Ctrl+u to open the Preferences panel, select Invisibel ELEMENTS in category, and all element labels appear on the right side of the panel. As long as the unwanted element tag is removed before it is guaranteed to not appear again.

15, use the custom window function test webpage

In front, the author has said that in different resolutions of the Web page display effect will be great, who do not want to work hard to design their own pages in different resolutions will be unrecognizable, so the test page in different resolution of the browsing effect is a very important step in the production of Web pages. And Dreamweaver let the user very easy to implement the test, we can in the Dreamweaver interface of the status bar in the middle, select the required resolution to adjust the window size, so as to achieve at different resolutions to test the Web page.

16, copy only the text in the editing area in the middle of several different applications to copy text, is what we can often do in the actual work. However, if we copy text from the editing area from Dreamweaver to another application, the HTML code and the text will be copied together, so how can we just copy the text in the edit area? We know, usually copy with the shortcut key ctrl-c to operate, if we are copying the time to press a C key, then Dreamweaver will only copy the selected text.

17, remove the underline of the link sometimes in order to achieve a certain appearance of special effects, we want to the hyperlink below the underscore screen off. We also use two methods to achieve this:

The first is in the source code of the

The second is to click the Text/custom style/edit/style sheet/new/redefinehtml TAG in Dreamweaver, and select a from, and then select None in the decoration, Finally click OK to succeed.

18, the definition of Web pages in order to make their own web pages in search engines can easily be retrieved, the exact definition of keywords in the Web page is a very important work. In Dreamweaver, there are two ways to define keywords in a Web page: First, in the

Content in the contents of the keyword, in order to improve the hit rate of the search, we can repeatedly use the same keyword, separated by commas in the middle, another way is in Dreamweaver with the mouse click the insert/head/keywords command, Repeat the keyword you want to retrieve in the dialog box that pops up later.

Original address: ttp://soft.zol.com.cn/361/3619572.html

Related Article

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

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.