summaryrefslogtreecommitdiffstats
path: root/tde-i18n-de/docs/tdewebdev/quanta/working-with-quanta.docbook
blob: 7dbe7a4f6cba9c7bc578ac65c9a4126a6f9cb594 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
<?xml version="1.0" encoding="UTF-8" ?>

<chapter id="using-quanta-3-2">
<chapterinfo>
<title
>Arbeiten mit ...</title>
<authorgroup>
<author
><firstname
>Robert</firstname
> <surname
>Nickel</surname
> <affiliation
> <address
><email
>robert@artnickel.com</email
></address>
</affiliation>
</author>
<author
><firstname
>Andr&aacute;s</firstname
> <surname
>Mantia</surname
> <affiliation
> <address
><email
>amantia@kde.org</email
></address>
  </affiliation>
</author>

<othercredit role="reviewer"
><firstname
>Christopher</firstname
> <surname
>Hornbaker</surname
> <affiliation
> <address
><email
>chrishornbaker@earthlink.net</email
></address>
</affiliation>
<contrib
>Lektor</contrib>
</othercredit>

<othercredit role="reviewer"
><firstname
>Fabrice</firstname
> <surname
>Mous</surname
> <affiliation
> <address
><email
>fabrice@kde.nl</email
></address>
</affiliation>
<contrib
>Lektor</contrib>
</othercredit>

<othercredit role="translator"
><firstname
>Georg</firstname
><surname
>Schuster</surname
><affiliation
><address
><email
>gschuster@utanet.at</email
></address
></affiliation
><contrib
>Deutsche Übersetzung</contrib
></othercredit
> 

</authorgroup>
</chapterinfo>

<title
>Arbeiten mit ...</title>

<para
>Dieses Kapitel beschreibt die Teile von &quantaplus;, mit denen man am meisten zu tun hat. Dies hilft nicht nur die Produktivität steigern sondern erlaubt auch die Anpassung von &quantaplus; an die eigene Arbeitsweise. </para>

<sect1 id="toolbars-howto-3-2">
<title
>Werkzeugleisten</title>

<para
>Wie schon oben erwähnt sind Werkzeugleisten in &quantaplus; am besten über das Menü <guimenu
>Werkzeugleisten</guimenu
> gestaltbar. Verwendung und Hinzufügen unterscheiden sich. Das Hinzufügen von Werkzeugleisten wird unten in der Sektion <quote
><link linkend="creating-toolbars-3-2"
>Hinzufügen von Werkzeugleisten</link
> behandelt.</quote
> </para>

<para
>Die Verwendung von Werkzeugleisten ist einfach. Beim Anklicken eines Symbols für ein gewünschtes Element oder eine Aktion gibt es drei Möglichkeiten: das Element wird eingefügt (nach Wahl mit einem schließenden Element), oder ein Element-Dialog wird angezeigt, in dem die Attribute gewählt werden können, oder, als letzte Möglichkeit, wird eine Aktion ausgelöst und führt irgendetwas in der aktuellen Datei oder im Projekt aus. Wenn man immer wieder ein bestimmtes Element braucht, dass es noch nicht in &quantaplus; gibt, dann kann man es  hinzufügen. In <xref linkend="dtep-intro-3-2"/> finden Sie weitere Information. </para>

<para
>Die Werkzeugleisten und die Symbole darauf können entweder mittels Kontextmenü (Rechtsklick auf die Werkzeugleiste) eingestellt werden, in dem mit <guilabel
>Neue Aktion</guilabel
>, eine <guilabel
>Neue Werkzeugleiste</guilabel
> erstellt werden kann, es können andere Aktionen wie <guilabel
>Werkzeugleiste entfernen </guilabel
>, <guilabel
>Werkzeugleiste umbenennen</guilabel
> oder <guilabel
>Werkzeugleisten einstellen</guilabel
> ausgeführt werden, was in den Dialog führt, wo angegeben werden kann, welche Aktionen auf dieser oder anderen Werkzeugleisten sichtbar sein sollen. </para>
<para
>Durch Aufruf des Kontextmenüs zu einer Aktion (Symbol) auf einer Werkzeugleiste, werden zusätzlich die Einträge <guilabel
>Aktion entfernen</guilabel
> und <guilabel
> Aktion bearbeiteten</guilabel
> angezeigt, die selbsterklärend sind. </para>
<para
>Die Werkzeugleisten und die Aktionen auf ihnen können im Menü mit <menuchoice
><guimenu
>Einstellungen</guimenu
><guimenuitem
>Werkzeugleisten einrichten ...</guimenuitem
></menuchoice
> und <menuchoice
><guimenu
>Einstellungen</guimenu
><guimenuitem
>Aktionen festlegen..</guimenuitem
></menuchoice
> eingestellt werden. </para>
<para
>Über benutzerdefinierte Aktionen findet man mehr in <xref linkend="user-actions"/>. </para>

<para
>Ein Tag-Dialog schaut ungefähr so aus: <mediaobject>
<imageobject>
<imagedata fileref="taginputex.png" format="PNG"/>
</imageobject>
<caption
><para
>Ein Beispiel für einen Tag-Dialog.</para
></caption>
</mediaobject>
</para>

<para
>Das Bild zeigt den Dialog für den Anker-Tag. Wer &HTML;/&XHTML; kennt, merkt, dass alle Attribute des Anker-Elements verfügbar sind. Achtung auf die Unterfenster oben für <guilabel
>Allgemein</guilabel
>, <guilabel
>Core und i18n</guilabel
>, <guilabel
>Ereignisse</guilabel
>, und <guilabel
>Fokus</guilabel
>, sie enthalten alle anderen Attribute, entsprechend ihrer Aufgabe, die für das Anker-Element verfügbar sind. Sie müssen nur die Felder für die Attribute ausfüllen, die nicht gewünschten Attribute übergehen und mit OK bestätigen. Dann wird ein wohlgeformtes Anker-Element an der Cursorposition eingefügt. </para>
</sect1>
&quanta-projects; <sect1 id="templates-3-2">
<title
>Vorlagen</title>

<para
>Vorlagen sind im wesentlichen Dokumentskelette, Code-Schnitzel und Dateien zum Verknüpfen. &quantaplus; verwendet Vorlagen grundsätzlich wie ein übliches Dateisystem mit erweiterter Organisation und Schnittstellen. Man kann kopieren, verschieben oder jedes am System vorhandene Verzeichnis in den Vorlagenbaum verknüpfen. Vorlagen haben in &quantaplus; in etwa die Beschränkungen, die man sich für das Dateisystem vorstellt. </para>

<para
>Vorlagen sind in verschachtelten Ordnern organisiert. Die Verschachtelungstiefe ist nicht begrenzt, aber &quantaplus; erwartet in jedem vorhandenen Ordner eine passende Aktion für den unten beschriebenen Grundvorlagentyp. Zusätzlich ermöglichen Vorlagen für Text vorher und Text nachher das Zusammenfügen zu nicht-Dokument Typvorlagen. Das dient dem Hinzufügen von Tags. Im nächsten Update nach der Einführung ist der Einbau der Fähigkeit, Variable zum Übergeben solchen Textes zu nutzen, wie etwa eine Bildgrößeninformation, vorgesehen, um das Hinzufügen von Tags weitergehend zu unterstützen. </para>

<para
>Unser Ziel bei Vorlagen ist sie so auszubauen, dass sie Multi-Datei <quote
>Konzept</quote
>-Vorlagen für Dinge wie Einbau eines Bestellungvorgangs oder Schaffung einer "über die Website"-Sektion auszubauen. Im Idealfall wird dieses Werkzeug Ihre Arbeit produktiver und dynamischer machen. Ein weiterer Gesichtspunkt  ist die Schaffung eines Vorlagengestaltungsmodus um mit Site-Layout und Struktur umzugehen und Gestaltungsänderungen an ganzen Websites interaktiv durchführen zu können. Wenn Sie sich beteiligen möchten, besuchen Sie unsere <ulink url="http://quanta.sourceforge.net/main1.php?contfile=needs"
>help wanted</ulink
> Seite. </para>

<important>
<para
>Einige mit &quantaplus; mitgelieferte Vorlagen haben Bedingungen für ihren Einsatz. Bitte lesen Sie die am Beginn jeder Vorlage angeführten Bedingungen vor der Verwendung genau durch. </para>
</important>

<sect2 id="template-types-3-2">
<title
>Vorlagentypen</title>

<para
>Es werden zahlreiche Vorlagentypen von &quantaplus; unterstützt. Diese sind: </para>
<para>
<simplelist>
<member
>Binäre Vorlagen</member>
<member
>Dokumentvorlagen</member>
<member
>Text-Bausteine</member>
<member
>Site-Vorlagen</member>
</simplelist>
Beispiele für diese Typen werden mit &quantaplus; mitgeliefert. </para>
<variablelist>
<varlistentry>
<term
>Binäre Vorlagen</term>
<listitem>
<para
>Binär ist alles, was nicht purer Text ist. Es kann jede Datei außer Text, also Bilder, &PDF;s, Flash-Dateien &etc; binär sein. Binäre Vorlagen werden normalerweise in Dokumenten mittels Verknüpfungen (z. B. Bilder mit <sgmltag class="starttag"
>img src=/src/url</sgmltag
>) eingefügt. Einige Beispiele findet man im Vorlagenbaum unter globale Vorlagen. Weitere Information zum <guilabel
>Vorlagen</guilabel
>baum ist in <xref linkend="qit-3-2"/> verfügbar. </para>
</listitem>
</varlistentry>

<varlistentry>
<term
>Dokumentvorlagen</term>
<listitem>
<para
>Dokumente können von jedem Text-Dokumenttyp sein. Auf Basis dieser Vorlagen können neue Dokumente erstellt werden. Normalerweise werden speziellere Dokumente in entsprechenden Unterordnern geschachtelt. Man macht ein einfaches Gerüst für den Zweck und organisiert die Arbeit in entsprechender Weise, um effizient zu sein. Einige Beispiele können im Vorlagenbaum unter globale Vorlagen gefunden werden. Siehe in <xref linkend="qit-3-2"/> für mehr Information zum<guilabel
>Vorlagen</guilabel
>baum. </para>
</listitem>
</varlistentry>

<varlistentry>
<term
>Text-Bausteine</term>
<listitem>
<para
>Diese Art Vorlagen ist nützlich, wenn nicht ein neues Dokument basierend auf einer Vorlage sondern der selbe Textbereich immer wieder in den Dokumenten eingefügt werden soll. Sie können alles enthalten, von einem Kommentar über eine Endnote bis zu einem kompletten Menüsystem auf Javascript oder Perl-Basis. Einige Beispiele sind im Vorlagenbaum unter globale Vorlagen zu finden. Siehe in <xref linkend="qit-3-2"/> für mehr Information zum <guilabel
>Vorlagen</guilabel
>baum. </para>
</listitem>
</varlistentry>

<varlistentry>
<term
>Site-Vorlagen</term>
<listitem>
<para
>Wie der Name sagt, dienen diese Vorlagen für ganze Websites als Vorlagen. Sie sind eine Sammlung von verschiedenen Dokumenten, die in einer Ordnerstruktur organisiert sein können, zusammengefaßt in einem komprimierten tar-Archiv. Derzeit gibt es dafür keine Beispiele in &quantaplus;. </para>
</listitem>
</varlistentry>
</variablelist>

</sect2>

<sect2 id="template-scope-3-2">
<title
>Gültigkeitsbereich von Vorlagen</title>

<para
>Vorlagen sind im Rahmen ihres festgelegten <link linkend="quanta-workspaces-3-2"
>Arbeitsbereiches</link
> in &quantaplus; erreichbar </para>

</sect2>

<sect2 id="creating-templates-3-2">
<title
>Hinzufügen von Vorlagen</title>

<sect3 id="creating-document-templates">
<title
>Erstellen von Dokument-Vorlagen</title>
<para
>Gestalten Sie eine Dokumentstruktur nach Belieben (&XML;, &HTML;, DocBook &etc;.) und wählen Sie <menuchoice
> <guimenu
>Datei</guimenu
> <guimenuitem
>Als Vorlage speichern</guimenuitem
> <guimenuitem
>Als lokale Vorlage speichern ...</guimenuitem
> </menuchoice
>. </para>

<para
>Sobald das geschehen ist, bemerken Sie, dass (auch wenn es als eine Projektvorlage gespeichert wurde) die Vorlage <emphasis
>nicht</emphasis
>  im Projektbaum sichtbar ist. Schauen Sie im Vorlagenbaum unter Projektvorlagen. </para>
</sect3>
<sect3 id="creating-text-templayes">
<title
>Erstellung von Text-Bausteinen</title>
<para
>Wählen Sie Text in Ihrem Dokument und klicken Sie auf <menuchoice
> <guimenu
>Datei</guimenu
> <guimenuitem
>Als Vorlage speichern</guimenuitem
> <guimenuitem
>Auswahl als lokale/Projektvorlage speichern</guimenuitem
> </menuchoice
>. Alternativ kann die Auswahl einfach mit Ziehen und Ablegen auf die Baumansicht<guilabel
>Vorlagen</guilabel
> gezogen werden. </para>
</sect3>
<sect3 id="creating-binary-templates">
<title
>Erstellen von binären Vorlagen</title>
<para
>Die Erstellung von binären Vorlagen ist einfach: die Datei nur in einen Vorlagenordner kopieren reicht. Es können alle Dateiverwaltungsfunktionen dafür genutzt werden, so etwa Ziehen und Ablegen oder Einfügen über den <guilabel
>Dateibaum</guilabel
> von Konqueror. </para>
</sect3>
<sect3 id="creating-site-templates">
<title
>Site-Vorlagen erstellen</title>
<para
>Man kann in der <guilabel
>Dateibaum</guilabel
> oder in der <guilabel
>Projektdateien</guilabel
> Baumansicht auf einen Ordner rechts klicken und <guilabel
>Site-Vorlage erstellen</guilabel
> wählen, einen Namen für die Vorlage eingeben und sichern. Standardmäßig wird im Projektordner gesichert, aber natürlich kann es genauso als lokale oder globale Vorlage gespeichert werden. </para>
</sect3>
</sect2>

<sect2 id="using-templates-with-projects-3-2">
<title
>Die Verwendung von Vorlagen in Projekten</title>

<para
>Projektvorlagen ermöglichen eine sehr zielorientierte Vorgangsweise. Sie können Kopfzeilen und Fußzeilen vorgeben oder dynamisch mit &PHP; gestalten, Dateien einfügen oder mit ihnen verknüpfen. Zusätzlich kann man einige Dinge beim Verwenden von Vorlagen in Projekten sehr tiefgründig im Auge behalten. </para>

<para
>Schon bei Beginn eines Projektes kann man festlegen, dass alle bestehenden globalen und Benutzervorlagen zum lokalen Projekt kopiert werden. Normalerweise erhält das Projekt Standardvorlagen, sodass nichts verloren geht. Man kann wählen, wo die Vorlagendateien abgelegt werden und diese können daher im Wurzelverzeichnis des Servers und daher einfach zum Hochladen oder sicher in einem Unterordner platziert werden, was ein besonders guter Trick ist. Beim Verknüpfen mit einer Datei, die nicht in den Projektvorlagen ist, wird man gefragt, ob die Datei vor dem Verlinken zu den Projektvorlagen kopiert werden soll. Dies vermeidet tote Links beim Hochladen. Aber man muss selbst die Platzierung der Vorlagen kontrollieren, wenn man diese verschieben will. &quantaplus; überprüft es nicht, und man müsste die Verknüpfungen daher selbst anpassen. </para>

</sect2>

<sect2 id="managing-templates-3-2">
<title
>Vorlagen verwalten</title>

<para
>Die Vorlagenstruktur im Unterfenster Vorlagen basiert auf den in <filename class="directory"
>$<envar
>TDEDIR</envar
>/share/apps/quanta/templates</filename
> und <filename class="directory"
>$<envar
>HOME</envar
>/.kde/share/apps/quanta/templates</filename
> abgelegten Dateien. Jeder dieser Ordner entspricht einer von vier Typen von Behälter, wie <link linkend="template-types-3-2"
>oben</link
> erklärt. </para>

<para
>Um das Verhalten eines Ordners festzulegen ist in der Vorlagenübersicht mit der rechten Maustaste auf den Ordner  zu klicken und im Kontextmenü <guimenuitem
>Eigenschaften</guimenuitem
> zu wählen. Der folgende Dialog erscheint: <mediaobject>
<imageobject>
<imagedata fileref="template-rmb.png" format="PNG"/>
</imageobject>
<caption
><para
>Eigenschaften-Dialog.</para
></caption>
</mediaobject>
</para>

<variablelist>
<varlistentry>
<term
><guilabel
>Type</guilabel
></term>

<listitem>
<para
>Ein Auswahlfeld mit den drei zuvor beschriebenen Typen; Dateien, Text oder Vorlagen. Diese Auswahl ist abgeblendet, sobald <guilabel
> Elterliches Attribute vererben</guilabel
> angehakt ist. </para>
</listitem>
</varlistentry>

<varlistentry>
<term
><guilabel
>Elterliches Attribut vererben</guilabel
> (<sgmltag class="starttag"
>foo</sgmltag
>)</term>
<listitem>
<para
>Dies ist standardmäßig aktiviert und paßt für alles außer den Stammordnern in der Vorlagenübersicht. Wenn ein Stammordner so eingestellt wäre, würde es Vorlagen in diesem Pfad grundsätzlich deaktivieren, außer sie wären explizit aktiviert. Im Falle eines "normalen" Ordners würde das <sgmltag class="starttag"
>blah</sgmltag
> mit etwas wie <literal
>Text-Baustein</literal
> erscheinen. Falls nichts erscheint, befindet man sich wahrscheinlich in einem Stammordner. </para>
</listitem>
</varlistentry>
<varlistentry>
<term
><guilabel
>Vorangestellten/nachgestellten Text verwenden</guilabel
></term>
<listitem>
<para
>Erlaubt vorangestellten oder nachgestellten Text für Vorlagen in diesem Ordner. Dies könnten allgemeine Kopfzeilen bzw. Fußzeilen für alle Vorlagen für ein bestimmtes Projekt sein und ermöglicht durch Kopieren von Inhaltsvorlagen in einen Ordner mit speziellen Kopfzeilen/Fußzeilen eine ganze Präsentation bereits mit den passenden Kopfzeilen/Fußzeilen auszustatten. </para>
</listitem>
</varlistentry>
<varlistentry>
<term
><guilabel
>Vorangestellter Text</guilabel
></term>
<listitem>
<para
>Der Text zum Einfügen vor dem Vorlageninhalt. </para>
</listitem>
</varlistentry>
<varlistentry>
<term
><guilabel
>Nachgestellter Text</guilabel
></term>
<listitem>
<para
>Der Text zum Einfügen nach dem Vorlageninhalt. </para>
</listitem>
</varlistentry>
</variablelist>
<!--<para>
The properties for a template file looks a bit different:
<mediaobject>
<imageobject>
<imagedata fileref="template-file-rmb.png" format="PNG"/>
</imageobject>
<caption
><para
>Properties dialog.</para
></caption>
</mediaobject>

</para
>-->
<para
>Zusätzlich verfügen man mittels Kontextmenü (darauf zeigen, rechte Maustaste drücken) über eine vollständige Befehlssammlung für das Hinzufügen von Ordnern oder kopieren und einfügen von Vorlagen von einem Ort zu einem anderen. </para>
</sect2>
</sect1>

<sect1 id="vpl-3-2">
<sect1info>
<title
><application
>Visuelle Seitengestaltung</application
></title>
<authorgroup>
<author
><firstname
>Nicolas</firstname
> <surname
>Deschildre</surname
> <affiliation
> <address
><email
>nicolasdchd@ifrance.com</email
></address>
</affiliation>
</author>

<othercredit role="reviewer"
><firstname
>Christopher</firstname
> <surname
>Hornbaker</surname
> <affiliation
> <address
><email
>chrishornbaker@earthlink.net</email
></address>
</affiliation>
<contrib
>Lektor</contrib>
</othercredit>

<othercredit role="translator"
><firstname
>Georg</firstname
><surname
>Schuster</surname
><affiliation
><address
><email
>gschuster@utanet.at</email
></address
></affiliation
><contrib
>Deutsche Übersetzung</contrib
></othercredit
> 

</authorgroup>
</sect1info>

<title
><application
>Visuelle Seitengestaltung</application
></title>

<sect2 id="vpl-views-3-2">
<title
>&VPL; Modi</title>

<para
>Der <application
>Visual Page Layout</application
> (&VPL;) Editor (auch bekannt als <acronym
>WYSIWYG</acronym
> (What You See Is What You Get)) erlaubt das Editieren von &HTML; oder &XHTML; Dokumenten mit gleichzeitiger Anzeige des Ergebnisses. Wie bei einer guten Textverarbeitung kann Text eingegeben, Bilder eingefügt, Textauszeichnungen festgelegt &etc; werden. Das Ziel von &VPL; ist, die Schaffung großartiger Webpräsentationen mit korrekter Syntax ohne irgendeiner Kenntnis der Seitenbeschreibungssprachen des Internets zu ermöglichen. </para>

<para
>&quantaplus; bietet zwei Modi: <guilabel
>&VPL;-Editor</guilabel
> und <guilabel
>&VPL; &amp; Quelltext-Editor</guilabel
>, die über das Menü <guimenu
>Ansicht</guimenu
> erreichbar sind. Der erste Modus ersetzt den <guilabel
>Quelltext-Editor</guilabel
> durch den <guilabel
>&VPL;-Editor</guilabel
> und der Zweite teilt das Editorfenster in zwei Teile: den <guilabel
>Quelltext-Editor</guilabel
> und den <guilabel
>&VPL;-Editor</guilabel
>. </para>

<para
>Der <guilabel
>&VPL;-Editor</guilabel
> arbeitet wie folgt: Er lädt ein Dokument wie eine normale &HTML;- oder &XHTML;-Seite und ein Cursor erscheint. Dann kann man editieren und bei Bedarf zum <guilabel
>Quellcode-Editor</guilabel
> zurückschalten, in dem die durchgeführten Änderungen im <guilabel
>&VPL;-Editor</guilabel
> im Quellcode sichtbar sind. </para>

<note>
<para
>Beim Arbeiten mit dem <guilabel
>&VPL;-Editor</guilabel
> an einem Dokument, das &PHP; enthält, zeigt ein kleines grünes Symbol das Vohandensein von &PHP;-Quelltext an. Es ist nicht möglich, diesen direkt mit dem <guilabel
>&VPL;-Editor</guilabel
> zu editieren. Um &PHP; zu bearbeiten, ist weiterhin der <guilabel
>Quelltext-Editor</guilabel
> notwendig. Es gibt keine Pläne, diese Verhaltensweise zu ändern. </para>
</note>

<para
>Der zweite Modus funktioniert genau wie der erste, außer, dass gleichzeitig die Änderungen sowohl im <guilabel
>Quelltext-Editor</guilabel
> als auch im <guilabel
>&VPL;-Editor</guilabel
> sichtbar sind und der Cursor im <guilabel
>Quelltext-Editor</guilabel
> und im <guilabel
>&VPL;-Editor</guilabel
> synchron läuft. Mit Drücken von <keycap
>F9</keycap
> wird dieser Modus aktiviert, ist dieser Modus schon aktiv, versetzt der Tastendruck den aktiven Cursor von einem Fenster zum Anderen, wobei die Position im Dokument beibehalten wird. </para>

<para
>Der Synchronisationsabstand zwischen dem <guilabel
>&VPL;-Editor</guilabel
> und dem <guilabel
>Quelltext-Editor</guilabel
> ist einstellbar über <menuchoice
> <guimenu
>Einstellungen</guimenu
> <guimenuitem
>Quanta einrichten ...</guimenuitem
> </menuchoice
>. Nach Wahl von <guimenu
>&VPL;-Ansicht</guimenu
> kann man zwischen Synchronisation nach einem Klick oder automatisch wählen. Bei der Auswahl automatisch kann zusätzlich die Zeitspanne eingestellt werden. Grundsätzlich gilt die Empfehlung: eine kleine Spanne für schnelle Rechner und eine große Spanne für langsame. </para>

<mediaobject>
<imageobject>
<imagedata fileref="vplsourceview.png" format="PNG"/>
</imageobject>
<caption
><para
>Der <guilabel
>&VPL; &amp; Quelltext-Editoren</guilabel
> Modus.</para
></caption>
</mediaobject>
</sect2>

<sect2 id="vpl-editing-3-2">
<title
>&VPL;-Editierung</title>

<sect3 id="doc-prop-dia-3-2">
<title
>Der <guilabel
>Dokumenteigenschaften</guilabel
>-Dialog</title>

<para
>Angenommen, man will den Titel der Webseite ändern, so ist <menuchoice
> <guimenu
>Werkzeuge</guimenu
> <guimenuitem
>Dokumenteigenschaften</guimenuitem
> </menuchoice
> zu wählen. Damit ist die Bearbeitung von <quote
>unsichtbaren</quote
> Tags bei der Arbeit mit dem <guilabel
>&VPL;-Editor</guilabel
> möglich. Der <guilabel
>Dokumenteigenschaften </guilabel
>-Dialog wird auch aufgerufen, sobald ein neues Dokument mit dem <guilabel
>&VPL;-Editor</guilabel
> geschaffen wird. Das dient der Verminderung des händischen Kodierens. Damit kann man folgendes ändern: </para>

<variablelist>
<varlistentry>
<term
><guilabel
>Titel</guilabel
></term>
<listitem>
<para
>Den Titel des Dokumentes. </para>
</listitem>
</varlistentry>
<varlistentry>
<term
><guilabel
>Metaelemente</guilabel
></term>
<listitem>
<para
>Meta-Tags gestatten die Speicherung von Information über das Dokument selbst z.B. Schlagworte für Internet-Suchmaschinen. <guilabel
>Meta-Elemente</guilabel
> können durch Drücken der zwei Schaltflächen unten hinzugefügt oder entfernt werden. Ein Klick in die Liste ermöglicht die Änderung des Inhaltes, z. B. <quote
> Schlüsselworte</quote
> auf der Spalte <quote
>Namen</quote
> und <quote
> Schlüsselwort Schlüsselwort2</quote
> auf der <quote
>Inhalt</quote
>-Spalte. </para>
</listitem>
</varlistentry>
<varlistentry>
<term
><guilabel
>CSS-Regeln</guilabel
></term>
<listitem>
<para
><guilabel
>CSS-Regeln</guilabel
> sind der neue Weg der Gestaltung des Aussehens von Seiten im Browser. Man kann <guilabel
>CSS-Regeln</guilabel
> mit den Schaltflächen unter der Liste hinzufügen oder löschen. Eine Änderung über die Liste ist genau wie bei den <guilabel
>Meta-Elementen</guilabel
> möglich. Das Bearbeiten von <guilabel
>CSS-Regeln</guilabel
> wird derzeit noch nicht unterstützt. </para>
</listitem>
</varlistentry>
<varlistentry>
<term
><guilabel
>CSS-Stilvorlage verknüpfen</guilabel
></term>
<listitem>
<para
>Es ist möglich, eine externe CSS-Stilvorlage einzubinden, indem man auf den <guilabel
>Datei-öffnen</guilabel
> Knopf drückt und die entsprechende Datei auswählt. </para>
</listitem>
</varlistentry>
</variablelist>

</sect3>

<sect3 id="vpl-editor-3-2">
<title
>Der <guilabel
>&VPL;-Editor</guilabel
></title>

<para
>Die Verwendung des Cursors ist wie in einer Textverarbeitung, durch Bewegen mit den Pfeilen, möglich. Unter seltenen Umständen verhält sich der Cursor eigenartig. Die Markierung funktioniert wie gewohnt. Text kann durch Eintippen eingefügt und mittels Rücktaste oder Entfernetaste gelöscht werden. </para>

<para
>Das Einfügen von Tags wird in der selben Weise über die Werkzeugleisten, wie im Quelltext-Editor, vorgenommen. Es ist zu beachten, dass das Einfügen von Tags vorher schon vorhandene identische Tags nicht entfernt z.B. wenn ein Anker-Tag, umgeben mit Text eingefügt wird, muss jeder andere umgebende Anker-Tag entfernt werden. </para>

<note>
<para
>Einige Werkzeugleisten wie der <guilabel
>Tabellen-Assistent</guilabel
> oder der <guilabel
>Listen-Assistent</guilabel
> sind deaktiviert. Sie werden später im &VPL; funktionieren, in diesem Release müssen die<guilabel
>Tabellen</guilabel
> oder <guilabel
>Listen</guilabel
> Werkzeugleisten verwendet werden. </para>
</note>

<para
>Zum Ändern eines Tags(egal ob Bild, ein Applet, oder sonst etwas), ist zum <guilabel
>Attributebaum</guilabel
>, erreichbar über <menuchoice
><guimenu
>Ansicht</guimenu
> <guisubmenu
>Baumansichten</guisubmenu
> </menuchoice
> zu wechseln und der zu ändern gewünschte Tag, oder, falls nicht erreichbar, das ihn enthaltende Objekt, anzuklicken. Der <guilabel
>Attributebaum</guilabel
> zeigt den aktuellen Namen des Tags und eine Liste der Eltern und der Atribute. Im Moment unterstützt &VPL; kein &XHTML; + <acronym
>MathML</acronym
>, aber später können mit dieser Ansicht Namensräume bearbeitet werden. Ein direktes Ändern durch Anklicken des <guilabel
>Wert</guilabel
>-Feldes und Modifizierung in jede Richtung ist möglich. Durch einfaches Auswählen des Eltern-Tags wird im <guilabel
>Attributebaum</guilabel
> dieses geladen. </para>

<para
>Auch zum Löschen eines Tags ist der <guilabel
>Attributebaum</guilabel
> geeignet. An der oberen rechten Ecke gibt es zwei kleine rote Kreuze. Mit dem Ersten kann nur der aktuell ausgewählte Tag und, wenn die &HTML;/&XHTML; Spezifikation keine Kind-Tags des gelöschten Tags als Kind-Tags des ober dem gelöschten stehenden Eltern-Tags erlaubt, diese Kind-Tags gelöscht werden. Das zweite Kreuz löscht das ausgewählte Tag mit allen Kind-Tags. Vorsicht ist angebracht! </para>

</sect3>
</sect2>
</sect1>
</chapter>