FrontPage 2000: Professional Web Site Development
Download
Report
Transcript FrontPage 2000: Professional Web Site Development
HTML and FrontPage
Minder Chen, Ph.D.
Advanced IT Consulting
E-Mail: [email protected]
Course Description
Professional Web site publishing is no longer
just for experts! Learn how to use FrontPage
2002 editing capabilities, graphics, tables,
forms, frames, FrontPage components
(WebBots), templates, and wizards to create
professional looking Web sites. Learn about the
creation of ImageMap, Navigation Bar, and the
management of your Web site via Reports, and
other advanced features. The coding of Web
pages in HTML will also be introduced.
© Minder Chen, 1997-2006
HTML & FrontPage - 2
Course Outline
•
•
•
•
•
•
•
•
•
•
•
Introduction to Internet and World Wide Web
HyperText Markup Language: Basic Tags
Anchors, Links, and Uniform Resource Locator
Tables
Images, Image Links, and ImageMap,
Forms
Navigation View and Navigation Bar
Template, Wizard, and Theme
FrontPage Components
Frames
Web Site Publishing and Management
© Minder Chen, 1997-2006
HTML & FrontPage - 3
References
• Jim Buyens, Microsoft FrontPage Version 2002
Inside Out.
• Online Training Solutions Inc., Microsoft
FrontPage Version 2002 Step by Step
• Official FrontPage web site:
http://www.microsoft.com/frontpage/
• Course materials:
http://ec.nvcc.us/web15/FrontPage/
© Minder Chen, 1997-2006
HTML & FrontPage - 4
Client-Server Model of WWW
1
helper app
helper app
helper app
helper app
helper app
• Requesting a document
via a URL address
• Connection open Web Site
Web Server
Internet or
Intranet
Web Client
2
Static
• Returning MIMEcompliance document
• Connection close
Dynamic
© Minder Chen, 1997-2006
Web contents
• HTML documents
• Graphics
• Images
• Video clips
• Sound bites
• Java applets
• JavaScripts
• CGI scripts
• Database access
HTML & FrontPage - 5
<html>
<head>
<title> HTML Sampler Web Page </title>
</head>
<body>
<h1>HTML Sampler</h1>
<img src="eyes.gif"><br>
<b> List: </b>
<ul>
<li> Item 1
<li> <font size=+2>Item 2</font>
<li> <i>Item 3</i>
</ul>
<table border=1>
<tr> <th> Name</th> <th>Speciality </th> </tr>
<tr> <td> Minder Chen</td> <td>MIS </td> </tr>
<tr> <td> Justin Chen</td> <td>Aerospace </td> </tr>
</table>
<p>
A sample of a form:
<form method="post"
action="http://hoohoo.ncsa.uiuc.edu/cgi-bin/post-query" >
Name: <input type="text" size=20> <br>
<input type="checkbox" name="html" value="YES"> Know HTML <br>
<b><input type="submit" value="Submit your data"></b>
</form>
<hr> Developed by
<a href="http://www.erols.com/aitc/"> Advanced IT Consulting</a>
</body></html>
Role Specialization in the World of the WWW
HTML Authoring Web Designer/
Tools/Editors
Publisher
External Applications
Non-HTTP objects
Web
Programmer
Web
Browser
CGI, JSP,
JavaScript, ASP
ColdFusion
Web
Server
Internet
Global Reach
Broad Range
Client
End User
© Minder Chen, 1997-2006
Web Master
Server
HTML & FrontPage - 7
Document
source
Web Authoring Environment
Line Art
Drawing Tool
Import
HTML
Converter
WYSIWYG
HTML Editor
GIF Animator
ImageMap tool
HTML
Graphic File
Conversion Tool
image file
.gif or .jpeg
Preview
Multimedia
Authoring Tool
HTML File
<img src="abc.gif">
<a href="def.mov">
Local Developer
Workstation
Digital
Image Tool
ImageComposer
HTML Source
Editor
Normal
PWS
MS PhotoDraw
ftp tool
Publish
Web Hosting Environment
video/sound file
.mov, .avi, ...
Local Web
Site
Web Site
Management Tool
Group Authoring
• Task, Workflow, & Reports
• Check-In/Check-Out
• Control over Publishing
Nav. View & Bars
Links Verification
Web Server
FrontPage Server Extension
Anatomy of a Tag
<H1 ALIGN="CENTER"> HTML Tutorial </H1>
<H1 ALIGN='CENTER'> HTML Tutorial </H1>
<H1 ALIGN=CENTER> HTML Tutorial </H1>
<H1 ALIGN="CENTER" > HTML Tutorial </H1>
Attribute=value
Opening tag
Closing
tag
Element
© Minder Chen, 1997-2006
HTML & FrontPage - 9
Basic Tools and Editing Process
•
•
•
•
•
•
•
•
•
•
•
•
•
•
From Start button
Choose Programs
Choose Accessories
Choose WordPad
Enter your HTML code
Save it as Text File
– Choose "Text Document" Format
– Name the file with .htm extension
Open the Internet Explorer
Choose File / Open Page …
Choose the file you just saved
Open the file to view it
Go back to edit your HTML code
Use ALT-TAB key to switch back to the
browser
Click "Reload" button to refresh it
Use ALT-TAB key to switch back to the
Editor
© Minder Chen, 1997-2006
HTML & FrontPage - 10
FrontPage Architecture
Downloading FrontPage Server Extension from:
ftp://ftp.microsoft.com//products/frontpage/fpse02_x86_ENG.exe
http://msdn.microsoft.com/library/en-us/dnservext/html/fpse02win.asp
Server Extension Resource Kit:
http://www.microsoft.com/technet/prodtechnol/sharepnt/proddocs/admindoc/ows000.asp
© Minder Chen, 1997-2006
HTML & FrontPage - 11
Create a New Web Site
Your can create a subweb
if you have FrontPage
Server Extension set up on
your local web server using
http://localhost/fp
© Minder Chen, 1997-2006
HTML & FrontPage - 12
The Initial Site Created by FrontPage
© Minder Chen, 1997-2006
HTML & FrontPage - 13
Create a New Page
• Select Page on Views Pane, Click the New Page
icon on the Toolbar to create a new normal page
© Minder Chen, 1997-2006
HTML & FrontPage - 14
Use File > Save As to Save a Newly Created Page
© Minder Chen, 1997-2006
HTML & FrontPage - 15
Toolbar Icons
© Minder Chen, 1997-2006
HTML & FrontPage - 16
© Minder Chen, 1997-2006
HTML & FrontPage - 17
Add a New Page to the Navigation Diagram
Drag-and-Drop
New Item on the Navigation Bar
© Minder Chen, 1997-2006
HTML & FrontPage - 18
Save Your Files
* indicates files that have been changed but not
saved yet.
© Minder Chen, 1997-2006
HTML & FrontPage - 19
Intra-document Hypertext Documents
Intra-document hyperlink links
Table of contents
Section 1: aaa
Section 2: bbb
Section 3: ccc
Window for viewing
the hypertext
document
Section 1: aaa
This is section 1
...
Back to the Table of Content
Section 2: bbb
This is section 2
...
© Minder Chen, 1997-2006
HTML & FrontPage - 20
Inter-document Hypertext Links
Document1
...
Link to document 2
...
Document2
...
...
Link to Section D of Doc3
...
...
ABCD
an image link
Toolbox Document
Hammer
...
Screw Driver
....
© Minder Chen, 1997-2006
an imagemap link
Document2
...
...
Section D
...
...
Link to Document1
...
...
HTML & FrontPage - 21
Create or Edit Hyperlinks
• Create Hyperlinks
– Highlight the hot words
– Choose Insert/Hyperlinks… or click
on the Toolbar icon (Create or Edit
Hyperlink)
• Edit Hyperlinks
– Move cursor inside the hot words
– Choose Insert/Hyperlinks…; or click
on the Toolbar icon (Create or Edit
Hyperlink); or click right mouse
button and then select Hyperlink
Properties… from the pop-up menu
© Minder Chen, 1997-2006
HTML & FrontPage - 22
Insert Bookmark (Anchor)
• Move the cursor to the target location or highlight some words.
• Choose Insert/Bookmark…
• Words associated with a bookmark will be underlined with a dotted
line. Otherwise, a flag symbol will be shown.
© Minder Chen, 1997-2006
HTML & FrontPage - 23
Create Hypertext Link
• Highlight the hot words and click on the Insert Hypertext
Link icon.
© Minder Chen, 1997-2006
HTML & FrontPage - 24
Link to Another Page of the Same Web Site
© Minder Chen, 1997-2006
HTML & FrontPage - 25
Creating a New Page
• Highlight Folders under the View Panel
• From Menu choose: File / New / Page or the New Page Icon
• You may change the newly created web page file name to
resource.htm
• Double Click on the web page (resource.htm) in order to edit
the page.
2
1
3
© Minder Chen, 1997-2006
HTML & FrontPage - 26
Create Links from Favorites
Drag and Drop
© Minder Chen, 1997-2006
HTML & FrontPage - 27
Create Links from Browsed Pages
© Minder Chen, 1997-2006
HTML & FrontPage - 28
External Link and Bookmark
Contact <a href="contact_us.htm#bob"> Bob</a> for product issues…
© Minder Chen, 1997-2006
HTML & FrontPage - 29
E-Mail Address as a Hypertext Link
e-mail <a href="mailto:[email protected]?subject=Web problems">web master</a>
© Minder Chen, 1997-2006
HTML & FrontPage - 30
Page View and Site Management Views
•
Page View. Start creating and editing Web content
immediately.
•
Folders View. Use this view to see all of the pages, graphics,
and files in your Web, and effortlessly move or rename pages.
•
Reports View. Thirteen Web reports help you find, diagnose, and fix
potential problems. These reports can help you find the total size of
your site, number of pages, all graphics, unlinked files, slow pages,
recently added pages, broken hyperlinks, and more.
•
Navigation View. Easily organize your site, create new pages,
and set up how your pages link to one another.
•
Hyperlinks View. Quickly identify all hyperlinks, including
broken hyperlinks and linked Microsoft Office documents.
•
Tasks View. Track Web tasks by status, description, who they
are assigned to, and priority.
© Minder Chen, 1997-2006
HTML & FrontPage - 31
FrontPage Hyperlinks View
• Double click on a page to edit the page.
© Minder Chen, 1997-2006
HTML & FrontPage - 32
Theme or No Theme
© Minder Chen, 1997-2006
HTML & FrontPage - 33
Page Properties
When a page has a
Theme apply to it, the
Background properties of
the page cannot be
changed.
© Minder Chen, 1997-2006
HTML & FrontPage - 34
Workgroup Features Set at Each Page
© Minder Chen, 1997-2006
HTML & FrontPage - 35
Create a New Page with Page Template
• Template vs. Wizard
© Minder Chen, 1997-2006
HTML & FrontPage - 36
Create a New Page: File / New / Page or Web
© Minder Chen, 1997-2006
HTML & FrontPage - 37
Formatting
Highlight the text before you change its format.
© Minder Chen, 1997-2006
HTML & FrontPage - 38
Formatting
© Minder Chen, 1997-2006
HTML & FrontPage - 39
Define Paragraph Properties
© Minder Chen, 1997-2006
HTML & FrontPage - 40
Cascading Style Sheets (CSS)
• Cascading Style Sheets (CSS) are an open specification
endorsed by the World Wide Web gives web authors
tremendous power in formatting web pages.
• CSS support gives web authors word processor-like
control over the text in HTML documents so you can define
complex styles for things like paragraphs, documents, and
collections of documents so you can create extensive and
dramatic page layout settings.
• FrontPage can do 100% round tripping of all CSS attributes
as well as provides an interface for setting CSS properties.
Popular web browsers supporting CSS include Microsoft
Internet Explorer 3.0 and higher, and Netscape Navigator
4.0.
• For detailed information on the structure and rules for
defining a cascading style sheet, and for valid properties
and values, refer to the World Wide Web Consortium (W3C)
specifications on cascading style sheets at
http://www.htmlhelp.com/reference/css/
© Minder Chen, 1997-2006
HTML & FrontPage - 41
Sample Style Definition
<style>A:hover {color: #FF0000; font-weight: bold}
</style>
<meta name="Microsoft Theme" content="none">
<style>
<!-h1
{ color: #800000 }
-->
</style>
© Minder Chen, 1997-2006
HTML & FrontPage - 42
Format / Stylesheet...
© Minder Chen, 1997-2006
HTML & FrontPage - 43
Create Tables
Context sensitive menu
© Minder Chen, 1997-2006
HTML & FrontPage - 44
Table Properties
© Minder Chen, 1997-2006
HTML & FrontPage - 45
Cell Properties
© Minder Chen, 1997-2006
HTML & FrontPage - 46
Draw Table
© Minder Chen, 1997-2006
HTML & FrontPage - 47
Using Table for Layout Control
• View >
Reveal
Tag
© Minder Chen, 1997-2006
HTML & FrontPage - 48
Insert a Picture from Clip Art Library
• Insert > Picture > Clip Art…
© Minder Chen, 1997-2006
HTML & FrontPage - 49
• Save the page, you will be
asked to save the file.
• Rename the file to a more
meaningful name (study.gif)
in .gif or .jpeg (.jpg) format.
• Change the folder to the
images folder.
© Minder Chen, 1997-2006
HTML & FrontPage - 50
Floating Picture Toolbar
Auto Thumbnail will be unavailable if the
graphic you selected is already smaller than a
thumbnail, if the graphic has hyperlink or hot
spots set for it, or if the graphic is an animation.
© Minder Chen, 1997-2006
HTML & FrontPage - 51
Thumbnail Image
• Click on the picture
• Choose Auto
Thumbnail to
reduce the picture
into a thumbnail
image
• Save the page
again to save the
thumbnail image
• Choose preview
and click on the
thumbnail image
© Minder Chen, 1997-2006
HTML & FrontPage - 52
Insert Image
• Create a new
page study.htm
• Use Insert >
Picture > From
File to insert the
study.gif into
this page
© Minder Chen, 1997-2006
HTML & FrontPage - 53
Image Map
• An image map that encodes
the destination URL of each
hotspot directly in a page.
• Client-side image maps do not
require processing from a
server to follow the hyperlinks
on the image map, so they are
more efficient.
© Minder Chen, 1997-2006
HTML & FrontPage - 54
Image Map
•
•
You can use three shapes to define hotspots: Rectangle, Circle, Polygon
Each shape overlaid on top of the image is a link to a web page.
© Minder Chen, 1997-2006
HTML & FrontPage - 55
Image Link
•
•
•
The whole image can be an image link.
Highlight (click) the image.
Create a hypertext link.
© Minder Chen, 1997-2006
HTML & FrontPage - 56
Create an Image Link
• Insert slion.gif image from
– http://65.168.115.6/aitc/slion.gif
• Highlight the image
• Create a link to
In Page view,
right-click the
graphic, and click
Hyperlink on the
shortcut menu.
– http:// 65.168.115.6/aitc/blion.gif
• Go to preview mode and move the cursor on top
of the small lion image (the cursor should be
changing to a pointing hand) and then click on it
to jump to the big lion image.
© Minder Chen, 1997-2006
HTML & FrontPage - 57
<img align="???">
default alignment
Align="right"
align="left"
<br clear="all">
© Minder Chen, 1997-2006
HTML & FrontPage - 58
Define Picture Properties
© Minder Chen, 1997-2006
HTML & FrontPage - 59
Format: Dynamic HTML Effects
•
•
Insert two images (under Animals category) into a page
Save the page to save these images in your images folder.
(bird1.jpg and bird2.jpg)
© Minder Chen, 1997-2006
HTML & FrontPage - 60
Dynamic HTML Effects on Texts
• Create Special Effect on Texts
© Minder Chen, 1997-2006
HTML & FrontPage - 61
Dynamic Positioning
• Format / Position…
• View / Toolbars / Positioning
© Minder Chen, 1997-2006
HTML & FrontPage - 62
HTML Form
© Minder Chen, 1997-2006
HTML & FrontPage - 63
Create a Form
• Insert/Form
• Select One-line text Box
• Double click on the Text Box to edit its
property
© Minder Chen, 1997-2006
HTML & FrontPage - 64
Check Box
© Minder Chen, 1997-2006
HTML & FrontPage - 65
Radio Button
• Radio Buttons that have the same group name
belong to the same group and are mutually
exclusive (you can only select one of them).
Using Group Box
© Minder Chen, 1997-2006
HTML & FrontPage - 66
Drop-down Box
Modify Choice
© Minder Chen, 1997-2006
HTML & FrontPage - 67
Text Area
© Minder Chen, 1997-2006
HTML & FrontPage - 68
Submit and Reset Buttons
© Minder Chen, 1997-2006
HTML & FrontPage - 69
Customer Form Handler
<form method="POST"
action="http://ecommerce.nvcc.us/asp/formtest.asp">
© Minder Chen, 1997-2006
HTML & FrontPage - 70
Testing Your Form
© Minder Chen, 1997-2006
HTML & FrontPage - 71
Save Form Input Data in a File
© Minder Chen, 1997-2006
HTML & FrontPage - 72
Create Pages Using Template, Wizard, Frame, or Styles Sheets
• Use Menu: File / New / Page or Web
• Choose Page Templates…
© Minder Chen, 1997-2006
HTML & FrontPage - 73
To Create a Template Page
• You can save a page as a template. After it is saved, it is displayed
in the New Page dialog box along with the standard FrontPage
page templates.
– In the FrontPage Editor, choose File: Save As.
– Select Save as Type to FrontPage Template .tem
© Minder Chen, 1997-2006
HTML & FrontPage - 74
Navigation View
© Minder Chen, 1997-2006
HTML & FrontPage - 75
Create Navigation Structure
• You can create a navigation structure for the current
FrontPage web by creating and organizing pages in the
FrontPage Navigation View. FrontPage creates
navigation bars based on the navigation structure and
then inserts the navigation bars into the shared borders
of these pages.
• In general, to add new pages to the structure, click the
New Page button on the toolbar.
• To create a new child page, select the parent page
beneath which you want to add the new child page, and
then click the New Page button or press the INSERT key.
• To add existing pages to the structure, drag them from
the Files Pane into the Navigation Pane
© Minder Chen, 1997-2006
HTML & FrontPage - 76
© Minder Chen, 1997-2006
HTML & FrontPage - 77
Format / Shared Border…
• A shared border is a region that is common to one or
more pages in a web. Inside a shared border, include
items that you want to appear on each page.
• For each page in your web, you can set the borders to
share. For example, if the top border is shared by default
for a web but you don't want this shared border on a
specific page, you can turn off the shared top border on
that page. Or, you can set selected pages in a web to
use a shared border, even if the web does not have any
shared borders by default.
© Minder Chen, 1997-2006
HTML & FrontPage - 78
Shared Borders
© Minder Chen, 1997-2006
HTML & FrontPage - 79
Link Bars Style
© Minder Chen, 1997-2006
HTML & FrontPage - 80
Navigation Bar Properties: Insert / Navigation Bar...
© Minder Chen, 1997-2006
HTML & FrontPage - 81
Link Bar Properties
© Minder Chen, 1997-2006
HTML & FrontPage - 82
Define Link Bar
© Minder Chen, 1997-2006
HTML & FrontPage - 83
Shared Borders and Link Bars
• A shared border is a region that is common to
one or more pages in a web site. Use shared
borders to place the same content on multiple
pages in one step, rather than editing each
page.
• You can also use link bars inside shared
borders. However, a link bar is relative to each
page — a link bar might seem useful when you
view it from one page, but you might not like the
selection of hyperlinks when you view the link
bar from a different page. Since a link bar inside
a shared border has the same settings for all
pages using the shared border, you must be
careful how you set up the link bar.
© Minder Chen, 1997-2006
HTML & FrontPage - 84
Format / Themes...
© Minder Chen, 1997-2006
HTML & FrontPage - 85
Navigation Diagram and Page Banner
© Minder Chen, 1997-2006
HTML & FrontPage - 86
FrontPage Components (WebBots)
© Minder Chen, 1997-2006
HTML & FrontPage - 87
FrontPage Server Extension
•
•
•
Enable or disable the FrontPage
Server Extensions: To ensure
compatibility with servers that don't
use the FrontPage Server
Extensions, you can enable or
disable commands that rely on the
presence of the server extensions
on the server. If you disable the
server extensions for a web, the
related commands will be
unavailable (that is, they will appear
dimmed) on menus in FrontPage at
authoring time.
On the Tools menu, point to Page
Options, and then click the
Compatibility tab.
If you want to target your web for a
server that uses the FrontPage
Server Extensions, select the
Enabled with Microsoft FrontPage
Server Extensions check box.
© Minder Chen, 1997-2006
HTML & FrontPage - 88
Web Components…
© Minder Chen, 1997-2006
HTML & FrontPage - 89
Hit Counter
• This page contains a FrontPage Hit Counter
component that will not function properly until
you publish your FrontPage web to a server.
© Minder Chen, 1997-2006
HTML & FrontPage - 90
Frames
© Minder Chen, 1997-2006
HTML & FrontPage - 91
Create a New Frame Page
• Create a New Page with Page Templates
• Choose the Frames Pages tab control
• Choose a frameset layout
© Minder Chen, 1997-2006
HTML & FrontPage - 92
Edit Frameset Grid
•
•
Set Initial Page : Select the first page that will be displayed in the frame when the
frames page is viewed in a user's browser. You can choose a page from the current
FrontPage web, your file system, or the World Wide Web.
New Page: Create a new page in the active frame. The new page will be the initial page
displayed in the active frame when the frames page is viewed in a user's browser.
© Minder Chen, 1997-2006
HTML & FrontPage - 93
Save the Frameset and Frame page
Online_book.htm
toc.htm
© Minder Chen, 1997-2006
Chapter_1.htm
HTML & FrontPage - 94
Frame Definition Page
Bookframe.htm
© Minder Chen, 1997-2006
HTML & FrontPage - 95
Frame
banner
contents
main
© Minder Chen, 1997-2006
<html><head>
…<title>New Page 1</title></head>
<frameset rows="64,*">
<frame name="banner" scrolling="no"
noresize target="contents"
src="online_book.htm">
<frameset cols="214,*">
<frame name="contents" target="main"
src="toc.htm">
<frame name="main"
src="chapter_1.htm">
</frameset>
<noframes>
<body>
<p>This page uses frames, but your
browser doesn't support them.</p>
</body>
</noframes>
</frameset>
</html>
HTML & FrontPage - 96
Hyperlink and Target Frame
Target setting for a link
–Same Frame: _self
–Whole Page: _top
banner
contents
main
–New Window: _blank
–Parent Frame: _parent
© Minder Chen, 1997-2006
HTML & FrontPage - 97
Frame Property
© Minder Chen, 1997-2006
HTML & FrontPage - 98
Navigation Structure: Frame or Not Frame
• When you use frames pages and frames to
organize your Web site, you should not use
shared borders and navigation bars. These are
alternate ways to organize the navigation
structure of your FrontPage web.
• Using shared borders and navigation bars along
with frames will make your Web site confusing
to navigate.
© Minder Chen, 1997-2006
HTML & FrontPage - 99
Reports
© Minder Chen, 1997-2006
HTML & FrontPage - 100
Maintenance Problems
reports display problems
with your web site,
including broken links,
component errors, files
that take too long to
download, and so on.
© Minder Chen, 1997-2006
HTML & FrontPage - 101
Workflow
Workflow Status reports indicate the status of the files and assignments in your
web site, including the review status, who the file is assigned to, whether it's
checked out using source control, and so on.
© Minder Chen, 1997-2006
HTML & FrontPage - 102
Source Control
Microsoft FrontPage provides a
built-in source control feature that
ensures that only one person at a
time can edit a file. Before you can
use built-in source control in
FrontPage, you must enable it.
You can enable source control if
you have administrator privileges
and your web server supports the
FrontPage Server Extensions.
1. Close all files in your web site before
enabling source control.
2. On the Tools menu, click Web Settings.
3. On the General tab, select the Use
document check-in and check-out
check box.
© Minder Chen, 1997-2006
HTML & FrontPage - 103
Web Site Usage Reports
© Minder Chen, 1997-2006
HTML & FrontPage - 104
Web Publishing
• From FrontPage
• File / Publish Web...
This command is
used to publish
entire FrontPage
webs or transfer
new and updated
pages to your ISP
web server.
If you can publish
your web using the
Hypertext Transfer
Protocol (HTTP), if
the Web server has
the FrontPage
Server Extensions.
© Minder Chen, 1997-2006
HTML & FrontPage - 105
© Minder Chen, 1997-2006
HTML & FrontPage - 106
© Minder Chen, 1997-2006
HTML & FrontPage - 107
Easily and Flexibly Manage Workgroup and Team Efforts
• Category Component. Save time by assigning Web pages to
customizable categories, and then use the Category Component to
automatically create hyperlinks to all of the documents in a specific
category. This eliminates a tedious task, and provides users with
continually updated links on specified pages.
• Nested Subwebs. Flexible security in FrontPage 2002 allows you to
turn a folder in your Web into a subweb, complete with unique
permissions by group or user.
• Document Check-In and Check-Out. Check out Web pages to keep
others from posting changes to the pages that you're working on.
Check pages back in once updates are complete. You can even roll
back to the previous version of the pages if you don't like the
changes you've made.
• Workflow Reports. Assign page responsibilities to specific team
members and set up approval levels or stages to follow your
internal publishing process. Then use FrontPage Reports to list and
update assignments and approval levels.
© Minder Chen, 1997-2006
HTML & FrontPage - 108
http://65.168.115.6/shared2/fp/ex2
© Minder Chen, 1997-2006
HTML & FrontPage - 109
Create Embedded Subweb
• Create a new folder under the current web
© Minder Chen, 1997-2006
HTML & FrontPage - 110
FrontPage Server Extension
• It can be downloaded from
ftp://ftp.microsoft.com//products/frontpage/fpse02_x86_ENG.exe
• Run fpserver.exe on the CD 1 of FP 2000
• Set a virtual directory
– fpadmin that maps to
– C:\Program Files\Common Files\Microsoft Shared\Web Server
Extensions\40\admisapi
• Access the FrontPage Administration web page at
– http://localhost/fpadmin/FPADMIN.HTM
© Minder Chen, 1997-2006
HTML & FrontPage - 111
Features Requiring FP Server Extensions
• The following features require the FrontPage Server
Extensions 2002:
–
–
–
–
–
–
File Upload
Custom Link Bars
Shared Border Background Properties
Usage Analysis Reports
Top Ten List Web Component
New Security Features (User Roles)
• The following components require FrontPage 2000 Server
Extensions or later:
–
–
–
–
Database Results Wizard
Send To Database Form Handler
Nested Subwebs
Lightweight Source Control (document check-in/check-out without
VSS)
– Categories Component
– StyleSheet links to multiple files or ASP files
– Database Interface Wizard
Source: http://support.microsoft.com/default.aspx?scid=kb;EN-US;q281532
© Minder Chen, 1997-2006
HTML & FrontPage - 112
Features Requiring FP Server Extensions
• In addition, the following components require at least an
earlier version of the FrontPage Server Extensions:
–
–
–
–
–
–
–
–
Confirmation Field
Discussion Form Handler
FrontPage-created server-side image maps
Hit Counter
Registration Form Handler
Save Results Form Handler
Search Form
Field Set
• These features require a web based on SharePoint Team
Services from Microsoft:
–
–
–
–
–
–
–
Document Library
List
Survey
Discussion Board
List and Document Library Views
List Forms
SharePoint Team Web Site Wizard
© Minder Chen, 1997-2006
HTML & FrontPage - 113
SharedPoint Team Services
© Minder Chen, 1997-2006
HTML & FrontPage - 114
Managing SharedPoint and FrontPage Extensions
© Minder Chen, 1997-2006
HTML & FrontPage - 115
© Minder Chen, 1997-2006
HTML & FrontPage - 116
Create a FrontPage Subweb
Or SharedPoint Subweb
© Minder Chen, 1997-2006
HTML & FrontPage - 117
© Minder Chen, 1997-2006
HTML & FrontPage - 118
© Minder Chen, 1997-2006
HTML & FrontPage - 119