New Perspectives on Microsoft Office FrontPage 2003 Tutorial 7

1
Microsoft Office FrontPage 2003

• Tutorial 7 Creating and Using Templates in a
  Web Site

2
Using Source Control to Manage Multiple Authors

• Source control prevents multiple authors from
  working on the same page at the same time.
• Multiple authors can view a page simultaneously,
  but only one author can edit the page and
  subsequently save the page at any one time.

3
Enabling Source Control

• Close all open pages in the Web site that you are
  going to enable with source control.
• In Folders view, click Tools on the menu bar, and
  then click Site Settings.
• If necessary, click the General tab.
• Click the Use document check-in and check-out
  check box to select it.
• Click the OK button, and then click the Yes
  button.

• To check out a page, double-click it in Folders
  view, and then click the Yes button. Edit and
  save the page as usual.
• To check in a page, close it. In Folders view,
  right-click the filename to open the shortcut
  menu, and then click Check In.
• To cancel all changes (including saved changes)
  you made in a checked out Web page, right-click
  the filename in Folders view, click Undo
  Check-Out on the shortcut menu, and then click
  the Yes button.

4
Source Control Enabled
Web site enabled with source code
5
Checking Out and Checking In

• Checking out a Web page
• Double-click the file you wish to open that uses
  source control.
• Click the Yes button in the Microsoft Office
  FrontPage dialog box to check out the page.
• Make the necessary changes to the page, and then
  save it.
• Checking in a Web page
• Return to Design view.
• Click the Close button on the Contents pane to
  close the page.
• Right-click the page you wish to check in and
  select Check In from the shortcut menu.

6
Checking In a Web Page
7
Creating a Shared Template

• When you create a template in FrontPage and make
  it available to other authors, the template is
  called a shared template.
• Shared template files are always saved on the
  drive on which FrontPage is installed.
• Shared templates are available to other Web sites
  you might create.

8
Saving a Shared Template

• Enter the templates title in the Title text box.
  Use a title that other authors will easily
  recognize because the template will be labeled
  with that title in the Page Templates dialog box.
• Enter an optional description of the template in
  the Description text box. When the template is
  selected, this description will appear in the
  Description section of the Page Templates dialog
  box.
• To store the template in the current Web site,
  click the Save Template in Current Web site check
  box to select it.
• Click the OK button.

• Create or open the page that you want to save as
  a template. If necessary, make any changes that
  you want to appear in the template.
• Click File on the menu bar, and then click Save
  As.
• Click the Save as type list arrow, and then click
  FrontPage Template.
• Enter the templates filename in the File name
  text box.
• Click the Save button to open the Save As
  Template dialog box.

9
Saving a Shared Template
10
Creating a Site Map

• A site map is a list of hyperlinks that shows how
  the pages in the site are related to one another
  or organizes them in some other meaningful way.
• You can create categories to identify logical
  grouping of Web pages, and then assign specific
  Web pages to those categories.
• When you assign a page to a category, you can
  also assign the page to a particular member of
  the Web site development team and specify a
  review status for it.
• A review status is a way to select the type of
  review or approval that the page needs before
  being considered final.

11
Creating Categories and Assigning Pages to Them

• Right-click any Web page filename in the Contents
  pane in Folders view to open the shortcut menu,
  and then click Properties.
• Click the Workgroup tab, and then click the
  Categories button.
• In the Master Category List dialog box, type the
  name of a new category in the New category text
  box, and then press the Enter key or click the
  Add button. Repeat this process as many times as
  necessary to add the remaining categories for the
  entire Web site.

• Click the OK button.
• Click the check box for the appropriate category
  for the page that you selected. (The selected
  pages name appears in the title bar of the
  Properties dialog box.)

12
Creating Categories and Assigning Pages to Them
(continued)

• If necessary, click the Assigned to list arrow
  and select the team member to whom the page is
  assigned, or click the Names button to enter a
  new name.
• If necessary, click the Review status list arrow
  and select a review status for the page, or click
  the Statuses button to enter a new status.
• Click the OK button in the Properties dialog box
  to close it.
• To assign other Web pages to categories,
  right-click the pages filename in Folders view
  to open the shortcut menu, click Properties,
  click the Workgroup tab, and then click the check
  box for the appropriate category in the Available
  categories list box.
• Click the OK button.

13
Creating a Site Map

• Create or open the page that will contain the
  categories in Design view. If necessary, enter
  text and format the page.
• Click the Web Component button on the Standard
  toolbar, click Table of Contents in the Component
  type list box, and then click Based on Page
  Category in the Choose a table of contents list
  box.
• Click the Finish button.
• Click the check box for the appropriate category
  in the Choose categories to list files by list
  box.
• If necessary, click the check boxes to include
  the date on which the file was last modified
  and/or comments to the file.
• Click the OK button.
• Repeat the steps to add more table of contents
  components to the page as necessary.

14
Site Map
15
Creating a Dynamic Web Template

• A Dynamic Web Template is a file saved with the
  extension .dwt that lets you create editable
  regions in a Web page.
• Editable regions are areas in the Dynamic Web
  Template that are given standardized names to
  identify them.

16
Saving a Dynamic Web Template

• Open a new Web page in Design view.
• Click File on the menu bar, and then click Save
  As.
• Type the desired filename for the Dynamic Web
  Template in the File name text box.
• Click the Save as type list arrow, and then click
  Dynamic Web Template.
• Click the Save button.

17
Managing Editable Regions

• Select the area in the Dynamic Web Template that
  you want to convert to an editable region.
• Click Format on the menu bar, point to Dynamic
  Web Template, and then click Manage Editable
  Regions.
• In the Region name text box, type a name for the
  editable region.
• Click the Add button, and then click the Close
  button.

18
Editable Regions Dialog Box
19
Attaching a Dynamic Web Template to a Web Page

• Open the page to which you want to attach the
  Dynamic Web Template in Design view. If you want
  to attach the Dynamic Web Template to multiple
  pages, select them in Folders view.
• Click Format on the menu bar, point to Dynamic
  Web Template, and then click Attach Dynamic Web
  Template.
• Browse to and select the Dynamic Web Template
  that you want to attach to the page(s).
• In the Choose Editable Regions for Content dialog
  box, identify the sections of each page that you
  will convert to the editable regions in the
  Dynamic Web Template.
• Click the OK button. If you are attaching more
  than one page to the Dynamic Web Template,
  continue this step until you have identified the
  sections to convert in each page to attach.
• Click the Close button in the message box that
  opens (if necessary).

20
Attaching a Dynamic Web Template to a Web Page
21
Updating a Dynamic Web Template and Pages
Attached to It

• If the attached page is open in Design view when
  you save the Dynamic Web Template, click the Yes
  button in the message box that opens and asks if
  you want to update the file. If a message box
  opens and indicates the number of updated files,
  click the Close button.
• or
• If the attached page is closed, open it in Design
  view, click Format on the menu bar, point to
  Dynamic Web Template, and then click Update
  Selected Page. If necessary, click the Close
  button to close the message box that indicates
  that the file was updated.
• Save the attached page.

22
Updating a Dynamic Web Template and Pages
Attached to It
23
Code View
24
Completed Web Page Using Dynamic Web Template