# Detailed Guides

This chapter describes how to perform some common tasks in &kpresenter;.

## Create an HTML Slideshow

Create an HTML Slideshow is a way of turning an existing presentation into WWW pages.

1. First make a few slides to include in the show. I reused the slides from the tutorial.

   The presentation we are going to turn into HTML
   The presentation we are going to turn into HTML

2. You can then click on the Create HTML slideshow icon (outlined in red) The Create HTML slideshow icon The Create HTML slideshow icon

   or use the menu (under File) to start the wizard that guides you through the process.

3. A dialog box asks if you want to use an existing file. Click No if this is the first time you have used it. The Yes option allows you to use the details you have previously entered for your HTML slideshow.

4. You will then get a dialog box asking for a few details.

   Filling in the details for your HTML slideshow
   Filling in the details for your HTML slideshow

   Fill in each field and ensure that you get the path details correct, as this is where &kpresenter; will save your new HTML files and pictures. Click on Next when you are done.

   If the path you select here does not exist, &kpresenter; will ask if you would like to create it.

5. Filling in additional details for your HTML slideshow
   Filling in additional details for your HTML slideshow

   Here you can configure the style of the web pages, and also specify the zoom for the slides. This means, if you originally designed your slides to display full screen on a 1280 x 1024 pixel LCD screen, and used image sizes to suit this, you could scale the slides to 50% to enable them to fit nicely in a much smaller web browser window.

   You may also set a default text encoding, if necessary, and specify a document type for the pages.

   In most cases the defaults will be fine, and you can press Next to continue to the next page.

6. Now you can customize the colors of the web pages.

   Setting up the display style for your HTML slideshow
   Setting up the display style for your HTML slideshow

   When &kpresenter; creates the web pages for you, the text colors for the navigation will be whatever you set here. The colors for the actual slides will be unchanged.

   Click the colored bars to choose a color scheme that suits you.

7. The Next buton brings a dialog box that allows you to change the name of each slide.

   Setting the slide names
   Setting the slide names

8. Finally, save the configuration before you close the dialog box, by pressing the Save Configuration... button.

   Saving your configuration
   Saving your configuration

9. What we have now are new HTML and pictures directories, created where we earlier set the path.

   The newly created HTML slideshow directories
   The newly created HTML slideshow directories

There is also an `index.html` file to launch your web slideshow.

You can see how it works by using your file manager or web browser to open the `index.html` file. Click where it says, and the first page of your presentation is displayed. It then works the same as a &kpresenter; slideshow.

Each click on the screen takes you to the next slide.

&FTP; it all to your website, remembering to keep the directory structure intact, and the world can admire your work.

## Creating &kpresenter; Templates

It is very easy to add new templates to &kpresenter;'s library.

If you have made a presentation in a style you would like to use again, you can save it as a template.

This tutorial will show how we can make a new template and save it.

1. Open &kpresenter; and create a new document.

   I chose a plain background with a text entry box. &RMB; click on the work area and you get a Slide Background dialog box.

   The &kpresenter; Slide Background dialog.
   The &kpresenter; Slide Background dialog.

   Under Format you will find Page Background which opens the same dialog box.

2. I want the background to look attractive. In the top Combo box you can choose to use a picture or some clipart for the background.

   Choosing a slide background
   Choosing a slide background

   I have left this at the default Color/Gradient option. In the next Combo box down I have chosen Vertical gradient, clicked into the two long boxes below it and chosen two colors.

   You can alter the start positions of the colors in the gradients by clicking in the Unbalanced Check box. This lets you use the pair of X and Y sliders. Sometimes one slider will not do anything at all, it depends on what type of gradient you have chosen.

   Remember to choose contrasting colors first. If you leave both white, you will not see anything. When you have a color scheme that you like, click Apply and OK to close the Dialog box.

3. The page should now be in the colors you chose. Double click in the text box to add a heading.

   Adding a Heading to the new template
   Adding a Heading to the new template

   When you are happy with your template, click File on the Menu Bar and choose Template Manager.

   This Dialog box allows you to select where you want your template to be saved.

   Saving the new template
   Saving the new template

   I chose to save mine under the Screen presentations menu and called it `Tutorial Template`. Click OK to close this Dialog box.

4. Now close the document you have been working on (do not save it) and &kpresenter; will show the Choose Dialog box.

   Your new template in the &kpresenter; Choose dialog.
   Your new template in the &kpresenter; Choose dialog.

   You want to Create a new document from a Template. Click to open the Screen Presentations tab and there is the template we made earlier.