Follow Techotopia on Twitter

On-line Guides
All Guides
eBook Store
iOS / Android
Linux for Beginners
Office Productivity
Linux Installation
Linux Security
Linux Utilities
Linux Virtualization
Linux Kernel
System/Network Admin
Scripting Languages
Development Tools
Web Development
GUI Toolkits/Desktop
Mail Systems
Eclipse Documentation

How To Guides
General System Admin
Linux Security
Linux Filesystems
Web Servers
Graphics & Desktop
PC Hardware
Problem Solutions
Privacy Policy




Chapter�4.�Detailed Guides

Neil Lucock

Krishna Tateneni

Brad Hards

Danny Allen

Anne-Marie Mahfouf

This chapter describes how to perform some common tasks in KPresenter.

Create a HTML Slideshow

Turn an existing presentation into standard HTML pages with accompanying navigation aids.

  1. First, either make a new presentation, or open an existing one. Then, click on File Create HTML Slideshow...

    File menu option to Create HTML
  2. A dialog box asks if you want to use a previously saved configuration:

    Previous configuration dialog

    Click No if this is the first time that you have used this feature, or if you want to alter specific options. The Yes option allows you to use details that you have previously entered for your HTML slideshow, so that you can quickly create the slideshow without needing to adjust the options.

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

    Fill in the details for your HTML

    Fill in each field (the dialog takes the informations from KControl if they exist) and ensure that the path details are correct, as this is where KPresenter will save your new HTML files and pictures. Click on the Next when you are done.

    If the path you select at this stage does not exist, KPresenter will ask if you would like to create it.

  4. Now you can configure the specific HTML options:

    Fill in additional details for your HTML

    Here, the encoding and format details can be changed, along with the zoom level of the slides. For example, if you originally designed your slides to display full screen on a 1280 x 1024 resolution screen, you could scale the slides to 50% to enable them to be easily viewed in a much smaller web browser window.

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

  5. Now you can customize the colors of the web pages:

    Setting up the display style for your

    When KPresenter creates the web pages for you, the text colors for the navigation aids will follow whatever you set here. To change any of these colors, click the colored bar next to the corresponding text label. The colors used in your actual slides will be unchanged.


    Choose colors that are complementary to the contents of your presentation.

  6. The Next button presents a dialog box that allows you to change the name used on the HTML page for each slide:

    Setting the slide names
  7. If your presentation was intended to be displayed in an unattended manner (i.e. automatic advance to next slide, etc.), you can also make your HTML presentation counterpart exhibit the same behavior:

    Unattended presentations

    Here, you can force the slide to advance to the next after a specified amount of time, and also make the presentation return to the start once it reaches the end.

  8. Now it is time to actually produce your HTML presentation, the progress of which is shown in this dialog box:

    Saving your configuration

    Finally, you can save the configuration you have just used before you close the dialog box by pressing the Save Configuration... button.

  9. What we now have are the newly-produced html/ and pics/ folders, created where we earlier set the path:

    The newly created HTML slideshow

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 prompted, and the first slide of your presentation is displayed. It will now behave as a KPresenter slideshow.

Each click on the arrow icons take you to the next or previous slide. To get back to the start of the slideshow click on the slide icon.


To share your presentation with the world, transfer the newly-produced files to a network-accessible location (i.e. webspace), remembering to keep the directory structure intact.

  Published under the terms of the GNU General Public License Design by Interspire