microsoft frontpage 2003 illustrated complete using a dynamic web template

Microsoft FrontPage 2003 Microsoft FrontPage 2003 Illustrated CompleteIllustrated Complete

Using a Dynamic Web Using a Dynamic Web Template Template

2Using a Dynamic Web Template Unit L

Understand Dynamic Web TemplatesUnderstand Dynamic Web Templates Create a Dynamic Web TemplateCreate a Dynamic Web Template Add locked content to a Dynamic Add locked content to a Dynamic

Web TemplateWeb Template Create an editable region in a Create an editable region in a

Dynamic Web TemplateDynamic Web Template

ObjectivesObjectives


ObjectivesObjectives

Attach a Dynamic Web Template to a Attach a Dynamic Web Template to a Web pageWeb page

Format text in a Dynamic Web Format text in a Dynamic Web TemplateTemplate

Add a background picture to a Add a background picture to a Dynamic Web TemplateDynamic Web Template

Update a Dynamic Web TemplateUpdate a Dynamic Web Template


Using a Using a Dynamic Web Dynamic Web TemplateTemplate A A Dynamic Web Template Dynamic Web Template contains contains

regions that you can lock to prevent users regions that you can lock to prevent users from changing themfrom changing them

You can control the content in a Web page You can control the content in a Web page by attaching a Dynamic Web Templateby attaching a Dynamic Web Template

You can include a logo, text, and other You can include a logo, text, and other objects in a Dynamic Web Template - objects in a Dynamic Web Template - when you attach it to a Web page, those when you attach it to a Web page, those regions are created in the pageregions are created in the page


Using a Using a Dynamic Web Dynamic Web Template (cont.)Template (cont.)

A Dynamic Web Template can A Dynamic Web Template can contain formatting instructions to contain formatting instructions to ensure a consistent appearance in ensure a consistent appearance in pages that are attached to it pages that are attached to it


Understanding Dynamic Web Understanding Dynamic Web TemplatesTemplates You can use a Dynamic Web Template to You can use a Dynamic Web Template to

control the content of one or more pages, control the content of one or more pages, or all pages in a siteor all pages in a site

Dynamic Web Templates are saved with Dynamic Web Templates are saved with the .dwt file extensionthe .dwt file extension

The Dynamic Web Template contains The Dynamic Web Template contains content that you can lock, thereby content that you can lock, thereby preventing users from making changes to preventing users from making changes to it after you attach it to another Web pageit after you attach it to another Web page


Understanding Dynamic Web Understanding Dynamic Web Templates (cont.)Templates (cont.)

An An editable region editable region is an area in theis an area in the Dynamic Web Template with a Dynamic Web Template with a standardized name, such as doctitle, body, standardized name, such as doctitle, body, or footer, to identify itor footer, to identify it

A Dynamic Web Template can also A Dynamic Web Template can also include formatting instructions to insert a include formatting instructions to insert a background picture and format text using a background picture and format text using a specified font, color, and sizespecified font, color, and size


Understanding Dynamic Web Understanding Dynamic Web Templates (cont.)Templates (cont.) Dynamic Web Template in Design viewDynamic Web Template in Design view


Understanding Dynamic Web Understanding Dynamic Web Templates (cont.)Templates (cont.)

Locked Locked elements are unavailable for elements are unavailable for editingediting

By creating content in a locked area, By creating content in a locked area, you ensure that every page attached you ensure that every page attached to the Dynamic Web Template to the Dynamic Web Template includes the locked content and that includes the locked content and that no user can change itno user can change it


Understanding Dynamic Web Understanding Dynamic Web Templates (cont.)Templates (cont.) Some common editable regions that you Some common editable regions that you

can create in acan create in a Dynamic Web Template Dynamic Web Template are:are:– Body (for the body of a Web page)Body (for the body of a Web page)– Doctitle (for the head section of a Web page, Doctitle (for the head section of a Web page,

which includes the page title)which includes the page title)– Banner (for a page banner component)Banner (for a page banner component)

When a page uses a two- or three-column When a page uses a two- or three-column layout, you can create multiple body layout, you can create multiple body regions using the names body1, body2, regions using the names body1, body2, and body3and body3


Understanding Dynamic Web Understanding Dynamic Web Templates (cont.)Templates (cont.) A Dynamic Web Template can A Dynamic Web Template can

contain one or more editable regionscontain one or more editable regions After creating the Dynamic Web After creating the Dynamic Web

Template, you can attach it to one or Template, you can attach it to one or more Web pagesmore Web pages

You can update a Dynamic Web You can update a Dynamic Web Template by opening the .dwt file an Template by opening the .dwt file an making changesmaking changes


Understanding Dynamic Web Understanding Dynamic Web Templates (cont.)Templates (cont.) When you save the .dwt file, a When you save the .dwt file, a

message box opens and indicates message box opens and indicates the number of pages attached to the the number of pages attached to the Dynamic Web TemplateDynamic Web Template

You can update pages with changes You can update pages with changes to the Dynamic Web Template to the Dynamic Web Template immediately, postpone applying the immediately, postpone applying the changes until later, or skip making changes until later, or skip making the updatesthe updates


Creating a Dynamic Web Creating a Dynamic Web TemplateTemplate To create aTo create a Dynamic Web Template, Dynamic Web Template,

you create a new Web page using you create a new Web page using the Normal template and then save it the Normal template and then save it as a Dynamic Web Templateas a Dynamic Web Template

You should create and save the You should create and save the Dynamic Web Template before Dynamic Web Template before inserting any content so you can inserting any content so you can identify locked and editable regions identify locked and editable regions of the page as you insert contentof the page as you insert content


Creating a Dynamic Web Creating a Dynamic Web Template (cont.)Template (cont.)

When you save a Dynamic Web When you save a Dynamic Web Template, FrontPage creates the Template, FrontPage creates the doctitle editable region automaticallydoctitle editable region automatically

If you want to include other editable If you want to include other editable regions, you must create themregions, you must create them


Adding Locked Content to a Adding Locked Content to a Dynamic Web TemplateDynamic Web Template Locked content might include:Locked content might include:

– A company logoA company logo– A link barA link bar– Copyright informationCopyright information– Other content that you want to appear Other content that you want to appear

in all pages that are attached to the in all pages that are attached to the Dynamic Web TemplateDynamic Web Template


Adding Locked Content to a Adding Locked Content to a Dynamic Web Template (cont.)Dynamic Web Template (cont.) Locked content added to the Dynamic Locked content added to the Dynamic

Web TemplateWeb Template

Locked content at the top of the Dynamic Web

template

Locked content at the bottom of

the Dynamic Web template


Creating an Editable Region in a Creating an Editable Region in a Dynamic Web TemplateDynamic Web Template

You can create one or more editable You can create one or more editable regions as necessary so users can add regions as necessary so users can add the required content to pages attached to the required content to pages attached to the Dynamic Web Templatethe Dynamic Web Template

It is important to play your layout and It is important to play your layout and design carefully to make sure that it is design carefully to make sure that it is correct when you attach it to avoid having correct when you attach it to avoid having to rework content in the attached pages to rework content in the attached pages laterlater


Creating an Editable Region in a Creating an Editable Region in a Dynamic Web Template (cont.)Dynamic Web Template (cont.)

Creating an editable regionCreating an editable region


Editable Regions Editable Regions dialog boxdialog box

Creating an Editable Region in a Creating an Editable Region in a Dynamic Web Template (cont.)Dynamic Web Template (cont.)

Body editable region added Body editable region added to Dynamic Web Templateto Dynamic Web Template


Attaching a Dynamic Web Attaching a Dynamic Web Template to a Web PageTemplate to a Web Page

Attaching the Dynamic Web Template to Attaching the Dynamic Web Template to Web pages reformats the attached Web Web pages reformats the attached Web pages with the content and formatting pages with the content and formatting included in the Dynamic Web Templateincluded in the Dynamic Web Template

If the attached page is blank, all you will If the attached page is blank, all you will see is the locked content and the see is the locked content and the placeholder(s) for the editable region(s)placeholder(s) for the editable region(s)


Attaching a Dynamic Web Attaching a Dynamic Web Template to a Web Page (cont.)Template to a Web Page (cont.)

If the Web page already contains If the Web page already contains content, you will see the locked content, you will see the locked contentcontent

Text that already existed in the HTML Text that already existed in the HTML tags that are affected by editable tags that are affected by editable regions will be stored in the editable regions will be stored in the editable regionsregions


Attaching a Dynamic Web Attaching a Dynamic Web Template to a Web Page (cont.)Template to a Web Page (cont.) Choose Editable Regions for Content dialog Choose Editable Regions for Content dialog

boxbox


Formatting Text in a Dynamic Formatting Text in a Dynamic Web TemplateWeb Template You can add formatting instructions You can add formatting instructions

to a Dynamic Web Template so text to a Dynamic Web Template so text will be formatted consistently in the will be formatted consistently in the pages that are attached to itpages that are attached to it

For locked content in a Dynamic Web For locked content in a Dynamic Web Template, you use the Formatting Template, you use the Formatting toolbar to format text as you would in toolbar to format text as you would in any other Web pageany other Web page


Formatting Text in a Dynamic Formatting Text in a Dynamic Web Template (cont.)Web Template (cont.)

For editable regions, you must For editable regions, you must change the HTML tags in Code view change the HTML tags in Code view for the Dynamic Web Template to for the Dynamic Web Template to apply some formatting changes, such apply some formatting changes, such as fonts and font sizesas fonts and font sizes


Formatting Text in a Dynamic Formatting Text in a Dynamic Web Template (cont.)Web Template (cont.)

HTML document for Dynamic Web HTML document for Dynamic Web TemplateTemplate


Adding a Background Picture to Adding a Background Picture to a Dynamic Web Templatea Dynamic Web Template

You can use the Dynamic Web You can use the Dynamic Web Template to insert a background Template to insert a background picture in pages attached to itpicture in pages attached to it

Like other background pictures, it is Like other background pictures, it is good practice to save the picture in good practice to save the picture in the same Web site as the pages you the same Web site as the pages you attach to itattach to it


Adding a Background Picture to Adding a Background Picture to a Dynamic Web Template (cont.)a Dynamic Web Template (cont.) Background picture added to Background picture added to



Updating a Dynamic Web Updating a Dynamic Web TemplateTemplate In most cases, you will make In most cases, you will make

changes to a Dynamic Web changes to a Dynamic Web Template and then update the pages Template and then update the pages attached to it rather than postponing attached to it rather than postponing the updatethe update


Updating a Dynamic Web Updating a Dynamic Web Template (cont.)Template (cont.) Home page formatted by Dynamic Home page formatted by Dynamic

Web TemplateWeb Template


SummarySummary

Understanding Dynamic Web Understanding Dynamic Web TemplatesTemplates

Creating a Dynamic Web TemplateCreating a Dynamic Web Template Adding locked content to a Dynamic Adding locked content to a Dynamic

Web TemplateWeb Template Creating an editable region in a Creating an editable region in a



SummarySummary

Attaching a Dynamic Web Template Attaching a Dynamic Web Template to a Web pageto a Web page

Formatting text in a Dynamic Web Formatting text in a Dynamic Web TemplateTemplate

Adding a background picture to a Adding a background picture to a Dynamic Web TemplateDynamic Web Template

Updating a Dynamic Web TemplateUpdating a Dynamic Web Template

microsoft frontpage 2003 illustrated complete using a dynamic web template

Documents

dynamic web templateyou

dynamic web templateusing

dynamic web templateupdate

dynamic web templatecreate

dynamic web templateto

dynamic web templatesyou

dynamic web template

ita dynamic web template