<< . .

. 15
( : 51)

. . >>

create a paragraph break, Shift+Enter to create a line break, or a punctuation key followed
by the spacebar. Your URL address is automatically transformed into a link.
To assign a link to existing text (or to a picture), select the text (or picture) and click the
Hyperlink button in the toolbar. The Hyperlink dialog box appears. Double-click a Web page
in your Web, or enter a URL address outside of your Web in the URL drop-down list. Then,
click OK to assign the link.
Part I ¦ Getting Functional with Office 2003

Adding links to a shared border
Shared borders can include generated link bars, but they can also be edited to include other
text or links.
Besides the links generated by link bars, you can add your own, specific links to a Web site
or to any page. For example, you may want to include a link to a special page in your Web
site from any page in the site. If that special page is your home page, you can do this by
selecting the Home Page checkbox in the Link Bar Properties dialog box. If it isn™t your
home page, you can still add the link to a link bar.

Adding link bars to page content
A final option for customizing links is to insert a link bar directly into the content of a page.
Although this isn™t a widely used feature in FrontPage, it has some valuable uses. For
example, a link bar with links to child pages can function as a miniature table of contents in
a Web page.
Remember foremost that link bars inserted into page content appear only on the page in
which they are inserted, whereas link bars placed in shared borders appear on every page to
which a shared border has been applied.

Deleting pages from link bars
You can delete a page from the navigation structure by clicking the page in Navigation
view and pressing the Delete key. The Confirm Delete dialog box appears, as shown in
Figure 7-5.

Figure 7-5 You can delete a page from link bars or completely remove it from your Web

Changing navigation labels
Navigation labels for generated link bars are based on page titles. You can customize other
generated navigation links (such as Home or Back) for your Web site.
You can redefine the labels that FrontPage generates for the home page, for moving up a
page in a Web structure and for Back and Next labels (used with a linear site design). To
change label names, follow these steps:
Chapter 7 ¦ Building FrontPage Web Sites 145

1. Select Tools _ Site Settings and click the Navigation tab in the Site Settings dialog
box. The tab is shown in Figure 7-6.

Figure 7-6 You can rename the labels generated in link bars.

2. Enter new label names for any of the four generated titles. For example, you can change
the label assigned to a link to the previous page in a layout from “Back” (the default) to
“Previous.” (You could also use something like “See previous slide.”)
3. After you change the generated label text, click OK. (Clicking OK in the Web Settings
dialog box updates links in an existing site.)

Importing an Existing Web Site
You can organize existing file collections into FrontPage Webs by using the Import Wizard,
which imports files from two sources:
¦ An existing Web site that is not a FrontPage Web
¦ A folder on your local drive or network
After you import files, you can work with them as you would any FrontPage Web, organiz-
ing them in Navigation view, and adding themes, shared borders, link bars, and so on.

Importing files into a Web
To import files into a new Web, follow these steps:
1. Select File _ Import. The Import dialog box appears.
Part I ¦ Getting Functional with Office 2003

2. Click the Add File button to add a file (or selected files) to your site, or the Add Folder
button to add one or more folders.
3. In the Open File dialog box, navigate to the file(s) or folder(s) you wish to import. You
can use Shift+Click or Ctrl+Click to select more than one folder or file. Click the Open
button to add selected file(s) or folder(s) to the Import list.
4. Click OK in the Import dialog box to add files to your site.

Importing a Web site into a FrontPage Web
To import an existing Web site into a FrontPage Web, follow these steps:
1. Select File _ Import.
2. Click the From Site button. The Import Web Site Wizard opens, as shown in Figure 7-7.

Figure 7-7 FrontPage provides a wizard to integrate existing objects into a new

3. At this point, you have the following options:
• Transfer from FrontPage Server Extensions or SharePoint Team Services
• DAV: Transfer using WebDAV
• FTP: Transfer using File Transfer Protocol
• File System: Transfer files from a source directory or computer
• HTTP: Import files from an Internet site
Chapter 7 ¦ Building FrontPage Web Sites 147

Make a selection, complete the requested information, and click Next.
4. Now you can choose the destination Web (where you will import the files) and choose
to use Secure Sockets Layer (SSL) if necessary. Click Next.

Figure 7-8 Choose where you want to import the site to.

5. In the Set Import Limits window, choose to import the home page plus link pages to a
specified number, import a maximum of kilobytes, or import only HTML and image
files. Click Next.
6. Click Finish to start the import.

Shared Borders ” Plus and Minus
Love ˜em or hate ˜em, shared borders with link bars are a defining element of FrontPage Web sites.
They are incredibly convenient ” you can generate distinct and somewhat intelligent links on every
page in your site in seconds by having FrontPage generate link bars in shared borders. Compared
to the tedium of manually creating, changing, and updating navigation areas of Web pages by hand,
shared borders with link bars are a godsend.
The downside? Link bars in FrontPage tend to give your Web sites that somewhat institutional look
that tells the world you created your site in FrontPage instead of handcrafting every page.
Is there a way to get the best of both worlds? One design approach often utilizes the productivity of
shared borders and link bars, but disguises their use by customizing themes and assigning unique
properties to shared borders.
Part I ¦ Getting Functional with Office 2003

Using Web Templates and Wizards
In FrontPage terminology, a Web template is a set of predesigned Web pages collected into a
single Web. In many cases, sample text is supplied, or comment text is used, to help you add
content to the Web.
A wizard is similar to a template, only smarter. Rather than create a Web with all generic
content, the Corporate Presence and Discussion Web Wizards first ask you to answer some
probing questions, such as “What is your name?” They also ask you what kinds of Web
pages you want to include in your Web site. Those wizards then place your answers in the
appropriate spots in the template. When you first open a Web that is generated by one of
these two wizards, it is already filled with customized content based on your answers.
This feature can save you time, although you are likely to want to customize the pages to
your liking.
Some of the available templates are explored in more depth in the following sections.

One Page Web
Because the One Page Web template creates only a single Web page, you may wonder why
you should bother using it. Actually, the One Page Web handles several important tasks that
save time in generating a Web site. A Web folder is created on your server, ensuring that
FrontPage will properly manage all of your files. This template also creates a Web page with
the filename Default.htm and the page title Home Page.
The One Page Web template also generates two subfolders in your Web site: _private
and images. You can use the images folder to organize picture files for your site and
the _private folder to store pages and other files that you don™t want identified by
searches or linked in link bars.
If your project is to develop a Web site from scratch, the One Page Web is a quick way to
get started.

Using the Corporate Presence Web Wizard
The Corporate Presence Web Wizard is a basic site for communicating information about a
company. This is the most elaborate wizard included with FrontPage. The first dialog box in
the wizard, shown in Figure 7-9, asks you which main pages you want to include in your
Web site.
Chapter 7 ¦ Building FrontPage Web Sites 149

Figure 7-9 The Corporate Presence Web Wizard generates up to six main pages.

The pages available from the Corporate Presence Web Wizard are as follows:
¦ Home: Not optional, because it anchors all the navigational links in the site.
¦ What™s New: Lists links to other pages. If you select this checkbox, the wizard later
provides a list of linked articles that you can generate.
¦ Products/Services: Can have any number of links to both products and services. If you
select this checkbox, you are later asked how many products and services pages to
generate, and what information you want on those pages. Some of these generated
pages include input forms that collect data from visitors. The results of these forms are
saved in files stored in the _private folder.
¦ Table of Contents: Generates a table of contents for the site on a separate page.
¦ Feedback Form: Generates a Web page with an input form that collects feedback from
visitors. The data submitted to this form is collected in a file called inforeq.txt
(located in the _private folder). Double-click that file in Folders view to display
information in your word processor.
¦ Search Form: Creates a search form page that allows visitors to search your site (not
the Internet) for words or phrases.
After you select the pages you want to include in your Web site, the wizard prompts you
for information related to generating those pages. When you complete the wizard, you are
asked whether you want to see the Tasks view after your site is generated. Select Yes to
see a list of remaining tasks that you must perform to complete your Web site.

Customer Support Web
The Customer Support Web template generates ten main Web pages in a navigational
flow, as well as additional Web pages that are used to supplement those pages. The pages
in the Navigation view generated by this template are as follows:
Part I ¦ Getting Functional with Office 2003

¦ Customer Support Web: Home page ” welcomes visitors to the support site and
contains links to other pages.
¦ Contact Us: Creates a table with e-mail, phone, and Web site URL links.
¦ Search: Includes a search box that visitors can use to find information at your site.
¦ What™s New: A list of links to pages with update documentation. To make these
links functional, you must edit their content, right-click them, select Hyperlink
Properties from the context menu, and link them to actual pages that you create.
¦ Products: A page with links to support pages by product so you can support more
than one product at your site.
¦ FAQs (Frequently Asked Questions): Includes a list of six questions, with links to
bookmarked answers in the body of the page. Bookmarks are discussed in “Inserting
bookmarks,” later in this chapter. You must edit the questions and answers.
¦ Service Request: Provides a form that clients must fill out to receive help with a
specific problem.
¦ Suggestions: This Web page is also mainly composed of an input form. Data
entered into this form can be viewed by opening the Feedback.htm file.
¦ Catalogs/Manuals: Used to enable visitors to link to an FTP (File Transfer Proto-
col) download site. If you have files at an FTP site, you can edit the links at this
page to send visitors to those files.
¦ Support Forum: Links to a threaded discussion group, where visitors can post
comments or questions and respond to posted articles.

Using the Database Interface Web Wizard
The Database Interface Web (DIW) Wizard generates a site with input forms, reports, and
queries. A typical site generated by the DIW, with all options selected, creates an Access
database at your Web server, and includes the following:
¦ A submission form for visitors to enter data
¦ A results page that displays content from your database
¦ A Database Editor section ” pages that enable visitors to view, add, delete, and
update records in your database using a Web browser

Discussion Web Wizard
The Discussion Web Wizard generates a fully threaded, searchable discussion group. Users
can access the discussion board and read messages as well as make posts.
Chapter 7 ¦ Building FrontPage Web Sites 151

Empty Web
The Empty Web template generates a Web folder and _private and images subfolders,
just like the One Page Web template. The difference is that the Empty Web template doesn™t
generate a home page.

Import Web Wizard
The Import Web Wizard is generated when you select File _ Import. For a discussion of
how this works, refer to “Importing an Existing Web Site,” earlier in this chapter.

Personal Web
The Personal Web template generates a Web site with a home page and the following five
other pages:
¦ About Me
¦ Interests
¦ Favorites
¦ Photo Gallery
¦ Feedback

Project Web
The Project Web template generates a Web site specifically designed for displaying project-
management information. The template generates six linked pages in Navigation view, some
of which are connected to additional pages that don™t display in Navigation view. The six
accessible pages are as follows:
¦ Members: Lists team personnel and provides hyperlinks to their e-mail addresses.
¦ Schedule: Posts tasks due this week and next week, and lists project milestones
(important nodal points in the project).
¦ Archive: Includes hyperlinks to documents created by project members, to software
programs, and to other elements of the project.
¦ Search: Includes a search box.
¦ Discussions: Includes links to two threaded discussion groups that are generated by the
Project Web template: the Requirements Discussion and the Knowledge Base.
¦ Contact Information: A page where you can enter your e-mail address.
Part I ¦ Getting Functional with Office 2003

SharePoint Team Web
The SharePoint Team Web site is a ready-to-use, editable intranet site portal that enables
your department, organization, or group to share files and information. SharePoint is
included in Office 2003, and it requires that the SharePoint server files be installed on
your intranet server. For more information on using SharePoint, see Chapter 17 of this

Generating a Web site using the Corporate Presence Web Wizard
In the following tutorial, you will use the Corporate Presence Web Wizard to generate a
Web site.
1. Select File _ New.
2. In the Task Pane, click the Web Site Templates link.
3. In the Web Site Templates dialog box, enter a location and name for your Web in the
“Specify the location of the new web” drop-down list.
4. Double-click the Corporate Presence Web icon in the dialog box.
5. Read the first wizard option box and click Next.
6. In addition to the Home Page option, select the What™s New, Feedback Form, and
Search Form checkboxes. Click Next.
7. From the list of topics that appear on your home page, select all four checkboxes and
click Next.
8. From the list of topics for the What™s New page, select all three checkboxes and click
9. From the list of options for the Feedback Form, select all seven checkboxes and click
10. For the Feedback Form format, select the option labeled “No, use web page format.”
This displays input data in a Web page. Click Next.
11. In the dialog box that asks what should appear on the top and bottom of each page,
choose all the checkboxes except Your Company™s Logo, and click Next.
12. In the Construction Icon options box, select the No radio button to omit the Under
Construction icon from your pages. Click Next.
13. In the dialog box that collects information about your company, fill in the three fields
and click Next.
14. In the dialog box that collects information about your phone numbers and e-mail
addresses, fill in the four fields and click Next.
15. Click the Choose Web Theme button and select the Straight Edge Theme from the
Choose Theme dialog box. Click OK and then click Next.
Chapter 7 ¦ Building FrontPage Web Sites 153

16. In the final dialog box, leave the one checkbox selected to show the Tasks view after
your Web is generated. Click Finish.
17. In Tasks view, right-click the first task, Customize Home Page, and select Start Task
from the context menu.
18. Click and drag to select the comment text, and then replace it with text of your own.
19. Close the page, saving your changes. You are prompted to mark this task as com-
pleted. Click Yes in the dialog box.
20. Return to Tasks view and complete the remaining tasks by replacing comment text
with your own text.
21. Open the Home Page in Page view. Select File _ Preview in Browser to see your Web
site in your browser.
22. Inspect your home page in your browser. Test the link to the Feedback page at the top
of the page.
23. Fill in the fields in the Feedback form.
24. After you fill in the form, click the Submit Feedback button. Then, click the Return to
Form link in the Form Confirmation page.
25. Return to FrontPage and view your site in Folders view. Double-click the _private
folder to view files in that folder. Double-click the file Inforeq.htm to open that
file in Page view. Examine the input that you collected.

Note Input forms work only when your Web is saved to a server with FrontPage extensions.

26. Select File _ Close Web to close your Web after you finish experimenting with it.
You can delete this Web by selecting File _ Open Web, right-clicking the Web, and
then selecting Delete from the context menu.

Creating Basic Web Page Content
After you lay out your Web™s basic structure, you are ready to fill in page content, which
includes text and many other components, such as pictures. Chapter 5 of FrontPage 2003
Bible explores in detail the editing and formatting of text; Chapter 12 of FrontPage Bible
covers the inserting of pictures. Other advanced elements are covered in FrontPage Bible™s
remaining chapters. In fact, for the most part, the rest of this book is about how to place
content on your Web pages.
In addition to text and pictures, FrontPage has many powerful elements, called Web compo-
nents. They range from search boxes to time stamps to hit counters. This section briefly
looks at editing Web page text, and then examines some other basic elements of Web page
content, including breaks, horizontal lines, comments, and bookmarks.
Part I ¦ Getting Functional with Office 2003

Editing Web page text
Entering and editing Web page text is very intuitive: click and type. You™ll find most of the
luxuries of a modern word processor, including red, squiggly underlining of words that are
not found in the dictionary. Other editing help includes the following:
¦ Format Painter: Select text, click the Format Painter tool, and then click new text to
apply the formatting of the original text to the target text.
¦ Thesaurus: Select a word and then choose Tools _ Thesaurus to see a list of syn-
onyms. Find a good one in the Replace with Synonym list and click the Replace button.
¦ Edit, Find, and Edit Replace: Find text strings, with the option of designating
replacement text. The Find and Replace dialog boxes don™t have the option of locating
(or changing) special characters, such as hard line returns, tabs, or paragraphs.
¦ Tab key: Use it (or the spacebar) to insert additional spacing between words.

Inserting breaks
The Break dialog box enables you to insert a forced line break (as opposed to a paragraph
mark). To create a forced line break, select Insert _ Break. The Break dialog box appears,
as shown in Figure 7-10.

Figure 7-10 You can force line breaks with the Break dialog box.

To create a forced line break (within the same paragraph), click the Normal Line Break radio
button and then click OK. Use the Clear Left Margin, Clear Right Margin, or Clear Both
Margins radio button to move the next line past any pictures so that the left, right, or both
sides are cleared to the margin.
To toggle on and off forced line break symbols (nonprinting), click the Show All button in
the Standard toolbar.

An easy way to add a line break is to press Shift+Enter.
Chapter 7 ¦ Building FrontPage Web Sites 155

Adding horizontal lines
Before modern browsers and faster modems were able to interpret and download graphics
quickly, older browsers recognized a graphic element called horizontal lines. New
browsers still interpret these lines, and you can insert them as dividers between text or
graphics. Select Insert _ Horizontal Line to place a horizontal line at your cursor point
(no need to press Enter first).

Default horizontal lines are simply plain, black lines. FrontPage themes, however, provide cus-
tomized lines that match the theme colors.

Placing comments
Comment text is visible in Page view, but doesn™t appear in a browser window. As such, it is
helpful for placing notes to yourself or a collaborator. For example, two Web developers can
use comments to leave each other messages about work that remains on a page.
To insert a comment, follow these steps:
1. Click to place your insertion point where the comment will appear in Page view.
2. Select Insert _ Comment.
3. Type text in the Comment window, as shown in Figure 7-11.

<< . .

. 15
( : 51)

. . >>