Full access to basic Dreamweaver skills

Source: Internet
Author: User
Tags delete key dreamweaver

5. Efficiency improvement skills

Dreamweaver also contains many commands that can greatly improve work efficiency, including the establishment of library projects, the use of templates, the functions of the history panel, and the search and replacement functions. Here I will introduce a few tips to demonstrate how powerful these commands are.

1. Tips for clearing Word files.We often need to convert some Word files to HTML files, but the conversion result is that the generated HTML file is very large and contains a lot of repeated code, using Dreamweaver functions, you can easily clear useless code. First open the HTML file generated by Word and execute the Clean Up Word HTML command under the Commands menu. The program automatically recognizes the original version of Word and clears useless code. At this time, the file still has a lot of repeated code, mainly including a large number

Label, we can execute the Clean up HTML command under the Commands menu again, select the Specific Tag (s) option in the pop-up dialog box, and enter the span and p tags, separated by spaces in the middle, after the command is executed, all span and p labels are cleared.

 


However, each image attribute in the file also contains a property similar to v: shapes = "_ x0000_i1025". We also need to clear these attributes. Open the search and replace panel, click the Settings in the figure to set the replacement rules, and then you can clear these attributes of all images. As shown in the figure;

 


2. Quickly replace the file title.Previously I introduced that you can replace the file title in the site window, but you can only replace the title of one file at a time. We can try to replace the title of multiple files with the search and replace command described in the previous step. Generally, the title of the newly created file is Untitled Document. You can open the Edit-Find And Replace command And perform the following settings, replace the title of all files on the current site with the title of Untitled Document.

 

3. Set the default document format.The above method is quick, but every time we create a new file, the default file title is still Untitled Document. When a document is created, Dreamweaver calls a default page as the default format. This file is a \ Dreamweaver 4 \ Configuration \ Templates file. When we create a file in the future, Dreamweaver will automatically apply the format we set, which can greatly improve work efficiency.

VI. Post-maintenance

Well, after so many introductions above, we have mastered some tips for creating web pages, but do you not have any errors when finishing the pages? Are all links correct? Does your page work well in various browsers? Are there many unnecessary files on your site? Many similar problems still exist, all of which are post-site detection and maintenance. Here we will introduce several later detection techniques.

1. Link detection.Run the File-Check Links command in the menu. Dreamweaver automatically detects all Links in the current site and invalid Links, as shown in the following figure:

 


Double-click a detected result. The corresponding page is automatically displayed and the error link is located directly. This makes it easy for us to modify the link error.

2. Quickly detect useless files.Execute the menu command Site-Check Links Sitewide to enable the link file detection function. We can also use this function to Check and delete useless files on the Site. Select Orphaned Files from the top drop-down list. Useless Files on all sites are listed below. Select all the Files and press the Delete key to Delete them.

 

3. Quickly generate a site report (Reports ).Run the menu command Site-Reports to quickly generate Site Reports or file Reports that meet certain conditions according to our needs, for example, empty tags that can be deleted, untitled file titles, images without Alt attributes, and so on. As shown in the following figure:

 


In the drop-down list at the top of the page, select the scope to be checked, such as the entire site, current document, or a folder, and then select the conditions to be checked, the execution result is automatically displayed in a dialog box. You can double-click one of them and directly open the source file for modification. As shown in the following figure:

 


Note that if you have a large number of website files, this command will consume a lot of system resources, so it is best to select only one condition at a time.

Postscript:I have already introduced a lot of skills here. In fact, there are many similar functions in Dreamweaver, but I personally think these are not skills. Many of them are the basic functions we need to master, however, there will be many methods on the road to the goal. These may be some ways to achieve the goal quickly.

 

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.