<?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>

<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@aon.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
></quote
> behandelt. </para>

<para
>Die Verwendung von Werkzeugleisten ist einfach. Beim Anklicken eines Symbols für ein gewünschte 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, daß 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
>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 &XHTML; kennt, merkt, daß alle Attribute des Anker-Elements verfügbar sind. Achtung auf die Karteireiter oben für <guilabel
>Haupt</guilabel
>, <guilabel
>Core und i18n</guilabel
>, <guilabel
>Aktionen</guilabel
>, und <guilabel
>Focus</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 mit nicht-Dokumentvorlagen. 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, daß sie Multi-Datei <quote
>Konzept</quote
>-Vorlagen für Dinge wie  Einbau eines Bestellungvorgangs oder Schaffung einer vollständigen"ü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
>Derzeit können nur die folgenden Objekttypen als Vorlagen verwendet werden: </para>

<simplelist>
<member
>Dokument</member>
<member
>Text zum Einfügen in ein Dokument</member>
<member
>Eine Datei zum Verknüpfen um ein Dokument zu formatieren</member>
</simplelist>

<para
>Dokumente können von jedem Dokumenttyp sein. 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. Einfügen von Text könnte alles denkbare sein, zum Beispiel ein Code-Schnippsel. Dies deckt sich mit der Möglichkeit, Textblöcke einzufügen als Aktion, die von der Werkzeugleiste ausgelöst werden kann. Verknüpfte Dateien können binär sein, &PHP;-Klassenbibliotheken oder sonst was immer vorstellbar ist. </para>

</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>

<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, daß (auch wenn es als eine Projektvorlage gespeichert wurde) die Vorlage <emphasis
>nicht</emphasis
>  im Projektbaum sichtbar ist. Schauen Sie im Vorlagenbaum unter Projektvorlagen. </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>

<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, daß alle bestehenden globalen und Benutzervorlagen zum lokalen Projekt kopiert werden. Normalerweise erhält das Projekt Standardvorlagen, sodaß 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 plaziert 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 muß selbst die Plazierung der Vorlagen kontrollieren, wenn man diese verschieben will. &quantaplus; überprüft es nicht und man müßte die Verknüpfungen daher selbst anpassen. </para>

</sect2>

<sect2 id="managing-templates-3-2">
<title
>Verwaltung des Vorlagenverhaltens</title>

<para
>Die Vorlagenstruktur im Karteireiter Vorlagen basiert auf den in <filename class="directory"
>$<envar
>KDEDIR</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 drei Typen von Behälter: </para>

<variablelist>
<varlistentry>
<term
>files/all</term>
<listitem>
<para
>Binärdateien und Elemente, die mittels &URL; (Bilder als <sgmltag class="starttag"
>img src=/src/url</sgmltag
>) eingefügt werden. </para>
</listitem>
</varlistentry>
<varlistentry>
<term
>text/all</term>
<listitem>
<para
>Text, der im aktuellen &quantaplus;-Dokument eingefügt werden kann, wie Textbausteine. </para>
</listitem>
</varlistentry>
<varlistentry>
<term
>template/all</term>
<listitem>
<para
>Dokumentvorlagen zum Erzeugen neuer Dokumente. Diese führen zum Öffnen eines neuen Fensters in &quantaplus;. </para>
</listitem>
</varlistentry>
</variablelist>

<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 (files/all), Text (text/all) oder Vorlagen (templates/all). Diese Auswahl ist grau abgeblendet, sobald <guilabel
>Elterliches Attribut erben</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/all</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>

</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@aon.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 bei 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; Quellcode-Editor</guilabel
>, die über das <guimenu
>Ansicht</guimenu
>-Menü erreichbar sind. Der erste Modus ersetzt den <guilabel
>Quellcode-Editor</guilabel
> durch den <guilabel
>&VPL;-Editor</guilabel
> und der zweite teilt das Editorfenster in zwei Teile: den <guilabel
>Quellcode-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;-Code 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 (Doppelansicht) funktioniert genau wie der erste, außer daß 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-Editor</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 Homepage ä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 entsprechenden Knöpfe hinzugefügt oder entfernt werden. Ein Klick in die Liste ermöglicht die Änderung des Inhaltes. </para>
</listitem>
</varlistentry>
<varlistentry>
<term
><guilabel
>CSS-Regeln</guilabel
></term>
<listitem>
<para
><guilabel
>CSS-Regeln</guilabel
> sind der neue Weg der Gestaltung des Aussehens im Browser. Man kann <guilabel
>CSS-Regeln</guilabel
> durch Drücken der Knöpfe 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 oder 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, daß das Einfügen von Tags vorher schon vorhandene identische Tags nicht entfernt z.B. wenn ein Anker-Tag, umgeben mit Text eingefügt wird, muß 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>
