Microsoft FrontPage 2003 Illustrated Complete Using a Dynamic Web Template

2Using a Dynamic Web TemplateUnit L  Understand Dynamic Web Templates  Create a Dynamic Web Template  Add locked content to a Dynamic Web Template  Create an editable region in a Dynamic Web Template Objectives

3Using a Dynamic Web TemplateUnit L Objectives  Attach a Dynamic Web Template to a Web page  Format text in a Dynamic Web Template  Add a background picture to a Dynamic Web Template  Update a Dynamic Web Template

4Using a Dynamic Web TemplateUnit L Using a Dynamic Web Template  A Dynamic Web Template contains regions that you can lock to prevent users from changing them  You can control the content in a Web page by attaching a Dynamic Web Template  You can include a logo, text, and other objects in a Dynamic Web Template - when you attach it to a Web page, those regions are created in the page

5Using a Dynamic Web TemplateUnit L Using a Dynamic Web Template (cont.)  A Dynamic Web Template can contain formatting instructions to ensure a consistent appearance in pages that are attached to it

6Using a Dynamic Web TemplateUnit L Understanding Dynamic Web Templates  You can use a Dynamic Web Template to control the content of one or more pages, or all pages in a site  Dynamic Web Templates are saved with the.dwt file extension  The Dynamic Web Template contains content that you can lock, thereby preventing users from making changes to it after you attach it to another Web page

7Using a Dynamic Web TemplateUnit L Understanding Dynamic Web Templates (cont.)  An editable region is an area in the Dynamic Web Template with a standardized name, such as doctitle, body, or footer, to identify it  A Dynamic Web Template can also include formatting instructions to insert a background picture and format text using a specified font, color, and size

8Using a Dynamic Web TemplateUnit L Understanding Dynamic Web Templates (cont.)  Dynamic Web Template in Design view

9Using a Dynamic Web TemplateUnit L Understanding Dynamic Web Templates (cont.)  Locked elements are unavailable for editing  By creating content in a locked area, you ensure that every page attached to the Dynamic Web Template includes the locked content and that no user can change it

10Using a Dynamic Web TemplateUnit L Understanding Dynamic Web Templates (cont.)  Some common editable regions that you can create in a Dynamic Web Template are: –Body (for the body of a Web page) –Doctitle (for the head section of a Web page, which includes the page title) –Banner (for a page banner component)  When a page uses a two- or three-column layout, you can create multiple body regions using the names body1, body2, and body3

11Using a Dynamic Web TemplateUnit L Understanding Dynamic Web Templates (cont.)  A Dynamic Web Template can contain one or more editable regions  After creating the Dynamic Web Template, you can attach it to one or more Web pages  You can update a Dynamic Web Template by opening the.dwt file an making changes

12Using a Dynamic Web TemplateUnit L Understanding Dynamic Web Templates (cont.)  When you save the.dwt file, a message box opens and indicates the number of pages attached to the Dynamic Web Template  You can update pages with changes to the Dynamic Web Template immediately, postpone applying the changes until later, or skip making the updates

13Using a Dynamic Web TemplateUnit L Creating a Dynamic Web Template  To create a Dynamic Web Template, you create a new Web page using the Normal template and then save it as a Dynamic Web Template  You should create and save the Dynamic Web Template before inserting any content so you can identify locked and editable regions of the page as you insert content

14Using a Dynamic Web TemplateUnit L Creating a Dynamic Web Template (cont.)  When you save a Dynamic Web Template, FrontPage creates the doctitle editable region automatically  If you want to include other editable regions, you must create them

15Using a Dynamic Web TemplateUnit L Adding Locked Content to a Dynamic Web Template  Locked content might include: –A company logo –A link bar –Copyright information –Other content that you want to appear in all pages that are attached to the Dynamic Web Template

16Using a Dynamic Web TemplateUnit L Adding Locked Content to a Dynamic Web Template (cont.)  Locked content added to the Dynamic Web Template Locked content at the top of the Dynamic Web template Locked content at the bottom of the Dynamic Web template

17Using a Dynamic Web TemplateUnit L Creating an Editable Region in a Dynamic Web Template  You can create one or more editable regions as necessary so users can add the required content to pages attached to the Dynamic Web Template  It is important to play your layout and design carefully to make sure that it is correct when you attach it to avoid having to rework content in the attached pages later

18Using a Dynamic Web TemplateUnit L Creating an Editable Region in a Dynamic Web Template (cont.)  Creating an editable region

19Using a Dynamic Web TemplateUnit L  Editable Regions dialog box Creating an Editable Region in a Dynamic Web Template (cont.)  Body editable region added to Dynamic Web Template

20Using a Dynamic Web TemplateUnit L Attaching a Dynamic Web Template to a Web Page  Attaching the Dynamic Web Template to Web pages reformats the attached Web pages with the content and formatting included in the Dynamic Web Template  If the attached page is blank, all you will see is the locked content and the placeholder(s) for the editable region(s)

21Using a Dynamic Web TemplateUnit L Attaching a Dynamic Web Template to a Web Page (cont.)  If the Web page already contains content, you will see the locked content  Text that already existed in the HTML tags that are affected by editable regions will be stored in the editable regions

22Using a Dynamic Web TemplateUnit L Attaching a Dynamic Web Template to a Web Page (cont.)  Choose Editable Regions for Content dialog box

23Using a Dynamic Web TemplateUnit L Formatting Text in a Dynamic Web Template  You can add formatting instructions to a Dynamic Web Template so text will be formatted consistently in the pages that are attached to it  For locked content in a Dynamic Web Template, you use the Formatting toolbar to format text as you would in any other Web page

24Using a Dynamic Web TemplateUnit L Formatting Text in a Dynamic Web Template (cont.)  For editable regions, you must change the HTML tags in Code view for the Dynamic Web Template to apply some formatting changes, such as fonts and font sizes

25Using a Dynamic Web TemplateUnit L Formatting Text in a Dynamic Web Template (cont.)  HTML document for Dynamic Web Template

26Using a Dynamic Web TemplateUnit L Adding a Background Picture to a Dynamic Web Template  You can use the Dynamic Web Template to insert a background picture in pages attached to it  Like other background pictures, it is good practice to save the picture in the same Web site as the pages you attach to it

27Using a Dynamic Web TemplateUnit L Adding a Background Picture to a Dynamic Web Template (cont.)  Background picture added to Dynamic Web Template

28Using a Dynamic Web TemplateUnit L Updating a Dynamic Web Template  In most cases, you will make changes to a Dynamic Web Template and then update the pages attached to it rather than postponing the update

29Using a Dynamic Web TemplateUnit L Updating a Dynamic Web Template (cont.)  Home page formatted by Dynamic Web Template

30Using a Dynamic Web TemplateUnit L Summary  Understanding Dynamic Web Templates  Creating a Dynamic Web Template  Adding locked content to a Dynamic Web Template  Creating an editable region in a Dynamic Web Template

31Using a Dynamic Web TemplateUnit L Summary  Attaching a Dynamic Web Template to a Web page  Formatting text in a Dynamic Web Template  Adding a background picture to a Dynamic Web Template  Updating a Dynamic Web Template