Microsoft FrontPage 2003 Illustrated Complete Using Office Components

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

Objectives Create a chart component Format a chart component Change a chart component Understand PivotTable list components Using Office Components Unit 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 Using Office Components Unit 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 Using Office Components Unit 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 Using Office Components Unit 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 Using Office Components Unit M

Spreadsheet Component (cont.) Office spreadsheet component Using Office Components Unit 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 Using Office Components Unit M

Chart Component (cont.) Column chart in a Office chart component Using Office Components Unit 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 Using Office Components Unit M

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

PivotTable List Component (cont.) Office PivotTable list component after a user has changed it Using Office Components Unit 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 Using Office Components Unit M

Creating a Spreadsheet Component (cont.) Commands and Options dialog box Using Office Components Unit 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 Using Office Components Unit 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 Using Office Components Unit M

Importing Data into a Spreadsheet Component (cont.) Data imported into the spreadsheet component Using Office Components Unit 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 Using Office Components Unit M

Formatting a Spreadsheet Component (cont.) Formula options for cell D5 Formula for calculating the monthly payment Using Office Components Unit 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 Using Office Components Unit 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 Using Office Components Unit M

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

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

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

Creating a Chart Component (cont.) Chart component in a browser Using Office Components Unit 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 Using Office Components Unit M

Formatting a Chart Component (cont.) Format options for the selected legend Using Office Components Unit 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 Using Office Components Unit 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 Using Office Components Unit 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 Using Office Components Unit M

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

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

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