Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- de:web:layout_templates [2013/11/07 11:02] – [Layoutvorlagen] henning_stummer
+++ de:web:layout_templates [2013/11/07 12:14] (aktuell) – henning_stummer
@@ Zeile 3: / Zeile 3: @@
 Um eine einheitliche Erscheinung zu erhalten und eine einfache Navigation zu ermöglichen, sind Websites typischerweise in einem einheitlichen Design gehalten. Bei StudioLine definieren die Layoutvorlage und das Layout allgemeine Designelemente, wie z.B. den Hintergrund, Logos, Überschriften, Navigationsobjekte und Platzhalter für Bilder. Sie bestimmen auch bestimmte automatisierte Standardfunktionen, wie z.B. das Erstellen von automatischen Detailseiten und Bildverarbeitungsvorgaben.
-===== Global Layout Templates vs. Layouts =====
+===== Layoutvorlagen oder Layout =====
-The following chart explains the differences between templates and [[:web:layout|layouts]], in terms of their scope, when they are used and how they interact.
+Die folgende Auflistung gibt einen Überblick zu den Unterschieden zwischen Vorlagen und [[:de:web:layout|Layouts]] bezüglich deren Reichweite, wann sie verwendet werden und wie sie interagieren.
-^Effect^Global Layout Template^Layout|
+^Effekt^Layoutvorlage^Layout|
-|Scope|Affects all new pages of a site, and their image views (if any.)|Affects the single page and its image views (if any.)|
+|Reichweite|Betrifft alle neuen Seiten und deren Detailseiten innerhalb eines Projekts.|Betrifft eine einzelne Seite und deren automatisch erstellte Detailseite.|
-|Timing|One time association - when page is created or when template is manually applied to an existing page.|Continuous association – a layout is an integral part of its page.|
+|Zeitpunkt|Wenn die Seite erstellt wird, oder wenn die Vorlage auf eine bestehende Seite angewandt wird.\\ Änderungen in der Vorlage werden automatisch auf alle Seiten, denen die Vorlage zugewiesen wurde, übertragen.|Ein Layout stellt einen integralen Bestandteil einer Seite dar.|
-|Interaction|May be defined as the site’s default.  May be applied manually to an existing page.|May be saved as a new Layout Template.|
+|Interaktion|Kann auf bestehende Seiten angewandt oder als Standardvorlage für ein Projekt festgelegt werden.|Kann als neue Layoutvorlage gespeichert werden.|
-If common design elements or settings are to be shared by multiple pages, place them in a Layout Template.  If common design elements or settings are to be used by a single page with automatically created image views, place them in the Layout.  If design elements are limited to a single page, place them directly in the [[:web:page_editor|Page Editor]].
+Wenn Sie allgemeine Designelemente oder Einstellungen für eine Vielzahl von Seiten gemeinsam nutzen wollen, empfiehlt es sich, diese in einer Layoutvorlage zu platzieren. Bei nur einmaliger Verwendung auf einer Seite mit automatisch erstellten Detailseiten sollten allgemeine Designelemente und Einstellungen in einem Layout platziert sein. Sollen Designelemente nur auf eine Seite begrenzt Anwendung finden, platzieren Sie diese direkt im [[:de:web:page_editor|Seiteneditor]].
+===== Verwenden einer Layoutvorlage =====
-===== Applying a Layout Template =====
+Wird eine Seite neu erstellt, wird anfänglich immer die in den Projekteinstellungen definierte Standardlayoutvorlage verwendet. Um eine andere Layoutvorlage zu verwenden:
-When a page is created, the default Layout Template from the Site Settings is always used to initialize the new page. To apply a different Layout Template:
+  * öffnen Sie die Seite
+  * öffnen Sie den StudioLine Explorer
+  * wählen Sie "Layoutvorlagen" aus
+  * legen Sie die gewünschte Vorlage fest und ziehen diese auf Ihren Arbeitsbereich.
-  * open the page
+**Anmerkung:** Sobald eine andere Layoutvorlage auf die Seite angewandt wird, kann dieser Schritt nicht wieder mit der "Rückgängig-Funktion" aufgehoben werden. Vorherige Anpassungen, Standard- und Bildeinstellungen für diese Seite und Bildansichten können somit dauerhaft verloren gehen. Um Probleme zu vermeiden, verwenden Sie bitte die richtige Vorlage, bevor Sie an der Seite selbst zu arbeiten beginnen.
-  * open the StudioLine Explorer
+===== Der Layouteditor =====
-  * choose Layout Templates
-  * locate a suitable template and drag it onto the workspace.
-**Note:** Once a different template has been applied to a page, this step cannot be reversed with the Undo function. Prior customizations, defaults and image settings for this page and its image view pages could be lost permanently. To avoid problems, apply the correct template before working on the page itself.
+Der Layout- und der Layoutvorlagen-Modus sind eine Erweiterung des Seiteneditors und bieten fast dieselben Funktionen. Man kann sich die Layouts als Kontrollebene der Seite vorstellen und die Layoutvorlage als deren Blaupause. Um sich das Layout einer speziellen Seite anzusehen und anzupassen:
-===== The Layout Editor =====
+  * öffnen Sie den Seiteneditor
+  * wechseln Sie in den Layout-Modus
-The Layout and Layout Template modes are an extension of the page editor and offer largely identical functions. One can think of layouts as the control layer for a page, and layout templates as their blueprints. To view and customize the layout of a specific page:
+Um sich die Layoutvorlage anzusehen oder anzupassen:
+  * wechseln Sie in den Layoutvorlagen-Modus
+  * wählen Sie eine Vorlage aus
+===== Objekte in das Layout übertragen =====
-  * open the page in Page Editor mode
+Aus kreativer Sicht ist es oftmals einfacher, zuerst eine Seite zu erstellen, ohne dabei sofort festzulegen, ob einige Objekte in das Layout gehören. Sobald der kreative Prozess abgeschlossen ist:
-  * switch to Layout mode
-  * To view and customize a layout template:
-  * switch to Layout Template mode
-  * select a template
-===== Transferring Objects to the Layout =====
+  * öffnen Sie die Seite im Seiteneditor-Modus
+  * wählen Sie "Layoutobjekte sperren" aus dem Bearbeiten-Menü
+  * wählen Sie alle Objekte aus, die Teil des Layouts sein sollen
+  * wählen Sie "Objekt ins Layout übernehmen" aus dem Kontextmenü
-From a creative standpoint it is often easier to first design a boilerplate page without deciding immediately whether some objects belong on the layout. Once the creative process is complete:
+**Anmerkung:** Dies gilt nicht für Layoutvorlagen!
+===== Detailseiten (Bildansichten) =====
-  * open the page in Page Editor mode
+Mit dem Fenster "Bildansichten" können Sie Vorlagen zur Bildanzeige für Ihre Webseite erstellen. So können Sie Effekte für alle Bilder auf einer Webseite festlegen.
-  * from the Edit menu, choose Lock Layout Objects
-  * select any objects that should be located on the layout
-  * right click on the mouse to access the Context menu and choose Transfer to Layout
-===== Image Views =====
+Die große Stärkt von Vorlagen entsteht erst durch das Definieren von Detailseiten. Solche Vorlagen erzeugen später automatisch verlinkte Unterseiten für die einzelnen Bilder mit Navigationslinks und Textinhalten, die aus den Bildbeschreibungen geladen werden.
-The "Image View" window allows you to create templates for image display that will appear on your website page. Using this tool, you can edit and create effects for all of the images on that particular website page.
+Normalerweise wird das "Prototypbild" für eine Webseite relativ klein eingestellt, wie eine Miniaturansicht. Werden später Bilder der Seite hinzugefügt, erhalten diese alle Bildwerkzeuge und die Größe des Prototypbildes. Mit dem Erstellen von Detailseiten können Sie die Bilder größer darstellen lassen. Die automatisch erstellten Unterseiten enthalten dann jeweils nur ein Bild aus der eigentlichen Seite, mit den Bildwerkzeugen und der Größe des für die Detailseite angegebenen Prototypbildes. Ein Besucher der Webseite gelangt dann durch einen Klick auf eines der Bilder der Seite auf die Detailseite, oder kann über die Navigationslinks durch die einzelnen Detailseiten blättern.
-The true powers of templates and layouts come to light when you define Image View pages. Layouts with Image Views will automatically generate interlinked sub-pages with common style elements, navigation buttons and automatic text generated from image and page descriptors.
+==== Mehrere Detailseiten erstellen ====
-Typically, the initial image defined with the Image Prototype for a particular webpage would be relatively small, like a thumbnail. Once multiple photos are imported from Image Archive onto the page, the resulting webpage would be composed of a gallery of thumbnails, or whichever size you chose using the Image Prototype. Then you could create additional Image Views for that webpage with increasingly larger sizes. The resulting sub-pages display only one picture each, at the size that you specify using the Image Prototype. A web visitor would simply click on a picture to see a larger version, or choose a navigation link to browse between Image View pages.
+Über das Fenster "Bildansichten" können Sie Detailseiten für jede Webseite erstellen. Dort können die anzuzeigenden Bilder eigene Effekte erhalten.
-==== Application of the Image Views page ====
+Um eine Detailseite zu erzeugen, öffnen Sie das Layout oder die Layoutvorlage.
-This feature is a great time-saver for publishing pictures in a user-friendly manner. For a product catalogue, listing pages can show small preview pictures for each item - and the detail page with a full view is only a mouse-click away.
+Das Fenster "Bildansichten" ist automatisch sichtbar. Es enthält eine Liste mit den Detailseiten (anfangs "Bildansicht 1") und der eigentlichen Webseite inklusive einer kleinen Vorschau. Durch einen Klick auf die Schaltfläche "Neue Bildansicht" wird eine weitere Unterseite mit der Bezeichnung "Bildansicht 2" erstellt.
-Photographers can design extensive thumbnail galleries that load quickly, yet visitors can still gain access to full-size images. By adding an Automatic Forward from the Page menu, one can even publish a self-running slide show.
+Benutzen Sie bei den Texten so oft wie möglich Platzhalter anstatt statischem Text, da diese später mit den entsprechenden Inhalten aus den Bildbeschreibungen ersetzt werden.
-==== Creating Multiple Image Views ====
-With the use of the Image Views window, you can create sub-pages for each main page, and assign individualized effects for the images displayed.
-To create sub-pages or additional Image Views for your website page: Open the Layout or Layout template.
-The  Image Views window appears on which you can see a mini version of your website page, and a default sub-page, called Image View 1. If you would like more than one sub-page,  press the "New Image View" button, and an additional page will be created called the Image View 2.
-Whenever possible, use placeholders instead of static text. This way, text is automatically substituted through image, page and system descriptors.

StudioLine Help

Benutzer-Werkzeuge

Webseiten-Werkzeuge

Unterschiede

Seiten-Werkzeuge