path: root/tde-i18n-de/docs/tdewebdev/quanta/working-with-quanta.docbook

<?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>[email protected]</email></address>
</affiliation>
</author>
<author><firstname>Andr&aacute;s</firstname> <surname>Mantia</surname> <affiliation> <address><email>[email protected]</email></address>
  </affiliation>
</author>

<othercredit role="reviewer"><firstname>Christopher</firstname> <surname>Hornbaker</surname> <affiliation> <address><email>[email protected]</email></address>
</affiliation>
<contrib>Lektor</contrib>
</othercredit>

<othercredit role="reviewer"><firstname>Fabrice</firstname> <surname>Mous</surname> <affiliation> <address><email>[email protected]</email></address>
</affiliation>
<contrib>Lektor</contrib>
</othercredit>

<othercredit role="translator"><firstname>Georg</firstname><surname>Schuster</surname><affiliation><address><email>[email protected]</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>/.trinity/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>[email protected]</email></address>
</affiliation>
</author>

<othercredit role="reviewer"><firstname>Christopher</firstname> <surname>Hornbaker</surname> <affiliation> <address><email>[email protected]</email></address>
</affiliation>
<contrib>Lektor</contrib>
</othercredit>

<othercredit role="translator"><firstname>Georg</firstname><surname>Schuster</surname><affiliation><address><email>[email protected]</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>