Introduction toIntroduction to

MicrosoftMicrosoftFrontPage 2000FrontPage 2000

Microsoft FrontPageMicrosoft FrontPage

– FrontPage is a popular WYSIWYG FrontPage is a popular WYSIWYG authoring/site management packageauthoring/site management package

– Combines WYSIWYG editing of pages Combines WYSIWYG editing of pages with site management features with site management features

– Maps out site visually in flowchart styleMaps out site visually in flowchart style– Features include automatic creation of Features include automatic creation of

navigation links and verifying of navigation links and verifying of hyperlinkshyperlinks

– Makes it easy to add interactivity (e.g Makes it easy to add interactivity (e.g adding a hit counter, timestamp, search adding a hit counter, timestamp, search facility, form)facility, form)

What FrontPage Can DoWhat FrontPage Can Do

• Create Web pagesCreate Web pages

• Manage Web sitesManage Web sites

• Fix broken hyperlinksFix broken hyperlinks

• Edit art workEdit art work

• Create Web site mapsCreate Web site maps

• Edit Web site navigation structureEdit Web site navigation structure

• Download Web sites to your hard driveDownload Web sites to your hard drive

Create Web pagesCreate Web pages

Don’t need to know HTML Don’t need to know HTML (web page code)(web page code)

Interface almost identical to MS WordInterface almost identical to MS Word

MS Word itself as Web page editor Write and “Save As HTML” Problems

Pictures don’t always show Font styles may not look quite the same Can’t preview the page in Web browser while you are creating it

Conclusion: FrontPage is better

Toolbars: StandardToolbars: Standard

Web page editorWeb page editor

• FrontPageFrontPage has many “Views” has many “Views”

• Use Use Page ViewPage View to create and edit Web to create and edit Web pagespages

• Three “tabs” in Three “tabs” in Page ViewPage View – NormalNormal: write/edit: write/edit– HTMLHTML– PreviewPreview: what displays in Web browser: what displays in Web browser

FrontPage Views: Page FrontPage Views: Page ViewView

FrontPage ViewsFrontPage ViewsPage ViewPage View

Compose and edit pageCompose and edit page

Folder ViewFolder ViewSee File ListSee File ListSelect File to editSelect File to editChange names of filesChange names of files

Reports ViewReports ViewSite reportsSite reports

Navigation ViewNavigation ViewArrange Web site mapArrange Web site mapMap automatically sets NavbarsMap automatically sets Navbars

Hyperlinks ViewHyperlinks ViewSee in and out linksSee in and out links

Tasks ViewTasks ViewWrite and see To Do listsWrite and see To Do lists

FrontPage Views: FrontPage Views: Navigation ViewNavigation View

Navigation View

Ex. 3B

shared

Toolbars: FormattingToolbars: Formatting

Edit art workEdit art work• Picture ToolbarPicture Toolbar (like MS Word) (like MS Word)

– CropCrop– Re-sizeRe-size– Contrast and BrightnessContrast and Brightness– Grayscale Grayscale

– Set Set transparencytransparency color color

– Bevel edgeBevel edge– Rotate, flip, etc.Rotate, flip, etc.

Toolbars: PictureToolbars: Picture

Crop Re-sample

Create a Web siteCreate a Web site

• Sketch your site on paperSketch your site on paper• Convert your Web page to a FrontPage Convert your Web page to a FrontPage

“web”“web”• Add new blank pages to your siteAdd new blank pages to your site• Re-arrange your Web site map in Re-arrange your Web site map in

Navigation view• If you use shared elements, FrontPage If you use shared elements, FrontPage

will fix hyperlinks to match new mapwill fix hyperlinks to match new map

Shared ElementsShared Elements

• BordersBorders– Similar look to all pages in your siteSimilar look to all pages in your site– Logo or text placed once: appears on all Logo or text placed once: appears on all

pagespages

• Navigation BarsNavigation Bars– FrontPage automatically creates links to FrontPage automatically creates links to

• other pages on the same levelother pages on the same level• other pages on “other pages on “child” level” level• other pages on “parent” levelother pages on “parent” level

Fix broken hyperlinksFix broken hyperlinks

• Find broken links within your “web”Find broken links within your “web”• Displays list of broken linksDisplays list of broken links• Fix links right in the list Fix links right in the list

– (don’t need to search for broken link inside web page)(don’t need to search for broken link inside web page)

• Fix “globally” every page with same Fix “globally” every page with same broken link in one stepbroken link in one step

• Also can search and display broken Also can search and display broken links due to changed Internet pageslinks due to changed Internet pages

Create Web site mapsCreate Web site maps

• Help find pages Help find pages

• Publish map to your web sitePublish map to your web site

• Also can create Table of Contents for Also can create Table of Contents for your web siteyour web site

• Note: visitors should be able to get Note: visitors should be able to get anywhere in your site within 3 clicks!!anywhere in your site within 3 clicks!!

Download Web sitesDownload Web sites

• Use Use File/ImportFile/Import command command• Entire Web site can be captured to your hard Entire Web site can be captured to your hard

drivedrive• Great for off-line viewing and presentationsGreat for off-line viewing and presentations• Can try for Web page which has layout you like Can try for Web page which has layout you like

-- just download one level-- just download one level– Be careful: may not work if JavaScript or other Be careful: may not work if JavaScript or other

programs are loading content from hidden scripts on programs are loading content from hidden scripts on the serverthe server

– Look at the HTML source -- if tags look like straight Look at the HTML source -- if tags look like straight HTML, should be okHTML, should be ok

More to come…More to come…advanced FrontPageadvanced FrontPage

• Good Books:Good Books:

– FrontPage 2000/2002 for DummiesFrontPage 2000/2002 for Dummies– QuickStart Guide to FrontPage 2000/2002QuickStart Guide to FrontPage 2000/2002– The FrontPage BibleThe FrontPage Bible

The EndThe End