Microsoft Office FrontPage 2003

1. Microsoft Office FrontPage 2003 Tutorial 1 – Creating a Web Site New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1

2. Learn what FrontPage is and how it works • Microsoft FrontPage is a tool to help you develop, maintain, and publish your Web sites. • FrontPage lets you: • Insert text and graphics • Import and export files • Add, test, and repair hyperlinks • Easily view and manage the entire Web site • There are even templates included to get you started. New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1

3. FrontPage creates the HTML code • While HTML is the language your sites will be based on, you don't have to know it to create a great Web site. • FrontPage uses a graphical interface that allows anyone with Windows experience to develop Web pages. • It creates the HTML code for you and the Web browser interprets it to display your pages correctly. New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1

4. FrontPage builds Web sites • A Web site consists of Web pages, files, and folders as well as specific FrontPage server extension support files that all work together so Internet users can view a site correctly. • Web sites can be disk-based or server-based. • Disk-based sites can be stored on floppy disks or on a hard drive • Server-based sites have your files and folders stored on a Web server. • These two types of sites are created in an almost identical way. New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1

5. Start and exit FrontPage • To start FrontPage, click the Start button, point to All Programs, point to Microsoft Office, and select Microsoft Office FrontPage 2003. • The Getting Started task pane allows you to open a new or existing Web page or Web site • To exit FrontPage, click the Close button in the upper right corner of the program window. New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1

6. The FrontPage Program window New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1

7. Creating a Web Site • When building a new Web site, you must first create a folder in which to store the files and folders in the site. New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1

8. Web Site Templates New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1

9. Use FrontPage Views • Once you have opened FrontPage, the View menu allows you to use the Folders view, where you can see all the files in your Web site. • The View menu allows you to see your site from different perspectives. • The Folders list shows all the folders and files in the site. New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1

10. FrontPage Folders view New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1

11. Open and explore a FrontPage Web site • The options on the Views bar give you different ways of looking at the information in a site and make creating and maintaining the site easy. • To open a Web site, use the list arrow on the Open button and select Open Web. • You can then can use the dialog box that opens to navigate to a folder that contains a Web site. Then click the Open button. • Double-click on index.htm to switch to Page view for that Web site. • The Page view is where you create, edit, and format content • The title bar indicates which Web page is open. New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1

12. Specifying a Browser Version • Double-click the Authoring Settings pane on the status bar. • Select Custom from the FrontPage and SharePoint technologies list arrow. • Click the Browsers list arrow, and then make your browser selection. • If necessary, make your selection from the Browser versions list. New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1

13. Page Options Dialog Box New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1

14. Specifying the Page Size • Double-click the file for which you wish to change the default page size. • Click the Page Size pane to open a menu of preset sizes. • Select your desired page size in the menu. New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1

15. Specifying the Page Size New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1

16. Inserting a File into a Web Page • Position the insertion point where you wish to insert the file. • Select File from the Insert menu. • Locate and double-click the file you wish to insert on your Web page. New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1

17. Spell Checking a Web Page • Click the Spelling button on the Standard toolbar to open the Spelling dialog box. • Change or ignore the potentially misspelled words that are highlighted in the Spelling dialog box. • To ignore all instances of a word or to change the spelling of all instances of a misspelled word, click the Ignore All or Change All button, respectively. • When the spell check feature is complete, click the OK button. New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1

18. Spelling Dialog Box New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1

19. Saving a Web Page • Two methods: • Click the Save button on the Standard toolbar. • Click File on the menu bar, and then click Save. New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1

20. Formattinga Web Page New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1

21. Creating a Heading in a Web Page • Click anywhere in the paragraph that you want to format as a heading. • Click the Style list arrow on the Formatting toolbar to display a list of available paragraph format styles, and then click the desired heading style. New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1

22. Formatting a Web Page • Microsoft Office FrontPage 2003 allows you to format your Web Page similar to how you would format a word processing document in Microsoft Office Word 2003: • Align text • Use fonts • Insert special characters • Change font size and color • Format Painter New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1

23. Previewing a Web Page • Click the Show Preview View button at the bottom of the Contents pane. New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1

24. Printing a Web Page • With the page displayed in Design view, click File on the menu bar, and then click Print. • Select the appropriate printer, set the printer options, number of pages, and properties, and then click the OK button. New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1

25. Understanding Hypertext Markup Language • The name of an HTML tag is enclosed in angle brackets (<>). • Most tags are two-sided. • Opening tag tells the browser to start applying a feature. • Closing tag tells the browser to stop applying a feature. • One-sided tags require only an opening tag. • The browser stops applying the formatting indicated by the one-sided tag when it finishes reading the tag/ New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1

26. New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1

27. Viewing the Web Page in Code View New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1

28. Split View New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1

29. Using Meta Tags • A meta tag is an HTML tag that includes information about a Web page, such as the character set, name of its developer, how often the page is refreshed, and the keywords and description of the page’s contents. • The Custom tab of the Page Properties dialog box allows you to insert meta tags. New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1

30. Using Meta Tags New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1

31. Getting Help in FrontPage • Click the Microsoft Office FrontPage Help button on the Standard toolbar. New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1