Improve work efficiency! Building a Web site using the Dreamweaver template

dreamweaver| templates

This article selected from the 4U2V studio prepared the "Dreamweaver Web page design and production of 100 cases" (People's Telecommunications publishing house, isbn:7115142394). Reprint of this article is prohibited without the written permission of the copyright owner.

Purchase Address: Click to visit

The design of the inside page of the website is most consistent, when many inside pages are finished, if you want to update the website, one file modification is obviously very troublesome. Simply referencing the template makes it easy to build and update your Web site.

　　Effect description

Make a simple page and make it into a template, and then create a new page with the template, and enter the content at random. Open again and update the template, and the page will also be updated.

　　Creative Thinking

Open the Dreamweaver MX 2004 software new page, and then click Insert, Template object, create template, and then create the template. When you finish making the template, call the template to create a new page. When you update a Web site, open the template file to modify and save.

　　Operation Steps

(1) Open the Dreamweaver MX 2004 software, create a new file, click the Insert menu, and start creating the template as shown in Figure 5-1.

Tip: You must set up a site before you can create a template, otherwise Dreamweaver will prompt you for a new site. Because the template pages you create must be placed under the site to be applied to other pages.

(2) Make navigation bar and frame. First insert a table, two rows, a column, enter the first row of the table, "My album", "My Diary", "Contact me", then position the mouse in the second row, click the Insert menu, create an editable region, as shown in Figure 5-2.

(3) Add a table. Add a table in an editable region, using a table to control the width and height of the editable region, as shown in Figure 5-3.

(4) Set up the table and save the file. Set the height of the table and save the file, save the file name "INDEX.DWT", as shown in Figure 5-4.

(5) Create a new file using the template. Once you have saved the template file, you can use the template to create a new file, as shown in Figure 5-5.

(6) In the page of the editable region to enter information, you can easily input, this is just a demonstration and own.

(7) Open the template file, as shown in Figure 5-6.

(8) Update the contents of the template and save it as shown in Figure 5-7.

(9) After the 4th step, as shown in Figure 5-7, pops up a balloon, as shown in Figure 5-8, and clicks the Close button in the prompt box to complete the operation. When you browse through a Web page created from a template, you can see that some content that is the same as the template content has changed.

A template is a special kind of document that you can use to create a new Web page. Some areas in the template are not editable, called locked areas, and some are editable, called editable regions. You can edit the contents of the editable area to get a new page that is similar but different from the template. The biggest advantage of creating a Web page with a template is that all of the pages created by using the template when you modify the template can be automatically updated one at a time, which greatly increases the efficiency of the maintenance of the Web page update.