Arbeiten mit...

Robert Nickel

    robert@artnickel.com

Christopher Hornbaker

    chrishornbaker@earthlink.net

Lektor
Fabrice Mous

    fabrice@kde.nl

Lektor
Georg Schuster

    gschuster@aon.at

Deutsche Übersetzung

# Arbeiten mit...

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.

## Werkzeugleisten

Wie schon oben erwähnt sind Werkzeugleisten in &quantaplus; am besten über das Menü Werkzeugleisten gestaltbar. Verwendung und Hinzufügen unterscheiden sich. Das Hinzufügen von Werkzeugleisten wird unten in der Sektion Hinzufügen von Werkzeugleisten behandelt.

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 finden Sie weitere Information.

Ein Tag-Dialog schaut ungefähr so aus:

Ein Beispiel für einen Tag-Dialog

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 Haupt, Core und i18n, Aktionen, und Focus, 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.

&quanta-projects;

## Vorlagen

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.

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.

Unser Ziel bei Vorlagen ist sie so auszubauen, daß sie Multi-Datei Konzept-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 help wanted Seite.

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.

### Vorlagentypen

Derzeit können nur die folgenden Objekttypen als Vorlagen verwendet werden:

- Dokument
- Text zum Einfügen in ein Dokument
- Eine Datei zum Verknüpfen um ein Dokument zu formatieren

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.

### Gültigkeitsbereich von Vorlagen

Vorlagen sind im Rahmen ihres festgelegten Arbeitsbereiches in &quantaplus; erreichbar

### Hinzufügen von Vorlagen

Gestalten Sie eine Dokumentstruktur nach Belieben (&XML;, &HTML;, DocBook, &etc;.) und wählen Sie Datei Als Vorlage speichern Als lokale Vorlage speichern... .

Sobald das geschehen ist, bemerken Sie, daß (auch wenn es als eine Projektvorlage gespeichert wurde) die Vorlage nicht im Projektbaum sichtbar ist. Schauen Sie im Vorlagenbaum unter Projektvorlagen.

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.

### Die Verwendung von Vorlagen in Projekten

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.

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.

### Verwaltung des Vorlagenverhaltens

Die Vorlagenstruktur im Karteireiter Vorlagen basiert auf den in `$`KDEDIR`/share/apps/quanta/templates` und `$`HOME`/.kde/share/apps/quanta/templates` abgelegten Dateien. Jeder dieser Ordner entspricht einer von drei Typen von Behälter:

files/all

  Binärdateien und Elemente, die mittels &URL; (Bilder als img src=/src/url) eingefügt werden.

text/all

  Text, der im aktuellen &quantaplus;-Dokument eingefügt werden kann, wie Textbausteine.

template/all

  Dokumentvorlagen zum Erzeugen neuer Dokumente. Diese führen zum Öffnen eines neuen Fensters in &quantaplus;.

Um das Verhalten eines Ordners festzulegen ist in der Vorlagenübersicht mit der rechten Maustaste auf den Ordner zu klicken und im Kontextmenü Eigenschaften zu wählen. Der folgende Dialog erscheint:

Eigenschaften-Dialog.

Type

  Ein Auswahlfeld mit den drei zuvor beschriebenen Typen Dateien (files/all), Text (text/all) oder Vorlagen (templates/all). Diese Auswahl ist grau abgeblendet, sobald Elterliches Attribut erben angehakt ist.

Elterliches Attribut vererben (foo)

  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 blah mit etwas wie `text/all` erscheinen. Falls nichts erscheint, befindet man sich wahrscheinlich in einem Stammordner.

Vorangestellten/nachgestellten Text verwenden

  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.

Vorangestellter Text

  Der Text zum Einfügen vor dem Vorlageninhalt.

Nachgestellter Text

  Der Text zum Einfügen nach dem Vorlageninhalt.

Visuelle Seitengestaltung

Nicolas Deschildre

    nicolasdchd@ifrance.com

Christopher Hornbaker

    chrishornbaker@earthlink.net

Lektor
Georg Schuster

    gschuster@aon.at

Deutsche Übersetzung

## Visuelle Seitengestaltung

### &VPL; Modi

Der Visual Page Layout (&VPL;) Editor (auch bekannt als WYSIWYG (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.

&quantaplus; bietet zwei Modi: &VPL;-Editor und &VPL; & Quellcode-Editor, die über das Ansicht-Menü erreichbar sind. Der erste Modus ersetzt den Quellcode-Editor durch den &VPL;-Editor und der zweite teilt das Editorfenster in zwei Teile: den Quellcode-Editor und den &VPL;-Editor.

Der &VPL;-Editor 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 Quellcode-Editor zurückschalten, in dem die durchgeführten Änderungen im &VPL;-Editor im Quellcode sichtbar sind.

Beim Arbeiten mit dem &VPL;-Editor 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 &VPL;-Editor zu editieren. Um &PHP; zu bearbeiten ist weiterhin der Quelltext-Editor notwendig. Es gibt keine Pläne, diese Verhaltensweise zu ändern.

Der zweite Modus (Doppelansicht) funktioniert genau wie der erste, außer daß gleichzeitig die Änderungen sowohl im Quelltext-Editor als auch im &VPL;-Editor sichtbar sind und der Cursor im Quelltext-Editor und im &VPL;-Editor synchron läuft. Mit Drücken von F9 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.

Der Synchronisationsabstand zwischen dem &VPL;-Editor und dem Quelltext-Editor ist einstellbar über Einstellungen Quanta einrichten... . Nach Wahl von &VPL;-Ansicht 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.

Der &VPL; & Quelltext-Editor Modus.

### &VPL;-Editierung

#### Der Dokumenteigenschaften-Dialog

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

Titel

  Den Titel des Dokumentes.

Metaelemente

  Meta-Tags gestatten die Speicherung von Information über das Dokument selbst z.B. Schlagworte für Internet-Suchmaschinen. Meta-Elemente 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.

CSS-Regeln

  CSS-Regeln sind der neue Weg der Gestaltung des Aussehens im Browser. Man kann CSS-Regeln durch Drücken der Knöpfe unter der Liste hinzufügen oder löschen. Eine Änderung über die Liste ist genau wie bei den Meta-Elementen möglich. Das Bearbeiten von CSS-Regeln wird derzeit noch nicht unterstützt.

CSS-Stilvorlage verknüpfen

  Es ist möglich, eine externe CSS-Stilvorlage einzubinden, indem man auf den Datei-öffnen Knopf drückt und die entsprechende Datei auswählt.

#### Der &VPL;-Editor

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.

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.

Einige Werkzeugleisten wie der Tabellen-Assistent oder der Listen-Assistent sind deaktiviert. Sie werden später im &VPL; funktionieren, in diesem Release müssen dieTabellen oder Listen Werkzeugleisten verwendet werden.

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

Auch zum Löschen eines Tags ist der Attributebaum 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!