Microsoft Office FrontPage 2003

1. Microsoft Office FrontPage 2003 Creating a Web Site Information Technology Center - KFUPM

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. Information Technology Center - KFUPM

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. Information Technology Center - KFUPM

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. Information Technology Center - KFUPM

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. Information Technology Center - KFUPM

6. The FrontPage Program window Information Technology Center - KFUPM

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. Information Technology Center - KFUPM

8. Web Site Templates Information Technology Center - KFUPM

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. Information Technology Center - KFUPM

10. FrontPage Folders view Information Technology Center - KFUPM

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. Information Technology Center - KFUPM

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. Information Technology Center - KFUPM

13. Page Options Dialog Box Information Technology Center - KFUPM

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. Information Technology Center - KFUPM

15. Specifying the Page Size Information Technology Center - KFUPM

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. Information Technology Center - KFUPM

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. Information Technology Center - KFUPM

18. Spelling Dialog Box Information Technology Center - KFUPM

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. Information Technology Center - KFUPM

20. Formattinga Web Page Information Technology Center - KFUPM

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. Information Technology Center - KFUPM

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 Information Technology Center - KFUPM

23. Previewing a Web Page • Click the Show Preview View button at the bottom of the Contents pane. Information Technology Center - KFUPM

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. Information Technology Center - KFUPM

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/ Information Technology Center - KFUPM

26. Viewing the Web Page in Code View Information Technology Center - KFUPM

27. Split View Information Technology Center - KFUPM

28. 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. Information Technology Center - KFUPM

29. Using Meta Tags Information Technology Center - KFUPM

30. Getting Help in FrontPage • Click the Microsoft Office FrontPage Help button on the Standard toolbar. Information Technology Center - KFUPM

31. How do I publish my website using FrontPage 2003 When your web is ready to be publish your files and folder on the World Wide Web you can transfer the files via FrontPage 2003 according to the instructions below: • Click File • Click Publish Site Information Technology Center - KFUPM

32. 3. Select FrontPage or SharePoint Services 4. Enter the remote web site location (i.e. faculty.kfupm.edu.sa (OR) yourdomain.com). 5. Click Ok Information Technology Center - KFUPM

33. 6. Enter your user name 7. Enter your password Information Technology Center - KFUPM

34. 8. Select Local to remote 9. Click Publish Website 10. Click overwrite remote files Information Technology Center - KFUPM

35. These reports identify potential problems with your Web site that can prevent visitors from wanting to return. Unlinked Files Unlinked files are files that have no hyperlinks to them from any of your pages. Files listed here may be orphaned files that you can delete from your Web site by right-clicking the file name and choosing Delete on the shortcut menu. Slow Pages This report shows all your files (pages) that take longer than 30 seconds to download at a connection speed of 56 Kbps. Broken Hyperlinks This report allows you to find pages that contain broken hyperlinks to either internal Web site pages or links to other Web sites. The first time you run this report FrontPage will ask if you would like to verify all of the hyperlinks on your site. You can also check a broken or unverified link by right-clicking it and choosing Verify Hyperlink from the shortcut menu. Once all the links have been verified, you can click broken links to edit them. Report of broken or slow links Information Technology Center - KFUPM