2. FrontPage Introduction Presented by: Audrey Marshall for Interactive Multimedia Design

3. Overview Introducing Microsoft FrontPage Starting FrontPage Exploring the FrontPage Screen Opening a Web Page Saving a Web Page Using the Page View getting Help in Front Page Exiting FrontPage

4. Introducing Microsoft FrontPage Microsoft FrontPage is a Web authoring application Takes time and tedium out of designing and creating Web pages Makes it possible to build Web pages without extensive knowledge of HTML

5. Web Page Uses Impact on:  Communicate  Educate  Entertain  Conduct business  Personal Types  Organizational/topical  Commercial  Advertise

6. Publishing/Authoring Tools Publishing Tools  HTML  Scripts, Applets, Servlets and Active X Controls  JavaScript, VBSScript and Perl  Web Authoring Packages: Microsoft Office: FrontPage, Word, & PowerPoint Adobe GoLive Macromedia Dreamweaver Macromedia Flash  Do you know others? Who created PERL and where was it created?

7. Web Design Roles Writer/Editor Multimedia Developer Artist/Graphic Designer Web Page Designer Web Programmer Web Master

8. Tips for Designing Effective Pages Content  Appropriate Title & Structure Page Layout  Demonstrates Careful Thought  Information Presented in Logical Order Graphics  Simple Background & Layout  Appropriate Graphics & Animation Navigation  Major Sections Clear and Easy to Follow  Links Function Properly Design  Well Organized  Tables/Bulleted lists, Horizontal Rule Lines Information  Creatively Written  Errors Obsolete or Few & Minor Advanced Features  Includes Multimedia such as Video/Sound, Animation

9. 1. Web Page 2. Hyperlink 3. Browser 4. Web site 5. Home Page 6. HTML 7. ISP 8. OSP 9. URL 10. Search Engine 11. HTTP 12. Page View 13. Theme 14. Banner 15. Navigation Bar 16. Clipart 17. Marquee 18. Web Browser 19. Internet Explorer Web Page Terms to Know

10. Introducing Microsoft FrontPage Web Page in FrontPage 2003 Text Hyperlinks Graphic Frames

11. Starting FrontPage With computer running and Windows desktop visible on the screen Click on Start From Start menu, choose Programs, then Microsoft FrontPage

12. Exploring the FrontPage Screen Opening view is a blank Web page in frame View buttons located on left  Call functions which are specific to working with Webs Web: a group of related and interconnected Web pages Web page: a document than be viewed on Internet with its own URL Web site: group of Web pages linked together in cohesive, navigable way

13. Exploring the FrontPage Screen FrontPage Window View Buttons Title barMenu bar Standard toolbar Formatting toolbar Blank Web page

14. Opening a Web Page Pages will be created and saved Must know how to retrieve these pages after they have been saved to a file Requirements for opening a page  Must know the name of the file  Must know where it is located Pages which have not been saved are indicated with an asterisk (*)

15. Opening a Web Page Click on File and then Open to display the File Open dialog box

16. Opening a Web Page Click the Look In button to find the correct folder Choose the file from resulting list Click on Open Recent webs (last pages worked on )

17. Opening a Web Page Web page opened in FrontPage

18. Saving a Web Page Work must be saved  When finished working with a file  Frequently during work in case of power outage or computer failure Files can be saved to  Hard drive  Floppy disk  Network drive

19. Saving a Web Page With page to be saved showing in view … Click on File, then Save As for dialog box Navigate to folder if necessary Specify new file name Click Save

20. Using the Page View Most Web pages designed in Page view Text, graphics, etc. added and reformatted in this view Other views primarily used for managing Web Page views include  Normal  HTML  Preview

21. Using the Page View Default view is the Normal view Click HTML tab to display HTML view

22. Using the Page View Web page in HTML format Click Normal tab to display Normal view

23. Getting Help in Front Page Help options for Microsoft FrontPage  Contents, Answer Wizard, Index These show as tabs on the Help dialog box For Index tab, enter key word Alternatively, choose a key word from the list (Scroll to desired word) Index finds topics related to key word Select desired topic Help topic displayed

24. Getting Help in Front Page Answer Wizard tab Type question here Answer Wizard finds topics related to question Select desired topic Details of selected Help topic appear in right pane

25. Exiting FrontPage Important to exit the FrontPage (or any) application properly Prevents data loss Use File and Exit or click on the X in the upper right hand corner of the screen

26. Exiting FrontPage FrontPage checks to see if you have saved all current pages before exiting Dialog box reminds you, offers opportunity to save the page(s) or cancel the exit

27. Questions?