1. Microsoft FrontPage 2003 Illustrated Complete
Using Office Components

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

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

4. 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
Using Office Components Unit M

5. 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
Using Office Components Unit M

6. 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
Using Office Components Unit M

7. 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
Using Office Components Unit M

8. Spreadsheet Component (cont.)
Office spreadsheet component
Using Office Components Unit M

9. 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
Using Office Components Unit M

10. Chart Component (cont.)
Column chart in a Office chart component
Using Office Components Unit M

11. 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
Using Office Components Unit M

12. PivotTable List Component (cont.)
Office PivotTable list component
Using Office Components Unit M

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

14. 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
Using Office Components Unit M

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

16. 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
Using Office Components Unit M

17. 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
Using Office Components Unit M

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

19. 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
Using Office Components Unit M

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

21. 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
Using Office Components Unit M

22. 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
Using Office Components Unit M

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

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

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

26. Creating a Chart Component (cont.)
Chart component in a browser
Using Office Components Unit M

27. 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
Using Office Components Unit M

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

29. 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
Using Office Components Unit M

30. 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
Using Office Components Unit M

31. 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
Using Office Components Unit M

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

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

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