<chapter id="guides">
<title
>Ausführliche Anleitungen</title>

<para
>Dieses Kapitel soll zeigen, wie die häufigsten Aufgaben in &kpresenter; durchgeführt werden.</para>

<sect1 id="html-wizard">
<title
>Erstellung einer HTML-Präsentation</title>

<para
>Durch <guilabel
>HTML-Präsentation erstellen...</guilabel
> wird eine existierende Präsentation in <acronym
>WWW</acronym
>-Seiten umgewandelt.</para>

<procedure>
<step>
<para
>Zunächst muss man einige Folien für die Präsentation anfertigen. Man kann zu diesem Zweck die Folien der Einführung wieder verwenden.</para>

<screenshot>
<screeninfo
>Diese Präsentation soll in das HTML-Format umgewandelt werden</screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="htmlshow01.png" format="PNG"/>
<!--FIXME: Re-use tutorial screenshot here -->
</imageobject>
<textobject
><phrase
>Diese Präsentation soll in das HTML-Format umgewandelt werden</phrase
></textobject>
</mediaobject>
</screenshot>
</step>

<step>
<para
>Zur Erstellung der HTML-Seiten kann man auf das Symbol <guiicon
>HTML-Präsentation erstellen...</guiicon
> (rot markiert) <screenshot
> <screeninfo
>Das Symbol <guiicon
>HTML-Präsentation erstellen</guiicon
> </screeninfo
> <mediaobject
> <imageobject
> <imagedata fileref="htmlshow00.png" format="PNG"/> </imageobject
> <textobject
><phrase
>Das Symbol <guiicon
>HTML-Präsentation erstellen</guiicon
></phrase
> </textobject
> </mediaobject
> </screenshot
> klicken oder den entsprechenden Menüeintrag im <guimenu
>Datei</guimenu
>-Menü verwenden.</para>
</step>

<step
> 
<para
>Ein Dialog fragt ab, ob man eine existierende Datei verwenden möchte. Bei der ersten Verwendung klickt man hier auf <guibutton
>Nein</guibutton
>. Der Knopf <guibutton
>Ja</guibutton
> erlaubt die Wiederverwendung von Details über die Präsentation, die man vorher bereits eingegeben hat.</para>
</step>

<step>
<para
>Dann fragt ein Dialog die erforderlichen Informationen ab.</para>

<screenshot>
<screeninfo
>Die Detailinformationen für die HTML-Präsentation ausfüllen</screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="htmlshow02.png" format="PNG"/>
</imageobject>
<textobject
><phrase
>Die Detailinformationen für die HTML-Präsentation ausfüllen</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Wichtig ist, dass die Pfadangaben korrekt sind, da &kpresenter; die Angaben verwendet, um die HTML-Dateien und Bilder zu speichern. Wenn alles korrekt ist, klickt man auf <guibutton
>Nächster</guibutton
>.</para>

<para
>Falls der hier ausgewählte Dateipfad nicht existiert, fragt &kpresenter; nach, ob dieser Pfad angelegt werden soll.</para
> </step>

<step>

<screenshot>
<screeninfo
>Die Detailinformationen für die HTML-Präsentation ausfüllen</screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="htmlshow02a.png" format="PNG"/>
</imageobject>
<textobject
><phrase
>Die Detailinformationen für die HTML-Präsentation ausfüllen</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Hier kann man den Stil für die Internetseiten und die Größe der Folien festlegen. Falls die Präsentation ursprünglich für ein LCD-Vollbild mit 1280x1024 Pixel gedacht war, sollte man die Folien auf 50% skalieren, damit die Präsentation in das viel kleinere Fenster eines Internet-Browsers passt.</para>

<para
>Weiterhin kann man eine Standardtextkodierung und den Dokumententyp der Internetseiten festlegen.</para>

<para
>In den meisten Fällen sind die Standardeinstellungen passend. Im Zweifelsfall kann man also einfach auf den Knopf <guibutton
>Weiter</guibutton
> klicken, um zur nächsten Seite zu gelangen.</para>

</step>

<step>
<para
>Hier kann man die Farben der Internetseite bestimmen.</para>

<screenshot>
<screeninfo
>Festlegung des Anzeigestils für die HTML-Präsentation</screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="htmlshow03.png" format="PNG"/>
</imageobject>
<textobject
><phrase
>Festlegung des Anzeigestils für die HTML-Präsentation</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Bei der Erzeugung der Internetseiten verwendet &kpresenter; die eingestellten Farben für den Navigationsbereich. Die Farben der Folien selbst werden unverändert übernommen.</para>

<para
>Ein Klick auf die Farbleiste erlaubt die Auswahl des gewünschten Farbschemas.</para
> </step>

<step
><para
>Durch den Knopf <guibutton
>Nächster</guibutton
> kommt man zum nächsten Dialog, der die Umbenennung der Bezeichnung jeder Folie erlaubt.</para>

<screenshot>
<screeninfo
>Festlegung der Foliennamen</screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="htmlshow04.png" format="PNG"/>
</imageobject>
<textobject
><phrase
>Festlegung der Foliennamen</phrase>
</textobject>
</mediaobject>
</screenshot>
</step>

<step>
<para
>Bevor man den Dialog schließt, sollte man noch die Konfiguration durch Auswahl von <guibutton
>Einstellung speichern...</guibutton
> sichern.</para>

<screenshot>
<screeninfo
>Speicherung der Konfiguration</screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="htmlshow05.png" format="PNG"/>
</imageobject>
<textobject>
<phrase
>Speicherung der Konfiguration</phrase
></textobject>
</mediaobject>
</screenshot>
</step>

<step
><para
>Damit wurden an der vorher festgelegten Stelle neue Verzeichnisse für HTML- und Bilddateien angelegt.</para>

<screenshot>
<screeninfo
>Die neu angelegten Verzeichnisse der HTML-Präsentation</screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="htmlshow07.png" format="PNG"/>
</imageobject>
<textobject
><phrase
>Die neu angelegten Verzeichnisse der HTML-Präsentation</phrase
></textobject>
</mediaobject>
</screenshot>
</step>
</procedure>

<para
>Die neu erstellte Datei <filename
>index.html</filename
> dient als Einstiegspunkt der Präsentation.</para>

<para
>Für einen Test öffnet man mit dem Dateimanager oder Internetbrowser die Datei <filename
>index.html</filename
>. Klickt man auf die angegebene Stelle, so wird die erste Seite der Präsentation angezeigt. Der weitere Ablauf entspricht einer &kpresenter;-Präsentation.</para>

<para
>Jeder Klick auf den Bildschirm führt eine Folie weiter.</para>

<para
>Die Dateien müssen jetzt nur noch unter Beibehaltung der Verzeichnisstruktur per &FTP; auf einen Internetserver übertragen werden.</para>

</sect1>

<sect1 id="creating-templates">
<title
>&kpresenter;-Vorlagen erstellen</title>

<para
>Die &kpresenter;-Bibliothek kann auf einfache Weise um eigene Vorlagen erweitert werden.</para>

<para
>Man kann einen gelungenen Präsentationsstil als Vorlage zur Wiederverwendung speichern.</para>

<para
>Dieses Tutorial erläutert die Erstellung und Abspeicherung einer eigenen Vorlage.</para>

<procedure>
<step
><para
>Als erstes muss man &kpresenter; starten und ein neues Dokument erstellen.</para>

<para
>Im Beispiel wurde ein einfacher Hintergrund mit einem einzigen Textrahmen gewählt. Durch einen Klick mit der <mousebutton
>rechten</mousebutton
> Maustaste im Arbeitsbereich wird der Dialog <guilabel
>Folienhintergrund</guilabel
> aufgerufen.</para>

<screenshot>
<screeninfo
>Der &kpresenter;-Dialog <guilabel
>Folienhintergrund</guilabel
>.</screeninfo>
<mediaobject>
<imageobject>
<imagedata format="PNG" fileref="template02.png"/>
</imageobject>
<textobject
><phrase
>Der &kpresenter;-Dialog <guilabel
>Folienhintergrund</guilabel
>.</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Alternativ kann man im Menü <guimenu
>Format</guimenu
> den Menüpunkt <guimenuitem
>Seitenhintergrund</guimenuitem
> auswählen, um den Dialog zu öffnen.</para
></step>

<step>
<para
>Der Hintergrund soll ansprechend sein. Man kann im oberen Auswahlfeld ein bestimmtes Bild oder eine Clipart dazu auswählen.</para>

<screenshot>
<screeninfo
>Auswahl eines Folienhintergrundes</screeninfo>
<mediaobject>
<imageobject>
<imagedata format="PNG" fileref="template03.png"/>
</imageobject>
<textobject
><phrase
>Auswahl eines Folienhintergrundes</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Im Beispiel wurde die Einstellung bei <guilabel
>Farbe/Verlauf</guilabel
> gelassen. Im Feld darunter kann die Art bestimmt werden. Dort wurde <guilabel
>Vertikaler Verlauf</guilabel
> ausgewählt und anschließend mit Hilfe der zwei langen Knöpfe die zwei Farben, zwischen denen der Verlauf stattfindet.</para>

<para
>Der Verlauf muss nicht gleichmäßig sein. Man kann das Ankreuzfeld <guilabel
>Unausgeglichen</guilabel
> markieren und dann mit Hilfe der Schieberegler für X und Y den Verlauf verändern. Die Funktionsweise der zwei Schieberegler hängt davon ab, welchen Verlaufstyp man gewählt hat.</para>

<para
>Als Voraussetzung für einen Verlauf muss man zunächst zwei kontrastierende Farben auswählen. Wählt man für beide Farben weiß, so sieht man natürlich recht wenig. Nachdem der Verlauf den Wünschen entspricht, wählt man <guibutton
>Anwenden</guibutton
> und <guibutton
>OK</guibutton
>, um den Dialog zu schließen.</para
> </step>
<step>
<para
>Damit sollte die Seite den gewünschten Hintergrund zeigen. Eine Überschrift wird durch klicken auf den Textrahmen und die Eingabe von Text hinzugefügt.</para>

<screenshot>
<screeninfo
>Eine Überschrift zur neuen Vorlage hinzufügen</screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="template04.png" format="PNG"/>
</imageobject>
<textobject
><phrase
>Eine Überschrift zur neuen Vorlage hinzufügen</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Damit ist die Vorlagenfolie fertig. Sie wird nun durch <guimenu
>Datei</guimenu
> und <guimenuitem
>Vorlagenverwaltung</guimenuitem
> zur Vorlage für jede neue Präsentation.</para>

<!-- Skipped screenshot of menu "template05.png" -->

<para
>Im Dialog kann man den Speicherort der Vorlage festlegen.</para>

<screenshot>
<screeninfo
>Die neue Vorlage speichern</screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="template06.png" format="PNG"/>
</imageobject>
<textobject
><phrase
>Die neue Vorlage speichern</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Im Beispiel wird die Folie unter der Rubrik <guilabel
>Bildschirmpräsentationen</guilabel
> unter dem Namen <userinput
>Tutorial Template</userinput
> gespeichert. Durch <guibutton
>OK</guibutton
> wird der Dialog geschlossen.</para
> 
</step>

<step>
<para
>Das aktuelle Dokument wird jetzt geschlossen (ohne speichern) und &kpresenter; zeigt den <guilabel
>Auswahl</guilabel
>-Dialog.</para>

<screenshot>
<screeninfo
>Im <guilabel
>Auswahl</guilabel
>-Dialog &kpresenter; erscheint die neue Vorlage.</screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="template07.png" format="PNG"/>
</imageobject>
<textobject
><phrase
>Im <guilabel
>Auswahl</guilabel
>-Dialog &kpresenter; erscheint die neue Vorlage.</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Man wählt <guilabel
>Neues Dokument von Vorlage erstellen</guilabel
>, klickt auf den Karteireiter <guilabel
>Bildschirmpräsentationen</guilabel
> und sieht die neue Vorlage unter den abgebildeten Vorlagen.</para>
</step>
</procedure>

</sect1>

</chapter>
