Microsoft FrontPage 2003 Microsoft FrontPage 2003 Illustrated CompleteIllustrated Complete

Using OfficeUsing Office Components Components

2Using Office Components Unit M

Understand Office componentsUnderstand Office components Create a spreadsheet componentCreate a spreadsheet component Import data into a spreadsheet Import data into a spreadsheet

componentcomponent Format a spreadsheet componentFormat a spreadsheet component

ObjectivesObjectives

3Using Office Components Unit M

ObjectivesObjectives

Create a chart componentCreate a chart component Format a chart componentFormat a chart component Change a chart componentChange a chart component Understand PivotTable list Understand PivotTable list

componentscomponents

4Using Office Components Unit M

Using Office ComponentsUsing Office Components

An An Office component Office component is a functional is a functional spreadsheet, chart, or pivot table that spreadsheet, chart, or pivot table that uses the FrontPage Server uses the FrontPage Server Extensions or SharePoint Services to Extensions or SharePoint Services to perform calculations and display dataperform calculations and display data

5Using Office Components Unit M

Understanding Office Understanding Office ComponentsComponents An Office component is a self-contained An Office component is a self-contained

spreadsheet, chart, or pivot table that you spreadsheet, chart, or pivot table that you can include in a Web pagecan include in a Web page

A A spreadsheet componentspreadsheet component is a tool that is a tool that lets you summarize and analyze datalets you summarize and analyze data

A A chart componentchart component displays data as a displays data as a picture, such as a pie chart or bar chartpicture, such as a pie chart or bar chart

A A PivotTable list componentPivotTable list component is an is an interactive spreadsheet that lets you interactive spreadsheet that lets you quickly summarize, organize, and display quickly summarize, organize, and display data in different waysdata in different ways

6Using Office Components Unit M

Spreadsheet ComponentSpreadsheet Component

A spreadsheet component in a Web A spreadsheet component in a Web page looks like a small Microsoft page looks like a small Microsoft Excel program windowExcel program window

It contains many of the command It contains many of the command found in Excelfound in Excel

You can enter data directly into the You can enter data directly into the spreadsheet component, or import it spreadsheet component, or import it from a filefrom a file

7Using Office Components Unit M

Spreadsheet Component (cont.)Spreadsheet Component (cont.)

You use the commands in the You use the commands in the Commands and Options dialog box Commands and Options dialog box to format and calculate datato format and calculate data

You use the pointer to change the You use the pointer to change the spreadsheet component’s size and to spreadsheet component’s size and to resize worksheet columnsresize worksheet columns

The spreadsheet component has its The spreadsheet component has its own Help systemown Help system

8Using Office Components Unit M

Spreadsheet Component (cont.)Spreadsheet Component (cont.)

Office spreadsheet componentOffice spreadsheet component

9Using Office Components Unit M

Chart ComponentChart Component

To create a chart component in a Web To create a chart component in a Web page, you must first select or identify the page, you must first select or identify the data source you want to use to create the data source you want to use to create the chartchart

You can create a chart component from You can create a chart component from any valid data sourceany valid data source

A common method of using a chart A common method of using a chart component is to create a spreadsheet component is to create a spreadsheet component that contains the data source, component that contains the data source, and then use the spreadsheet data to and then use the spreadsheet data to create the chart componentcreate the chart component

10Using Office Components Unit M

Chart Component (cont.)Chart Component (cont.)

Column chart in a Office chart componentColumn chart in a Office chart component

11Using Office Components Unit M

PivotTable List ComponentPivotTable List Component

You can create a PivotTable listYou can create a PivotTable list component from component from data stored in a spreadsheet, database, ordata stored in a spreadsheet, database, or other other program that can create pivot tablesprogram that can create pivot tables

After you create the data source, you can display After you create the data source, you can display it in a Web page as a PivotTable listit in a Web page as a PivotTable list component component

Your site’s visitors can manipulate the data in a Your site’s visitors can manipulate the data in a PivotTable listPivotTable list component without needing any component without needing any special programs on their computersspecial programs on their computers

The user cannot change the data stored in the The user cannot change the data stored in the data sourcedata source

12Using Office Components Unit M

PivotTable List Component PivotTable List Component (cont.)(cont.) Office PivotTable Office PivotTable

list componentlist component

13Using Office Components Unit M

PivotTable List Component PivotTable List Component (cont.)(cont.) Office PivotTable list component Office PivotTable list component

after a user has changed itafter a user has changed it

14Using Office Components Unit M

Creating a Spreadsheet Creating a Spreadsheet ComponentComponent A spreadsheet component is a self-A spreadsheet component is a self-

contained spreadsheet in a Web page that contained spreadsheet in a Web page that is functional when viewed using a browseris functional when viewed using a browser

The Commands and Options dialog box The Commands and Options dialog box for the spreadsheet includes commands for the spreadsheet includes commands for formatting and calculating data and for for formatting and calculating data and for changing the appearance of the changing the appearance of the spreadsheet component in a Web pagespreadsheet component in a Web page

15Using Office Components Unit M

Creating a Spreadsheet Creating a Spreadsheet Component (cont.)Component (cont.) Commands and Options dialog boxCommands and Options dialog box

16Using Office Components Unit M

Importing Data into a Importing Data into a Spreadsheet ComponentSpreadsheet Component After you create a spreadsheet After you create a spreadsheet

component in a Web page, you can component in a Web page, you can enter data into it by: enter data into it by: – Selecting a cell and typingSelecting a cell and typing– Using the Import tab in the Commands Using the Import tab in the Commands

and Options dialog box to import data and Options dialog box to import data from a filefrom a file

17Using Office Components Unit M

Importing Data into a Importing Data into a Spreadsheet Component (cont.)Spreadsheet Component (cont.) Data you import must be in one of Data you import must be in one of

the following formats:the following formats:– XML (Extensible Markup Language)XML (Extensible Markup Language)– HTMLHTML– CSV (comma-separated values)CSV (comma-separated values)

When you import data into a When you import data into a spreadsheet component from a file, spreadsheet component from a file, the data is the data is staticstatic; the data entered is ; the data entered is not linked to your original filenot linked to your original file

18Using Office Components Unit M

Importing Data into a Importing Data into a Spreadsheet Component (cont.)Spreadsheet Component (cont.) Data imported into the spreadsheet Data imported into the spreadsheet

componentcomponent

19Using Office Components Unit M

Formatting a Spreadsheet Formatting a Spreadsheet ComponentComponent

After you import or enter data in a After you import or enter data in a spreadsheet component, you can spreadsheet component, you can use the Commands and Options use the Commands and Options dialog box to format the spreadsheet dialog box to format the spreadsheet component, including its data, in component, including its data, in many different waysmany different ways

20Using Office Components Unit M

Formatting a Spreadsheet Formatting a Spreadsheet Component (cont.)Component (cont.) Formula options for cell D5Formula options for cell D5

Formula for calculating the

monthly payment

21Using Office Components Unit M

Creating a Chart ComponentCreating a Chart Component

When you need to display data in a Web When you need to display data in a Web page graphically, you can insert an Office page graphically, you can insert an Office chart component, which lets you create chart component, which lets you create many types of chartsmany types of charts

Before inserting the chart component, you Before inserting the chart component, you first must create a data source on which to first must create a data source on which to base the chartbase the chart

The most common data source for a chart The most common data source for a chart is the data contained in a spreadsheet is the data contained in a spreadsheet componentcomponent

22Using Office Components Unit M

Creating a Chart Component Creating a Chart Component (cont.)(cont.) An ActiveX control links the data in the An ActiveX control links the data in the

spreadsheet component to the chart spreadsheet component to the chart componentcomponent

Your Web site must support ActiveX Your Web site must support ActiveX controls for components to work correctlycontrols for components to work correctly

You use the Commands and Options You use the Commands and Options dialog box for the chart component to dialog box for the chart component to connect to the data source and to specify connect to the data source and to specify the chart type, chart subtype, data range the chart type, chart subtype, data range to use for the chart, and other featuresto use for the chart, and other features

23Using Office Components Unit M

Creating a Chart Component Creating a Chart Component (cont.)(cont.) Chart component added to Web pageChart component added to Web page

24Using Office Components Unit M

Creating a Chart Component Creating a Chart Component (cont.)(cont.) Selecting the chart’s dataSelecting the chart’s data

25Using Office Components Unit M

Creating a Chart Component Creating a Chart Component (cont.)(cont.) Selecting the chart type and subtypeSelecting the chart type and subtype

26Using Office Components Unit M

Creating a Chart Component Creating a Chart Component (cont.)(cont.) Chart component in a browserChart component in a browser

27Using Office Components Unit M

Formatting a Chart ComponentFormatting a Chart Component

After creating a chart component, you can After creating a chart component, you can use the Commands and Options dialog use the Commands and Options dialog box to format the chart by adding:box to format the chart by adding:– ColorColor– A titleA title– A legendA legend

Or by enhancing the appearance of the Or by enhancing the appearance of the data labels and valuesdata labels and values

A A legend legend is an information box that relates is an information box that relates the colors used in a chart to the values the colors used in a chart to the values they representthey represent

28Using Office Components Unit M

Formatting a Chart Component Formatting a Chart Component (cont.)(cont.) Format options for the selected legendFormat options for the selected legend

29Using Office Components Unit M

Changing a Chart ComponentChanging a Chart Component

Clicking different areas in the chart Clicking different areas in the chart component changes the tabs that component changes the tabs that appear in the Commands and appear in the Commands and Options dialog boxOptions dialog box

If the Commands and Options dialog If the Commands and Options dialog box isn’t open, right-click the item box isn’t open, right-click the item that you want to change, then click that you want to change, then click Commands and Options on the Commands and Options on the shortcut menushortcut menu

30Using Office Components Unit M

Understanding PivotTable List Understanding PivotTable List ComponentsComponents The PivotTable listThe PivotTable list is an Office component is an Office component

that you can create using data from a that you can create using data from a spreadsheet, a database, or another spreadsheet, a database, or another sourcesource

A pivot table is used to compare large and A pivot table is used to compare large and varied amounts of data to analyze several varied amounts of data to analyze several related totals at oncerelated totals at once

You insert a PivotTable listYou insert a PivotTable list component in component in a Web page like any other component a Web page like any other component

31Using Office Components Unit M

Understanding PivotTable List Understanding PivotTable List Components (cont.)Components (cont.) Unlike a spreadsheet component or a Unlike a spreadsheet component or a

chart component, the data source for a chart component, the data source for a PivotTable list component must be stored PivotTable list component must be stored outside the Web pageoutside the Web page

You must create a connection between theYou must create a connection between the PivotTable listPivotTable list component and the data component and the data you want to analyzeyou want to analyze

The data source can be an Excel The data source can be an Excel worksheet, an object in a database, or worksheet, an object in a database, or another valid data sourceanother valid data source

32Using Office Components Unit M

Understanding PivotTable List Understanding PivotTable List Components (cont.)Components (cont.) PivotTable listPivotTable list component added to component added to

a Web pagea Web page

33Using Office Components Unit M

SummarySummary

Understanding Office componentsUnderstanding Office components Creating a spreadsheet componentCreating a spreadsheet component Importing data into a spreadsheet Importing data into a spreadsheet

componentcomponent Formatting a spreadsheet componentFormatting a spreadsheet component

34Using Office Components Unit M

SummarySummary

Creating a chart componentCreating a chart component Formatting a chart componentFormatting a chart component Changing a chart componentChanging a chart component Understanding PivotTable list Understanding PivotTable list

componentscomponents