Chapter 4. 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.

Procedure 4.1.

  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
  2. You can then click on the Create HTML slideshow icon (outlined in red)


    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

    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

    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

    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
  8. Finally, save the configuration before you close the dialog box, by pressing the Save Configuration... button.


    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

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.