Dreamweaver webpage design and production skills

Source: Internet
Author: User
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.

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.