Site Navigation Window
Some Simple Operations with FrontPage 2000
Not using the Web Site Options
-
Starting FrontPage 2000 (Sample Result: howdy.htm
)
-
File/New/Page...Normal Page (General tab) ...
-
Save As ...
-
Note: Right-click in Page window ... Properties...
-
A Simple List for Table of Contents (TOC) File with Links (Sample
result: toc.htm
)
-
Note: the "Normal", "HTML", "Preview" tabs
-
Note: Right-click in Page window ... Properties...
-
Frames (Sample Result: frametest1.htm
)
-
File/New/Page... Contents (Frames Pages tab)
-
Set Initial Page ... (toc.htm
on left and howdy.htm
on right)
-
Note: the "Normal", "No Frames", "HTML", "Frames
Page HTML" ,"Preview" tabs
-
Note: Right-click in Page window ... Properties...
-
Forms (Sample Result: formtest1.htm
, using Post.pl )
-
File/New/Page...Normal Page (General tab) ...
-
Insert/Form/Form (Submit and Reset Buttons)
-
Note: Right-click on selected form element and choose Form Field
Properties...
-
Insert/Form/One-Line Text Box
-
Insert/Form/Radio Button (One-at-a-time)
-
Insert/Form/Checkbox
-
Insert/Form/Drop-Down Menu
( Note: Right-click on selected form element and choose Form
Field Properties...)
-
Note: (Via HTML tab) Delete the line below the <FORM ...>
tag
<!--webbot bot="SaveResults" U-File="fpweb:///_private/form_results.txt"
S-Format="TEXT/CSV" S-Label-Fields="TRUE" -->
AND
Specify the ACTION= ... Attribute (e.g. http://www.txstate.edu/htbin~rs01/post.pl)
-
Image Maps (Sample Result: imagemap1.htm
, with usstates.gif coming from U.
S. Map )
-
File/New/Page...Normal Page (General tab) ...
-
Insert/Picture/From File...
-
View/Toolbars/Picture
-
Select Picture and Use "Hotspots" (rectangular, circular, polygonal) ...
Using the Web Site Options
-
Importing a Web Site
-
Consider the directory Index
of /~rs01/2388/frontpage (subdirectory) to be a web site
-
File/Import...
-
In the field for "Specify the location of the new web:"
Specify the "destination" (for importing) of this web site, e.g. a:\tempweb
-
With the next dialog box, in the field for "Location:"
Specify the web address, e.g. http://www.cs.swt.edu/~rs01/2388/frontpage
and make sure to click the radio button associated with "From a World
Wide Web site"
-
Click on Next ... Next ... Finish
-
Note the result via Windows Explorer or My Computer
-
Publishing the Web Site
-
For Demonstration Purposes, delete the files, etc on the web server
-
File/Publish Web...
-
In the field for "Specify the location to publish your web to:"
Specify the directory via ftp, e.g. ftp://ftp.cs.swt.edu/public_html/2388/frontpage
-
Click on Publish
-
Enter your username and password and Click on OK.
-
Compare results via Windows Explorer and a Browser. NOTE:
The index.htm files and delete them after viewing the work in a browser.
DHTML (Dynamic HTML)
-
Form Validation (Apparently still requires FrontPage server extensions)
-
Must (Cannot use Tools/Web Settings... otherwise) open as a "web."
Hence File/New...Web
-
E.g. specify a:\scripting in the "Specify the location of the new web:"
field
-
Click on "One Page Web" and then on OK.
-
Construct a form with two one-line text boxes
-
Before setting the validation criteria check the scripting
language as follows:
-
Tools/Web Settings... Advanced (tab) and Javascript in the "Client:" filed
-
Right-click first text field and choose Form Field Validation... (Alternative:Form
Field Properties... Validate...)
-
Select Text from the drop-down list of the "Data type:" field
-
Click Data Length checkbox (makes Display Name: field available)
-
Type "Text Field" in the Display Name: field (This will be the name for
the field that will be used in the validation error messages)
-
Click OK
-
Right-click second field and choose Form Field Validation...
-
Select Integer from the drop-down list of the "Data type:" field
-
Type "Numeric Field" in the Display name field
-
Under Data Value, click "Field must be:" checkbox with "greater than or
equal to" and 5 in the "Value:" field
-
Click "and must be:" checkbox with "less than or equal to" and 10 in the
"Value:" field
-
Click OK and Save page
-
Publishing the "web" proceeds as follows:
-
File/Publish Web ...
-
Specify ftp://raistlin.cs.swt.edu/scripting in the "Specify your location
to publish your web to:"
(scripting will be the directory below the root for web-accessible
files)
-
Click on Publish
-
Click on "Continue" if warning about FrontPage Extensions is given
-
Note: Editing out the FrontPage "WebBot" code does not seem to give working
JavaScript
-
Some Event Handling
-
Animation Effects (Source: Matthews, M.S. & Poulsen E.B. The
Complete Reference: FrontPage 2000, Osborne/McGraw-Hill, Berkeley,
CA, 1999; Ch. 11)
-
Open DHTMLexample.htm using
and 
-
Finished Product: DHTMLdone.htm
-
Select the "Drop in Title" line
-
Format/Dynamic HTML Effects (yields the DHTML Effects Toolbar)
-
Select "Page load" for "On:" field
-
Select "Drop in by word" for "Apply:" field
-
Click on "Preview" tab for a look at the result
-
Select the first paragraph
-
Select "Page load" for "On:" field
-
Select "Fly in" and "From right" for "On:" fields
-
Click on "Preview" tab for a look at the result
-
Select picture of door (door.gif)
-
Select "Mouse over" for the "On:" field
-
Select "Swap picture" and "Choose picture..." (finding picture) for "Apply:"
field
-
Click on "Preview" tab for a look at the result
-
Save DHMTLdone.htm
-
Files to be in appropriate web directory
-
DHTMLdone.htm
-
animate.js
-
door.gif
-
opendoor.gif
-
Note: To Avoid file specification problems in the HTML generated
do all of your work in the same directory.
-
A comparable JavaScript "Rollover" Example (Source: Negrino, T. & Smith,
D. JavaScript for the World Wide Web, 3rd Edition, Peachpit Press,
Berkeley, CA, 1999, pp. 33ff) using
and 