How do I use a template in Dreamweaver?

Source: Internet
Author: User
Tags blank page dreamweaver

Dreamweaver has a very powerful function, is the template!

What's the charm of that template? What kind of features does it have? Let's give you the triple Ehoy. Detailed description of the template's functionality and use of methods ~~~~~

Templates have the following features:

1. Using templates, we can solidify the elements that appear on every page of the site.

2. Creating a Web page by using a template makes the entire site a unified style.

3. As long as you modify the template, you can modify all Web pages that have applied the template without having to manually modify each page. For example, if you need to change your copyright, do you want a page of copyright modification? What if there are thousands of pages? I believe you will be a head two or three big. But if you use a template, none of this is a problem.

Here is a more comprehensive example, hoping to quickly let you master the use of templates.

 

1. Edit Page

Open Tool Dreamweaver, create a new site, we will be named "Three network."

Create a new blank page as the inner page (usually a website has only one homepage, so we can not make a template on the homepage), named Body.html.

Edit this page, complete as shown in Figure 1.

How does the

Figure 3,new Editable Region window. The

Indicates that there is an editable region marked as Region01.

So far we have defined an editable region, and if you have more than one editing area, you can do the same.

※ You can also use Modifyàtemplatesànew Editable Region ... To create a new editable region, if you want to delete the editable region, you can use Modifyàtemplatesàremove Editable Region ... and then follow the prompts.

4. Create a page with a template

In fact, we mentioned earlier that the steps to generate a page with a template are through the fileànew from Template. Please refer to the steps in step three. Now we use the template to generate a page called body3.htm. At this point, you will find that in the Body3.htm page, in addition to the editable region Region01 can be edited, other places the mouse has become a restricted state. We add what we need in this editable region, such as we write a random article. This allows the template to be used to generate pages based on our needs.

5. Modify the template content and update the site file

To open the BODY.DWT template file and modify what we need to modify, such as changing the logo image or modifying any non-editable region, or even adding or removing editable regions. The following

shows you how the template updates the file by changing the logo.

We replace the logo picture with another image we like, and then save the body.dwt file, when DW will pop up the window to ask if you need to update the file, select UPDATE,DW will automatically update all the pages generated with this template, update DW will pop up update The Pages window is completed, and an update log is given in the Update Pages window.

If you select Don t update,dw directly to keep the template file, temporarily do not update the page, but we can manually update the page, just select Modifyàtemplatesàupdate pages ... Can.

Then we open any page that is generated with BODY.DWT, such as body3.htm. Will find that the logo image has changed.

is not difficult to find, using this function, we can easily solve the problem of site updates, template function is very powerful, this article only played a role in the text, many features due to the length of the problem could not be mentioned, they have to try more, so as to fully appreciate the template style of DW.

 

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.