1. Microsoft FrontPage 2003 Illustrated Complete Using Office Components

2. 2Using Office ComponentsUnit M  Understand Office components  Create a spreadsheet component  Import data into a spreadsheet component  Format a spreadsheet component Objectives

3. 3Using Office ComponentsUnit M Objectives  Create a chart component  Format a chart component  Change a chart component  Understand PivotTable list components

4. 4Using Office ComponentsUnit M Using Office Components  An Office component is a functional spreadsheet, chart, or pivot table that uses the FrontPage Server Extensions or SharePoint Services to perform calculations and display data

5. 5Using Office ComponentsUnit M Understanding Office Components  An Office component is a self-contained spreadsheet, chart, or pivot table that you can include in a Web page  A spreadsheet component is a tool that lets you summarize and analyze data  A chart component displays data as a picture, such as a pie chart or bar chart  A PivotTable list component is an interactive spreadsheet that lets you quickly summarize, organize, and display data in different ways

6. 6Using Office ComponentsUnit M Spreadsheet Component  A spreadsheet component in a Web page looks like a small Microsoft Excel program window  It contains many of the command found in Excel  You can enter data directly into the spreadsheet component, or import it from a file

7. 7Using Office ComponentsUnit M Spreadsheet Component (cont.)  You use the commands in the Commands and Options dialog box to format and calculate data  You use the pointer to change the spreadsheet component’s size and to resize worksheet columns  The spreadsheet component has its own Help system

8. 8Using Office ComponentsUnit M Spreadsheet Component (cont.)  Office spreadsheet component

9. 9Using Office ComponentsUnit M Chart Component  To create a chart component in a Web page, you must first select or identify the data source you want to use to create the chart  You can create a chart component from any valid data source  A common method of using a chart component is to create a spreadsheet component that contains the data source, and then use the spreadsheet data to create the chart component

10. 10Using Office ComponentsUnit M Chart Component (cont.)  Column chart in a Office chart component

11. 11Using Office ComponentsUnit M PivotTable List Component  You can create a PivotTable list component from data stored in a spreadsheet, database, or other program that can create pivot tables  After you create the data source, you can display it in a Web page as a PivotTable list component  Your site’s visitors can manipulate the data in a PivotTable list component without needing any special programs on their computers  The user cannot change the data stored in the data source

12. 12Using Office ComponentsUnit M PivotTable List Component (cont.)  Office PivotTable list component

13. 13Using Office ComponentsUnit M PivotTable List Component (cont.)  Office PivotTable list component after a user has changed it

14. 14Using Office ComponentsUnit M Creating a Spreadsheet Component  A spreadsheet component is a self- contained spreadsheet in a Web page that is functional when viewed using a browser  The Commands and Options dialog box for the spreadsheet includes commands for formatting and calculating data and for changing the appearance of the spreadsheet component in a Web page

15. 15Using Office ComponentsUnit M Creating a Spreadsheet Component (cont.)  Commands and Options dialog box

16. 16Using Office ComponentsUnit M Importing Data into a Spreadsheet Component  After you create a spreadsheet component in a Web page, you can enter data into it by: –Selecting a cell and typing –Using the Import tab in the Commands and Options dialog box to import data from a file

17. 17Using Office ComponentsUnit M Importing Data into a Spreadsheet Component (cont.)  Data you import must be in one of the following formats: –XML (Extensible Markup Language) –HTML –CSV (comma-separated values)  When you import data into a spreadsheet component from a file, the data is static; the data entered is not linked to your original file

18. 18Using Office ComponentsUnit M Importing Data into a Spreadsheet Component (cont.)  Data imported into the spreadsheet component

19. 19Using Office ComponentsUnit M Formatting a Spreadsheet Component  After you import or enter data in a spreadsheet component, you can use the Commands and Options dialog box to format the spreadsheet component, including its data, in many different ways

20. 20Using Office ComponentsUnit M Formatting a Spreadsheet Component (cont.)  Formula options for cell D5 Formula for calculating the monthly payment

21. 21Using Office ComponentsUnit M Creating a Chart Component  When you need to display data in a Web page graphically, you can insert an Office chart component, which lets you create many types of charts  Before inserting the chart component, you first must create a data source on which to base the chart  The most common data source for a chart is the data contained in a spreadsheet component

22. 22Using Office ComponentsUnit M Creating a Chart Component (cont.)  An ActiveX control links the data in the spreadsheet component to the chart component  Your Web site must support ActiveX controls for components to work correctly  You use the Commands and Options dialog box for the chart component to connect to the data source and to specify the chart type, chart subtype, data range to use for the chart, and other features

23. 23Using Office ComponentsUnit M Creating a Chart Component (cont.)  Chart component added to Web page

24. 24Using Office ComponentsUnit M Creating a Chart Component (cont.)  Selecting the chart’s data

25. 25Using Office ComponentsUnit M Creating a Chart Component (cont.)  Selecting the chart type and subtype

26. 26Using Office ComponentsUnit M Creating a Chart Component (cont.)  Chart component in a browser

27. 27Using Office ComponentsUnit M Formatting a Chart Component  After creating a chart component, you can use the Commands and Options dialog box to format the chart by adding: –Color –A title –A legend  Or by enhancing the appearance of the data labels and values  A legend is an information box that relates the colors used in a chart to the values they represent

28. 28Using Office ComponentsUnit M Formatting a Chart Component (cont.)  Format options for the selected legend

29. 29Using Office ComponentsUnit M Changing a Chart Component  Clicking different areas in the chart component changes the tabs that appear in the Commands and Options dialog box  If the Commands and Options dialog box isn’t open, right-click the item that you want to change, then click Commands and Options on the shortcut menu

30. 30Using Office ComponentsUnit M Understanding PivotTable List Components  The PivotTable list is an Office component that you can create using data from a spreadsheet, a database, or another source  A pivot table is used to compare large and varied amounts of data to analyze several related totals at once  You insert a PivotTable list component in a Web page like any other component

31. 31Using Office ComponentsUnit M Understanding PivotTable List Components (cont.)  Unlike a spreadsheet component or a chart component, the data source for a PivotTable list component must be stored outside the Web page  You must create a connection between the PivotTable list component and the data you want to analyze  The data source can be an Excel worksheet, an object in a database, or another valid data source

32. 32Using Office ComponentsUnit M Understanding PivotTable List Components (cont.)  PivotTable list component added to a Web page

33. 33Using Office ComponentsUnit M Summary  Understanding Office components  Creating a spreadsheet component  Importing data into a spreadsheet component  Formatting a spreadsheet component

34. 34Using Office ComponentsUnit M Summary  Creating a chart component  Formatting a chart component  Changing a chart component  Understanding PivotTable list components