1. Introduction to Microsoft FrontPage 2000

2. Microsoft FrontPage – FrontPage is a popular WYSIWYG authoring/site management package – Combines WYSIWYG editing of pages with site management features – Maps out site visually in flowchart style – Features include automatic creation of navigation links and verifying of hyperlinks – Makes it easy to add interactivity (e.g adding a hit counter, timestamp, search facility, form)

3. What 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

4. Create Web pages s Don’t need to know HTML (web page code) s Interface almost identical to MS Word s MS Word itself as Web page editor ¤ Write and “Save As HTML” ¤ Problems w Pictures don’t always show w Font styles may not look quite the same w Can’t preview the page in Web browser while you are creating it s Conclusion: FrontPage is better

5. Toolbars: Standard

6. Web page editor FrontPage has many “Views”FrontPage has many “Views” Use Page View to create and edit Web pagesUse Page View to create and edit Web pages Three “tabs” in Page ViewThree “tabs” in Page View –Normal: write/edit –HTML –Preview: what displays in Web browser

7. FrontPage Views: Page View

8. FrontPage Views Page View Compose and edit page Folder View See File List Select File to edit Change names of files Reports View Site reports Navigation View Arrange Web site map Map automatically sets Navbars Hyperlinks View See in and out links Tasks View Write and see To Do lists

9. FrontPage Views: Navigation View Navigation View Ex. 3B shared

10. Toolbars: Formatting

11. Edit art work Picture Toolbar (like MS Word)Picture Toolbar (like MS Word) –Crop –Re-size –Contrast and Brightness –Grayscale –Set transparency color –Bevel edge –Rotate, flip, etc.

12. Toolbars: Picture Crop Re-sample

13. Create a Web site Sketch your site on paperSketch your site on paper Convert your Web page to a FrontPage “web”Convert your Web page to a FrontPage “web” Add new blank pages to your siteAdd new blank pages to your site Re-arrange your Web site map in Navigation viewRe-arrange your Web site map in Navigation view Navigation view Navigation view If you use shared elements, FrontPage will fix hyperlinks to match new mapIf you use shared elements, FrontPage will fix hyperlinks to match new map

14. Shared Elements BordersBorders –Similar look to all pages in your site –Logo or text placed once: appears on all pages Navigation BarsNavigation Bars –FrontPage automatically creates links to other pages on the same levelother pages on the same level other pages on “child” levelother pages on “child” levelchild other pages on “parent” level other pages on “parent” level

15. Fix 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 listFix links right in the list –(don’t need to search for broken link inside web page) Fix “globally” every page with same broken link in one stepFix “globally” every page with same broken link in one step Also can search and display broken links due to changed Internet pagesAlso can search and display broken links due to changed Internet pages

16. Create Web site maps Help find pagesHelp find pages Publish map to your web sitePublish map to your web site Also can create Table of Contents for your web siteAlso can create Table of Contents for your web site Note: visitors should be able to get anywhere in your site within 3 clicks!!Note: visitors should be able to get anywhere in your site within 3 clicks!!

17. Download Web sites Use File/Import commandUse File/Import command Entire Web site can be captured to your hard driveEntire Web site can be captured to your hard drive Great for off-line viewing and presentationsGreat for off-line viewing and presentations Can try for Web page which has layout you like -- just download one levelCan try for Web page which has layout you like -- just download one level –Be careful: may not work if JavaScript or other programs are loading content from hidden scripts on the server –Look at the HTML source -- if tags look like straight HTML, should be ok

18. More to come… advanced FrontPage Good Books:Good Books: –FrontPage 2000/2002 for Dummies –QuickStart Guide to FrontPage 2000/2002 –The FrontPage Bible

19. The End