# A Step-By-Step Tutorial

In this chapter, &stage; is introduced using a simple tutorial. We shall walk through the most basic steps that are involved in creating a presentation, and adding some basic effects.

## Start a new document

When you start &stage;, the usual &calligra; startup dialog appears.

The &calligra; startup dialog The &calligra; startup dialog

Select Screen on the left then select the template labeled Empty (highlighted in blue in the screenshot above) by clicking on it. You can check Always use this template to make it the default template.

Now click Use This Template. This brings up the slide editor window, where you can view and edit the slides (and objects contained in them) in your document.

At the moment, we just have one empty slide, so select the upper left slide with the single text box from the Slide Layouts docker.

Double-click the text box. The cursor changes to a vertical bar to show that you can now type some text.

The text insertion cursor The text insertion cursor

Go ahead, type some text!

Adding text Adding text

Click away from the text to de-select the text box when you are done typing.

## Add a new page

Let's now add a new slide to our document. To do so, click the Slide menu, and then click on Insert Slide.

Now we can decide what the new slide should look like. This time, select one column layout (highlighted in blue.)

Choosing a layout for the new page Choosing a layout for the new page

The new slide layout now appears in the editing window. To change between pages of your presentation, you can select slides in the pane to the left (highlighted in blue for this screenshot).

The newly inserted slide has two text boxes. There is one for a title, and another to contain a bulleted list of items.

The new slide The new slide

Double-click and type a title. Then double-click on the second text box with the bullet. Type some text and end the paragraph by pressing the Enter or Return key. As you type new paragraphs, bullets automatically appear in front of them.

Adding text to the second slide Adding text to the second slide

You can de-select the text box by clicking away from it.

## Insert a picture

Let's go back to the first slide now. Use the list of slides on the left of your screen.

In this section, we'll liven our presentation up a bit by adding a nice logo to the title page. To do so, the first step is to enable the Add Shape docker using Settings Dockers from the menu.

Now select Image in the Add Shape docker and click with the &LMB; where you want to place the loge in it's original size or draw a rectangle with the left mouse (click the &LMB; and keep the button pressed) to specify the position and size for the logo.

A file selection dialog appears. To learn about this or other standard &kde; dialog boxes in detail, please consult the &kde; documentation. You can browse by clicking on folder icons or by using the browser style buttons on the toolbar. Clicking the up arrow takes you up one folder level.

Select a file and click OK.

Now the image is inserted in the slide and there are selection handles (little squares) visible around the border of the graphic.

The newly added image The newly added image

Place the mouse cursor anywhere in the middle of the logo, and drag it to the middle of the title page. Then use the selection handles to resize it correctly.

That's it. Now you have a picture on the title page!

## Insert a &calligra; object

Let's insert another &calligra; object under the picture, for example a chart.

Every &calligra; supported object can be embedded in a &stage; slide. Let's choose a chart from the Add Shape docker.

Select Chart and then outline with your mouse the area you want to put your chart in on the &stage; slide.

Select the area where to put the chart Select the area where to put the chart

Once you release the mouse button, a template chart is added on the slide. Whenever you work in the chart, its Tool Options appear in the docker.

&kchart; Tool Options &kchart; Tool Options

To move, resize or even delete the embedded chart switch to the Basic shape manipulation tool and click anywhere within the chart area. It should now appear with a green border and with a small yellow square at each corner and in the middle of each edge.

If you move the cursor over any of the squares it should change to a double headed arrow. You can resize the chart by dragging one of these squares with the left mouse button pressed. To delete the chart right click on one of the squares and select Delete.

To move the chart move the cursor into the chart. The cursor should then change to a cross, press the left mouse button and you will be able to drag the chart to where you want it to be.

To restore the chart to its normal appearance simply click anywhere outside of the chart area.

To change the format of the chart itself left click twice within the chart area. The chart Tools Options should appear in the docker. You can then use these tools to edit the chart properties like chart type, labels, axis and data.

Click anywhere with the &LMB; outside the chart to go back to &stage; slide.

A single click on the chart will allow you to drag it to change its location and also to drag the borders to make it bigger as with any other &stage; object. Double click on the chart to get into &kchart; mode and modify any of the chart property.

## Change the color of the title text

Let's finish by changing the color of the title text from black to blue. To do so, select the title text by double-clicking the text box and select the text.

Open the color selector by clicking on the icon in the Text editing Tools Options (this icon has a Text Color... tooltip).

The color selector The color selector The color selector The color selector

Change the color to blue.

Changing the color of the selected text to blue changes its appearance. The exact color that highlighted text turns depends on your system color scheme.

Text color selection is also available on the Decorations tab of the Select Font dialog. Open this dialog with Font in the Format menu or context menu.

Now click away from the text to de-select it.

The finished title The finished title

Now that there are two slides, why not try a slide show! To start the slide show, press the Start Presentation button in the toolbar. The first slide should appear on your screen.

To advance from the first slide to the next, just click anywhere on the screen, or use the Page Down key.

To exit the slide show, press the &Esc; key.