|
Step by step exercise. Unit 11. Creating a template |
|
Objective |
|
To Practice the procedures used to create templates from an existing file.
|
| 1 You need to open Dreamweaver in order to perform the exercise. 2 If the Files panel doesn't show up, open it through the Window menu, and then the Files option. 3 Select the Animals site in the Files panel. 4 Click twice on template.htm file in the Files panel. The document will be opened in Dreamweaver. 5 Click on the Save as template option of the File menu. A new window will be opened. 6 In Site: select Animals. 7 In Save as: write animalstemplate. 8 Click on the Save button. The opened file in Dreamweaver will be the template. 9 Place the mouse in the table first cell. 10 Click on the Insert menu. 11 Select the Template objects option. 12 Select the Editable Region option . 13 In Name: write Title. 14 Click on the Accept button. 15 Place the mouse below the table. 16 Click on the Insert menu. 17 Select the Template Objects option. 18 Select the option Editable Region. 19 In Name: write File Region. 20 Click on the Accept button. 21 Click on the Save Now we are going to create files based on the template. 22 Open a blank file. 23 Click on the Modify menu, then Templates, and then the Apply template to page option. 24 Select the animalstemplate template . 25 Check Update page when template changes. 26 Click on the Select button. 27 Write title Page 1 in the editable zone. 28 Write File Region This is the first page in the editable zone. 29 Save the file as pag1.htm. 30 Repeat steps 22 to 28, substituting Page1 for Page2 and This is the first page for This is the second page. 31 Save the file as pag2.htm. 32 Check the pages Pag1.htm and Pag2.htm in your browser. We are now going to change the template. 33 Click on the Window menu. 34 Select the Actives option. 35 If the templates list doen't
show up click on the 36 Select the animalstemplates template . 37 Click on the 38 In page properties select the #33CCFF color as backgorund color. 39 Click on the Save 40 Check pages Pag1.htm y Pag2.htm in your browser. And check that without changing these pages, they have now changed their background color, and have been automatically updated by updating the template. |
| |
|
Legal
warning: Authorised on-line use only. It is not allowed the use
of these courses in companies or private teaching centres.
|