Dynamic web template
Microsoft Expression web tutorial
Dynamic Web Template
A dynamic web template is a primary HTML copy of a web page that you can create to contain parameters, layout shape and page elements such as text, graphics, layout, styles, and regions of a web page that can be edited.
When you attach a dynamic web template to pages in a website, that template defines the layout of those pages. You can use any number of dynamic web templates in a website, and you can attach a dynamic web template to as many pages as you want.
Using dynamic web templates, you can create HTML pages that share the same layout. In addition to providing a shared layout, you can make certain regions of a template available for editing while preventing changes to other regions of that template.
This means that you can authorizer other people to add and edit content, but keep the page layout and the template itself.
The Need for Dynamic Web Templates
The most important concept in website design is to maintain a consistent appearance for your site and with the dynamic web template you can reach. The dynamic web template provides -
Basic pages such as Sitemap, Contact, About and Search pages. A visitor should be able to access your home page from any page on the site.
Consistent navigation throughout your site.
Consistent appearance throughout the site.
Create Dynamic Web Template
To create a Dynamic Web Template (DWT), you start with an empty HTML page and save it as that * .dwt file . Let's take it step by step and learn more.
Step 1 - Open the file index.html and select the menu option File → Save As… , which will open the Save As dialog box.
Select dynamic web template (*. dwt) in the Save as type drop-down list and change the name of the index file to master.dwt and click the Save button.
Step 2 - Now you will see a new master.dwt file is created in the folder list. Let's create a new HTML file and call it index_2.html. Open the master.dwt file and in Design view or Code view , right click inside the main content tags.
Step 3 - In the menu, select Manage Editable Regions… which will open the Editable Regions dialog box.
Step 4 - In the region name, enter a name for the editable region, then click Add. Repeat to add additional editable regions if desired.
Step 5 - Once you've added all editable regions, click Close Now navigate to the file index_2.html and select it from the folder list as well.
Step 6 - Go to the Format menu and select Dynamic Web Template → Attach Dynamic Web Template… which will open the Attach Dynamic Web Template dialog box.
Step 7 - Select the Dynamic Web Template which here is the master.dwt file and click on the Open button button. You will receive a warning message. Click Yes.
Step 8 - You can see the same template is applied to the index_2.html file. Similarly, you can add the same time is added to as many HTML pages on the website as you want.
Step 9 - On this page you can only edit the content section main. If you move the mouse to the other section, you will see that it is not editable and the mouse cursor will also turn into a red cross.
Step 10 - To see what this looks like, go to the File menu and select Preview in your browser.