← Back to branch summary

~ubuntu-branches/ubuntu/breezy/koffice/breezy

« back to all changes in this revision

Viewing changes to doc/kpresenter/guides.docbook

  • Committer: Bazaar Package Importer
  • Author(s): Ben Burton
  • Date: 2004-05-09 11:33:00 UTC
  • mfrom: (1.1.1 upstream)
  • Revision ID: james.westby@ubuntu.com-20040509113300-vfrdadqsvjfuhn3b
Tags: 1:1.3.1-1
http://bugs.debian.org/246623
http://bugs.debian.org/246209
http://bugs.debian.org/221256
http://bugs.debian.org/227568
* New upstream bugfix release.
* Built against newer imagemagick (closes: #246623).
* Made koffice-libs/kformula recommend/depend on latex-xft-fonts, which
  provides mathematical fonts that the formula editor can use.  Also
  patched the kformula part to make these fonts the default.
* Changed kword menu hint from "WordProcessors" to "Word processors"
  (closes: #246209).
* Spellchecker configuration is now fixed (closes: #221256, #227568).

Show diffs side-by-side

added added

removed removed

Lines of Context:
doc/kpresenter/guides.docbook
1
1
<chapter id="guides">
2
2
<title>Detailed Guides</title>
3
3
 
4
 
<para>
5
 
 
6
 
This chapter should describe how to perform the most common tasks in
7
 
&kpresenter;.
8
 
</para>
 
4
<para>This chapter describes how to perform some common tasks in
 
5
&kpresenter;.</para>
9
6
 
10
7
<sect1 id="html-wizard">
11
 
<title>Using the HTML Wizard</title>
12
 
<para></para>
 
8
<title>Create an HTML Slideshow</title>
 
9
 
 
10
<para><guilabel>Create an HTML Slideshow</guilabel> is a way of
 
11
turning an existing presentation into <acronym>WWW</acronym>
 
12
pages.</para>
 
13
 
 
14
<procedure>
 
15
<step>
 
16
<para>First make a few slides to include in the show.  I reused the
 
17
slides from the tutorial.</para>
 
18
 
 
19
<screenshot>
 
20
<screeninfo>The presentation we are going to turn into HTML</screeninfo>
 
21
<mediaobject>
 
22
<imageobject>
 
23
<imagedata fileref="htmlshow01.png" format="PNG"/>
 
24
<!--FIXME: Re-use tutorial screenshot here -->
 
25
</imageobject>
 
26
<textobject><phrase>The presentation we are going to turn into HTML</phrase></textobject>
 
27
</mediaobject>
 
28
</screenshot>
 
29
</step>
 
30
 
 
31
<step>
 
32
<para>You can then click on the <guiicon>Create HTML slideshow</guiicon> icon (outlined in red)
 
33
<!-- FIXME: Replace this with an inline icon -->
 
34
<screenshot>
 
35
<screeninfo>The <guiicon>Create HTML slideshow</guiicon> icon</screeninfo>
 
36
<mediaobject>
 
37
<imageobject>
 
38
<imagedata fileref="htmlshow00.png" format="PNG"/>
 
39
</imageobject>
 
40
<textobject><phrase>The <guiicon>Create HTML slideshow</guiicon> icon</phrase></textobject>
 
41
</mediaobject>
 
42
</screenshot>
 
43
 
 
44
or use the menu (under <guimenu>File</guimenu>) to start the wizard that guides you through the process.</para>
 
45
</step>
 
46
 
 
47
<step> 
 
48
<para>A dialog box asks if you want to use an existing file. Click
 
49
<guibutton>No</guibutton> if this is the first time you have used it.
 
50
The <guibutton>Yes</guibutton> option allows you to use the details
 
51
you have previously entered for your HTML slideshow.</para>
 
52
</step>
 
53
 
 
54
<step>
 
55
<para>You will then get a dialog box asking for a few details.</para>
 
56
 
 
57
<screenshot>
 
58
<screeninfo>Filling in the details for your HTML slideshow</screeninfo>
 
59
<mediaobject>
 
60
<imageobject>
 
61
<imagedata fileref="htmlshow02.png" format="PNG"/>
 
62
</imageobject>
 
63
<textobject><phrase>Filling in the details for your HTML slideshow</phrase></textobject>
 
64
</mediaobject>
 
65
</screenshot>
 
66
 
 
67
<para>Fill in each field and ensure that you get the path details
 
68
correct, as this is where &kpresenter; will save your new HTML files
 
69
and pictures.  Click on <guibutton>Next</guibutton> when you are
 
70
done.</para>
 
71
 
 
72
<para>If the path you select here does not exist, &kpresenter; will
 
73
ask if you would like to create it.</para> </step>
 
74
 
 
75
<step>
 
76
 
 
77
<screenshot>
 
78
<screeninfo>Filling in additional details for your HTML slideshow</screeninfo>
 
79
<mediaobject>
 
80
<imageobject>
 
81
<imagedata fileref="htmlshow02a.png" format="PNG"/>
 
82
</imageobject>
 
83
<textobject><phrase>Filling in additional details for your HTML slideshow</phrase></textobject>
 
84
</mediaobject>
 
85
</screenshot>
 
86
 
 
87
<para>Here you can configure the style of the web pages, and also
 
88
specify the zoom for the slides.  This means, if you originally
 
89
designed your slides to display full screen on a 1280 x 1024 pixel LCD
 
90
screen, and used image sizes to suit this, you could scale the slides
 
91
to 50% to enable them to fit nicely in a much smaller web browser
 
92
window.</para>
 
93
 
 
94
<para>You may also set a default text encoding, if necessary, and
 
95
specify a document type for the pages.</para>
 
96
 
 
97
<para>In most cases the defaults will be fine, and you can press
 
98
<guibutton>Next</guibutton> to continue to the next page.</para>
 
99
 
 
100
</step>
 
101
 
 
102
<step>
 
103
<para>Now you can customize the colors of the web pages.</para>
 
104
 
 
105
<screenshot>
 
106
<screeninfo>Setting up the display style for your HTML slideshow</screeninfo>
 
107
<mediaobject>
 
108
<imageobject>
 
109
<imagedata fileref="htmlshow03.png" format="PNG"/>
 
110
</imageobject>
 
111
<textobject><phrase>Setting up the display style for your HTML slideshow</phrase></textobject>
 
112
</mediaobject>
 
113
</screenshot>
 
114
 
 
115
<para>When &kpresenter; creates the web pages for you, the text colors
 
116
for the navigation will be whatever you set here.  The colors for the
 
117
actual slides will be unchanged.</para>
 
118
 
 
119
<para>Click the colored bars to choose a color scheme that suits
 
120
you.</para> </step>
 
121
 
 
122
<step><para>The <guibutton>Next</guibutton> buton brings a dialog box
 
123
that allows you to change the name of each slide.</para>
 
124
 
 
125
<screenshot>
 
126
<screeninfo>Setting the slide names</screeninfo>
 
127
<mediaobject>
 
128
<imageobject>
 
129
<imagedata fileref="htmlshow04.png" format="PNG"/>
 
130
</imageobject>
 
131
<textobject><phrase>Setting the slide names</phrase>
 
132
</textobject>
 
133
</mediaobject>
 
134
</screenshot>
 
135
</step>
 
136
 
 
137
<step>
 
138
<para>Finally, save the configuration before you close the dialog box,
 
139
by pressing the <guibutton>Save Configuration...</guibutton>
 
140
button.</para>
 
141
 
 
142
<screenshot>
 
143
<screeninfo>Saving your configuration</screeninfo>
 
144
<mediaobject>
 
145
<imageobject>
 
146
<imagedata fileref="htmlshow05.png" format="PNG"/>
 
147
</imageobject>
 
148
<textobject>
 
149
<phrase>Saving your configuration</phrase></textobject>
 
150
</mediaobject>
 
151
</screenshot>
 
152
</step>
 
153
 
 
154
<step><para>What we have now are new HTML and pictures directories,
 
155
created where we earlier set the path.</para>
 
156
 
 
157
<screenshot>
 
158
<screeninfo>The newly created HTML slideshow directories</screeninfo>
 
159
<mediaobject>
 
160
<imageobject>
 
161
<imagedata fileref="htmlshow07.png" format="PNG"/>
 
162
</imageobject>
 
163
<textobject><phrase>The newly created HTML slideshow directories</phrase></textobject>
 
164
</mediaobject>
 
165
</screenshot>
 
166
</step>
 
167
</procedure>
 
168
 
 
169
<para>There is also an <filename>index.html</filename> file to launch
 
170
your web slideshow.</para>
 
171
 
 
172
<para>You can see how it works by using your file manager or web
 
173
browser to open the <filename>index.html</filename> file.  Click where
 
174
it says, and the first page of your presentation is displayed.  It
 
175
then works the same as a &kpresenter; slideshow.</para>
 
176
 
 
177
<para>Each click on the screen takes you to the next slide.</para>
 
178
 
 
179
<para>&FTP; it all to your website, remembering to keep the directory
 
180
structure intact, and the world can admire your work.</para>
13
181
 
14
182
</sect1>
15
183
 
16
184
<sect1 id="creating-templates">
17
 
<title>Creating templates</title>
18
 
 
19
 
<para></para>
 
185
<title>Creating &kpresenter; Templates</title>
 
186
 
 
187
<para>It is very easy to add new templates to &kpresenter;'s library.</para>
 
188
 
 
189
<para>If you have made a presentation in a style you would like to use
 
190
again, you can save it as a template.</para>
 
191
 
 
192
<para>This tutorial will show how we can make a new template and save
 
193
it.</para>
 
194
 
 
195
<procedure>
 
196
<step><para>Open &kpresenter; and create a new document.</para>
 
197
 
 
198
<para>I chose a plain background with a text entry box.  &RMB; click
 
199
on the work area and you get a <guilabel>Slide Background</guilabel>
 
200
dialog box.</para>
 
201
 
 
202
<screenshot>
 
203
<screeninfo>The &kpresenter; <guilabel>Slide Background</guilabel> dialog.</screeninfo>
 
204
<mediaobject>
 
205
<imageobject>
 
206
<imagedata format="PNG" fileref="template02.png"/>
 
207
</imageobject>
 
208
<textobject><phrase>The &kpresenter; <guilabel>Slide Background</guilabel> dialog.</phrase></textobject>
 
209
</mediaobject>
 
210
</screenshot>
 
211
 
 
212
<para>Under <guimenu>Format</guimenu> you will find <guimenuitem>Page
 
213
Background</guimenuitem> which opens the same dialog
 
214
box.</para></step>
 
215
 
 
216
<step>
 
217
<para>I want the background to look attractive. In the top Combo box you can
 
218
choose to use a picture or some clipart for the background.</para>
 
219
 
 
220
<screenshot>
 
221
<screeninfo>Choosing a slide background</screeninfo>
 
222
<mediaobject>
 
223
<imageobject>
 
224
<imagedata format="PNG" fileref="template03.png"/>
 
225
</imageobject>
 
226
<textobject><phrase>Choosing a slide background</phrase></textobject>
 
227
</mediaobject>
 
228
</screenshot>
 
229
 
 
230
<para>I have left this at the default
 
231
<guilabel>Color/Gradient</guilabel> option. In the next Combo box down
 
232
I have chosen <guilabel>Vertical gradient</guilabel>, clicked into the
 
233
two long boxes below it and chosen two colors.</para>
 
234
 
 
235
<para>You can alter the start positions of the colors in the gradients
 
236
by clicking in the <guilabel>Unbalanced</guilabel> Check box. This
 
237
lets you use the pair of X and Y sliders. Sometimes one slider will
 
238
not do anything at all, it depends on what type of gradient you have
 
239
chosen.</para>
 
240
 
 
241
<para>Remember to choose contrasting colors first. If you leave both
 
242
white, you will not see anything. When you have a color scheme that
 
243
you like, click <guibutton>Apply</guibutton> and
 
244
<guibutton>OK</guibutton> to close the Dialog box.</para> </step>
 
245
<step>
 
246
<para>The page should now be in the colors you chose. Double click in the
 
247
text box to add a heading.</para>
 
248
 
 
249
<screenshot>
 
250
<screeninfo>Adding a Heading to the new template</screeninfo>
 
251
<mediaobject>
 
252
<imageobject>
 
253
<imagedata fileref="template04.png" format="PNG"/>
 
254
</imageobject>
 
255
<textobject><phrase>Adding a Heading to the new template</phrase></textobject>
 
256
</mediaobject>
 
257
</screenshot>
 
258
 
 
259
<para>When you are happy with your template, click <guimenu>File</guimenu> on
 
260
 the Menu Bar and choose
 
261
 <guimenuitem>Template Manager</guimenuitem>.</para>
 
262
 
 
263
<!-- Skipped screenshot of menu "template05.png" -->
 
264
 
 
265
<para>This Dialog box allows you to select where you want your template to
 
266
be saved.</para>
 
267
 
 
268
<screenshot>
 
269
<screeninfo>Saving the new template</screeninfo>
 
270
<mediaobject>
 
271
<imageobject>
 
272
<imagedata fileref="template06.png" format="PNG"/>
 
273
</imageobject>
 
274
<textobject><phrase>Saving the new template</phrase></textobject>
 
275
</mediaobject>
 
276
</screenshot>
 
277
 
 
278
<para>I chose to save mine under the <guilabel>Screen presentations</guilabel>
 
279
 menu and called it <userinput>Tutorial Template</userinput>. Click
 
280
<guibutton>OK</guibutton> to close this Dialog box.</para> 
 
281
</step>
 
282
 
 
283
<step>
 
284
<para>Now close the document you have been working on (do not save it)
 
285
and &kpresenter; will show the <guilabel>Choose</guilabel> Dialog box.</para>
 
286
 
 
287
<screenshot>
 
288
<screeninfo>Your new template in the &kpresenter; <guilabel>Choose</guilabel>
 
289
dialog.</screeninfo>
 
290
<mediaobject>
 
291
<imageobject>
 
292
<imagedata fileref="template07.png" format="PNG"/>
 
293
</imageobject>
 
294
<textobject><phrase>Your new template in the &kpresenter; <guilabel>Choose</guilabel>
 
295
dialog.</phrase></textobject>
 
296
</mediaobject>
 
297
</screenshot>
 
298
 
 
299
<para>You want to <guilabel>Create a new document from a
 
300
Template</guilabel>. Click to open the <guilabel>Screen
 
301
Presentations</guilabel> tab and there is the template we made
 
302
earlier.</para>
 
303
</step>
 
304
</procedure>
 
305
 
20
306
</sect1>
21
307
 
22
308
</chapter>