| Goal |
Task |
Resources |
| A. Conceptually connect OIS
and FrontPage |
The FrontPage Web 1. Starting FP: 1st time, every
time: Find FP on
your computer and start it.
2. FP views :
Explore the
various views, ending up with folder view as your
“standard” working view: "When a Web is open, this view lets you organize its files and
folders." 3. What is a Web?
- Log on to your
personal CSTL Web.
- Explore the
basics of Web folder structure.
- Look for an "index.htm" page.
|
OIS knows no content!
Microsoft FrontPage
 will help
you add content to pages in your site:
FrontPage (FP) is a
Web-page authoring tool that is installed on
computers available in faculty offices and campus computer labs.
It's more than a word
processor! FP helps you
organize your entire class Website, so that students will be able to
readily access your course materials from anywhere the Internet
reaches.
CSTL provides a "How To" site to help you with some FrontPage
features. |
| B. Use FrontPage to put
content on a Web Page |
4. Add content to an existing page
- Text (raw, and from a
Word document)
- Images (clipart,
file, properties)
- Files
|
Some Ways to Add Content (review of
morning session) Add and format text: Text is still the workhorse of
higher education. FP offers a wide array of formatting, some of
which we will investigate here.
Images: If you believe that a picture is worth 1000 words, here is
your chance to speak volumes! FP makes it easy to import images to
your Web and to add those images to your Web pages. |
| |
5. Add a new page
-
create
-
link
|
 Use
hyperlinks to allow your students to browse to other Web
pages, send e-mail, or download other content files. |
|
- Break - |
| C. Formatting content: Tables |
6. Use a table to present tabulated data. |
 Many disciplines rely on tables to
organize large amounts of data. But, the Web's unique working
environment makes tables valuable to almost anyone who needs to
format information on a Web page.
We'll see how to use tables to control placement of data in Web
pages. |
| |
7. Use a table with no visible borders to position content on a
page. |
 HTML offers far less control than word processors do
over the placement of information on a page or screen. This is NOT a
shortcoming of HTML. Rather, it is a fundamental feature of HTML that allows
content to be rendered appropriately by a much larger number of computer
systems. When you choose HTML over, say, Microsoft Word, you are really
selecting maximum access for the information that you wish to disseminate.
However, we often desire some control over placement of text and images, even
in HTML documents. Fortunately, TABLES provide a measure of control. |
| D. Gathering user
information: Forms |
8. Use the OIS formserver and Frontpage to gather user
data.
- Use Frontpage to build a
form
- Switch from Normal to
HTML view to paste the formsaver tags
- Submit data to the form
as a user would
- Examine the data in the
formresults folder
|
 The formserver
is an OIS feature that allows reliable data collection from an Web page in
an OIS protected folder. The HTML tags are as follows:
<form method="POST" action="/ois-bin/formsrv/formsrv.dll"
name="FrontPage_Form1">
<input type="hidden" name="SaveToFilename" value="2006Fchrom.csv">
<input type="hidden" name="FileFormat" value="CSV">
<input type="hidden" name="SuccessMsg" value="Thank you for your answers,
%FirstName%.">
</form>
|
| E.
Customizing the look and feel: Style Sheets |
9. Create a style sheet
10. Use a style sheet |
 |
|
F. Project |
11. Create a page using features in tasks above |
get the practice assignment |
|
G. Wrap up |
12.
Address final questions 13. Complete session evaluation |
|
