Agenda
Goals for this lesson
Upon completion of this lesson, the participant will:
- Recognize the value of learning FrontPage for creating and managing
Webquests.
- Be able to start FrontPage on their workstation.
- Understand the use and significance of the panels, windows,
and views in FrontPage.
- Be able to use the page view to create a simple web page.
Back to the top.
What is FrontPage?
From the Microsoft web site: "Microsoft
FrontPageŽ version 2003 puts you in control of the tools and technologies
you need to create and manage exactly the site you want. Work exclusively
in a familiar Office interface without having to program, or take direct
control of your HTML code."
...WYSIWYG (What you see is what you get) editor and web site manager
...the most popular of the mid-level web development
tools
...produces HTML (hypertext markup language) documents as well as interlinked
sets of documents, and helps the user to create and maintain web sites
on remote servers
...easily allows the inclusion of JavaScript applets as well as Java
code in order to increase web page functionality and interactivity
NOTE: FrontPage is available only for Windows-based computers.
There is no Mac version.
Back to the top.
What are the major components?
FrontPage’s Page first
editing screen, with a new page, is shown
below. After you have begin using the program,
it will automatically open to the most recently opened website or page. Note that
some of the icons are grayed out in this view.
The image
below shows a new "one page website" created using a FrontPage template. One
of the most important differences is the "folder view" on the left side of
the page.
This makes it a lot easier to select files and (in general) to work on your
whole site while editing a particular page. To "toggle" whether the
folder view appears, use the Toggle Pane
button.
The image
below is of FrontPage with a file opened. Notice that the folder view
now has a Navigation tab at the bottom. Immediately below that is an image
in which the Navigation tab has been clicked. (Note: it is not of the
same website.) You can close the Navigation or Folder window by clicking the
x in the upper right corner of its window. You get them back by using
the toggle pane button.
When a site page has been opened, the Toggle Pane button also has a little drop-down menu associated with
it that can be used to choose whether the folder list of the Navigation pane
appears:
 .
The navigation pane is used to control how navigation bars are organized.
You'll learn more about navigation bars (also known as "link bars")
later
in this module. Back to the top.
Accessing various "views" using the menu or the view bar.
In the menu bar, using View | Folders, we get a view
like the one below. This
is the "Folders" or "Web Site"
view for this module under
development: Notice that the folders are listed just to the right of
the icons, and then the contents of the selected folder (in this case, the
"home" folder for the module. You can select files for editing from here, or
rearrange the folder structure, or copy or delete files. Use the RIGHT
mouse button on a specific file name in the list to get a
menu.
There are
two additional ways to see the Web Site view. One is to use Window |
Web Site in the menu bar at the top of the page. . The other is
to click in the bar shown below, which at the top of the window you are
using.
Note that when you go to web site view, a VIEW BAR
appears at the bottom of the window. This bar allows quick access
to other very useful Web Site views. (These views can also be accessed with
the view menu in the menu bar.)
Here is the "Reports" view for this module under
development. Notice that you can automatically determine the size of your
web site, whether there are files that are not linked to anything else in the
module, the number of links, etc. See below for a closer view.
If you click any of the highlighted Report Names on the
list, you can get a more detailed report. For example, during the
development of this module I wanted to see which links in the module were
broken. So I clicked on "Broken hyperlinks" in the view above and got the
following screen. This can then be used to correct the broken links.
(More on that later in the module.)
Here is the
Navigation view. It shows the hyperlink
structure of the web, with the home page highlighted at the top and
subsidiary pages arranged below.
Here is the "hyperlinks" view, showing all of the links
that go off of any given page. In this case, the page is "How to get help"
which is the next lesson in this module. It shows all pages with links
INTO that page (arranged on the left) and all pages with links off of that
page (arranged to the right).
Here is the "Remote Website" view.
This is used to connect to and publish (copy) files to and from your remote
server. You can choose to publish from local to remote, remote to
local, or to "synchronize". Synchronize means to let FrontPage look
for newer files on both the remote and the local folder, publish so that
both sites are the same.
 Finally, here is the "Tasks" view. Since I
developed the module by myself and did not make notes to myself about tasks
to be done (and did not need to keep a team of people organized), I have just
added one task just to show what this looks like:
At the top of the FrontPage window (all views), you will see the menu bar, the
Standard tool bar, and the Formatting Tool bar. You can move these bars
around the screen by clicking on an unused portion of the bar and dragging
them or by clicking and dragging them from the leftmost side of each bar,
where you see a visual ridge or dotted line..
Use View |
Toolbars to open other toolbars to assist you
on specific other tasks. Other toolbars include Drawing, Navigation,
Pictures, and Tables.
When you first choose to view any of these other
toolbars, they will "float" in the middle of the FrontPage screen. You
can "dock" them by dragging them to the top, sides, or bottom of the screen.
Back to the top.
Go to Overview, part 2
| 
