The method of window layout in Dreamweaver

Source: Internet
Author: User
Tags dreamweaver

Dreamweaver when editing a Web page , often need to insert some image or something, suppose to insert a lot of images, in accordance with the normal method of operation is very cumbersome. In this paper, the window layout in the Dreamweaver is concretely elaborated for reading.

  1, clever call 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, you can also click on the status bar in the list of elements on the right button to invoke style. Although different methods achieve the same effect, the resulting HTML code is completely different. 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.

  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? Original various The resolution of the 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.

Small series for everyone to edit the Dreamweaver window layout hope for everyone to help!

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.