FrontPage 2000FrontPage 2000

For Online ClassesFor Online Classes

June 29, 2000June 29, 2000

Distance Learning ConferenceDistance Learning Conference

What we’ll coverWhat we’ll cover

Web basicsWeb basics FP features +/-FP features +/- FP basicsFP basics Converting existing documentsConverting existing documents FP hands onFP hands on FP specific features if there’s timeFP specific features if there’s time

FrontPageFrontPage

WYSIWYG web page editorWYSIWYG web page editor HTML viewHTML view Many extra features w/Server Ext.Many extra features w/Server Ext.

– Forms, Counter, database Forms, Counter, database connections, scheduled includes, etc. connections, scheduled includes, etc. See list at: See list at: http://support.http://support.microsoftmicrosoft

.com/support/kb/articles/q232/5/24.asp.com/support/kb/articles/q232/5/24.asp Publish WebPublish Web

Web Basics Web Basics

InternetInternetInternetInternet

Browser Requests Web Page

ServerReturns

Web Page

Viewing Web Viewing Web PagesPages

Web Basics Web Basics

InternetInternetInternetInternet

Author edits web

page, saves it locally

Serverstores web page

- available to the world

Authoring Web Authoring Web PagesPages

Author uploads Author uploads (transfers) web (transfers) web page (file), to page (file), to

the serverthe server

File TransfersFile Transfers

FTP - File Transfer ProtocolFTP - File Transfer Protocol– traditional methodtraditional method– manual file manual file

management/synchronizationmanagement/synchronization– may require extra programmay require extra program

WS_FTP, othersWS_FTP, others

– not hard, but requires (an) extra not hard, but requires (an) extra step(s)step(s)

FrontPage File FrontPage File ManagementManagement

Edit files directly on serverEdit files directly on server– Server must have FP extensionsServer must have FP extensions– Very easy Very easy – Can be dangerous (inadvertent errors)Can be dangerous (inadvertent errors)– MSDN FrontPage linkMSDN FrontPage link

Edit files on local computerEdit files on local computer– Develop then PublishDevelop then Publish– FP extensions not necessaryFP extensions not necessary– SaferSafer

Editing Single FilesEditing Single Files– built in FTP may not workbuilt in FTP may not work

Alternative EditorsAlternative Editors

FrontPage 98FrontPage 98 No Server Extensions?No Server Extensions?

– Macromedia DreamweaverMacromedia Dreamweaver highly ratedhighly rated

– Adobe Go-LiveAdobe Go-Live– Netscape ComposerNetscape Composer

Recent versions produce problematic Recent versions produce problematic HTMLHTML

FrontPage SetupFrontPage Setup

Disk based siteDisk based site– My Documents\My WebsMy Documents\My Webs

Personal Web ServerPersonal Web Server– Website on desktop computerWebsite on desktop computer– can access from Internet if connectedcan access from Internet if connected– some limitationssome limitations

Create a web locallyCreate a web locally

File/New WebFile/New Web One page WebOne page Web

Change WebChange WebName HereName Here

FrontPage TourFrontPage Tour

Install PWS & TemplatesInstall PWS & Templates

Personal Web ServerPersonal Web Server– Windows98 disk: add-ons/pwsWindows98 disk: add-ons/pws– CBC Lab: H:/Sako/ASP/add-ons/PWSCBC Lab: H:/Sako/ASP/add-ons/PWS– Web: MSDN Site (towards bottom of the page)Web: MSDN Site (towards bottom of the page)– Security PatchSecurity Patch

New Templates, including class TemplateNew Templates, including class Template– CBC: H:/DL2000/fp2000/fpdlenu.exeCBC: H:/DL2000/fp2000/fpdlenu.exe– MS FrontPage download siteMS FrontPage download site– Must have FP98 installedMust have FP98 installed

Copy/Move TemplatesCopy/Move Templates

From: C:\Program Files\Microsoft FrontPage\From: C:\Program Files\Microsoft FrontPage\WEBSWEBS– Highlight all folders, right click, CopyHighlight all folders, right click, Copy

To: C:\Program Files\Microsoft Office\To: C:\Program Files\Microsoft Office\Templates\1033\WebsTemplates\1033\Webs– Right click, PasteRight click, Paste

Web TemplatesWeb Templates

Open Class WebOpen Class Web– Include syllabusInclude syllabus

Tips & TricksTips & Tricks

Use Tables with 0 border to position contentUse Tables with 0 border to position content Design pages 580 pixels wide max, most Design pages 580 pixels wide max, most

important in top 350 pixels, appx. - Avoid important in top 350 pixels, appx. - Avoid horiz. scrollinghoriz. scrolling

Links back to home page, on most pagesLinks back to home page, on most pages Animated graphics - use sparingly - do they Animated graphics - use sparingly - do they

contribute?contribute? Use common denominator text fonts: Arial, Use common denominator text fonts: Arial,

Helvetica, Sans-serif - or sub MS web font for Helvetica, Sans-serif - or sub MS web font for ArialArial

Tips & TricksTips & Tricks

Format PainterFormat Painter Clip Art LiveClip Art Live

– imported imagesimported images HTML viewsHTML views FormsForms Remove FormattingRemove Formatting Image mapsImage maps Other tips & TricksOther tips & Tricks