Dreamweaver Convenient Technique method

Source: Internet
Author: User
Tags first row dreamweaver

This article mainly introduced the Dreamweaver convenient technique method, below introduces for everybody!

1. Flexible use of Style

Familiar with web design users know that the way to call style a lot, we can click the right mouse button to select Custon

Style to invoke the style standard, or you can right-click on the list of elements in the status bar to invoke style. Although different methods achieve the same effect, the resulting HTML code is completely different. Like using Custon.

Style to invoke the style standard, in the Web page code to generate a 〈span〉 tag, so that a lot of tags will make the file is very bloated and affect the browser parsing speed, so we should try to use the status bar of the list of elements to invoke style.

2. Utilize format

Table command

In complex web design, tables are used most of the way, because tables allow you to control exactly where text and images appear on a Web page, making the entire page look compact. Dreamweaver in this respect also not to be outdone, we can use the "Format

Table (format 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, and then select Command → Format

Table command, in the dialog box that appears, select a design from the list on the left. Press "Apply"

Key to see the effect, if not satisfied, you can reset or modify the values of some parameters, such as boundary thickness, background color, and so on.

3. Link to two Web pages at the same time

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" from the behavior panel.

URL ". We will notice that Dreamweaver will be in the "Go"

URL dialog box to display all available frames. Select one of the frames we want to link to and enter the corresponding URL before selecting another frame and entering another URL.

4. Do not give the document the name of Chinese

After making a good web page, we usually give a representative Chinese name to the Web page, one can make people look at the file name can probably understand the contents of the file, and secondly can 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 贒 Reamweaver Save the page, as far as possible in English or number as the file name, This will prevent the above error phenomenon.

5. Cleverly set font resolution

When we make a Web page, we often have this experience, that is, the production of a good web page on the local computer browsing is normal, but on another computer browsing on the discovery of the original beautiful pages become crooked, this is why? The original resolution of each computer to make your home page at different resolutions can be normal display In

A better solution is obtained in the Dreamweaver. In the lower-right corner of the document window, Dreamweaver

Displays the resolution size of the current document being designed. 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.

6. Cleverly Hide Tags

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 and select Invisibel in category

Elements, all element tags 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.

7. Use of drag and drop skills

When we use Dreamweaver to edit a Web page, we often need to insert some image or something, assuming that there are many images to insert, it is very troublesome to operate in the usual way. 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.

8. Automatically set the update time

We know a Web page to get more heads, a very important one is to keep updating. 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 provides an automatic update to modify the time of the source code, we just add this source code to ...<

The purpose of the update time can be achieved between/body>:

<

Script language= "JavaScript" > <

/style>; the second is to click the Text/custom Style/edit/style in Dreamweaver by clicking the mouse sheet/new/redefine

HTML Tag and select a from it, then select None in decoration, and the last click OK succeeds.

12. Clever copy of text

Copying text among several different applications is something we might want to do in the actual work. However, if we copy the 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 from the edit area? We know that we usually use shortcut keys to copy.

Ctrl-c to operate, if we press a C key when copying, then Dreamweaver will only copy the selected text.

13. Use shortcut keys

To improve the efficiency of operations, we can use shortcut keys in Dreamweaver, such as using Ctrl-b or ctrl-i to apply bold or italic formatting to text, or you can use some of 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: Title 6

14. Automatically close the Web page

If we want our web page to be closed automatically within a specified time, add the following code to the tag in the source code:

< script language= "JavaScript" > </script>

Where 3000 of the code represents 3 seconds, it is in milliseconds.

15. Cleverly Set object name

When we use Dreamweaver to make very complex effects, it is possible to use one or more objects frequently and repeatedly, for example, we often need to locate a particular table, image, and so on, and if we do not name multiple objects on a particular page, then when we apply these objects repeatedly, It may be troublesome or error prone. 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.

16. Add dynamic effects to image links

Sometimes in order to achieve a realistic effect, we want the mouse to move to a link can be 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.

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.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.