Benutzer-Werkzeuge

Webseiten-Werkzeuge


de:basic:page_editor

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen RevisionVorhergehende Überarbeitung
de:basic:page_editor [2013/11/05 11:35] – [Text Preferences] henning_stummerde:basic:page_editor [2013/12/09 11:33] (aktuell) juergen_wolz
Zeile 1: Zeile 1:
 ====== Seiteneditor ====== ====== Seiteneditor ======
 +
  
 Zum Bearbeiten von Webgalerien klicken Sie in der Menüleiste auf "Web". Dies öffnet die zuletzt bearbeitete Webgalerie. Zum Bearbeiten von Webgalerien klicken Sie in der Menüleiste auf "Web". Dies öffnet die zuletzt bearbeitete Webgalerie.
 +
  
 Auf der rechten Seite des Fensters finden Sie die Leisten "Bearbeiten" und "Beschreiben", genau so wie im [[:de:basic:image_archive|Bildarchiv]]. Im Seiteneditor werden Änderungen in diesen Leisten nur auf den markierten Objekten der geöffneten Seite angewendet. Auf diese Weise können Sie die [[:de:basic:editing_descriptors|Beschreibungen]] und [[:de:basic:image_editing|Bildwerkzeuge]] den einzelnen Webgalerien anpassen. Auf der rechten Seite des Fensters finden Sie die Leisten "Bearbeiten" und "Beschreiben", genau so wie im [[:de:basic:image_archive|Bildarchiv]]. Im Seiteneditor werden Änderungen in diesen Leisten nur auf den markierten Objekten der geöffneten Seite angewendet. Auf diese Weise können Sie die [[:de:basic:editing_descriptors|Beschreibungen]] und [[:de:basic:image_editing|Bildwerkzeuge]] den einzelnen Webgalerien anpassen.
 +
 +
 +{{:page_editor:de:pageeditorbasic.jpg?nolink&796x586}}
 +
  
 ===== Hintergrund ===== ===== Hintergrund =====
 +
  
 Öffnen Sie das Fenster „Hintergrund“ aus dem Menü „Seite“, um eine Farbe und ein Bild für den Hintergrund auszuwählen. Sie legen ein Bild für den Hintergrund fest, indem Sie es einfach in den Anzeigebereich des Fensters "Hintergrund" ziehen. Wenn das Bild transparente Bereiche hat, werden diese mit der aktuell eingestellten Hintergrundfarbe gefüllt. Öffnen Sie das Fenster „Hintergrund“ aus dem Menü „Seite“, um eine Farbe und ein Bild für den Hintergrund auszuwählen. Sie legen ein Bild für den Hintergrund fest, indem Sie es einfach in den Anzeigebereich des Fensters "Hintergrund" ziehen. Wenn das Bild transparente Bereiche hat, werden diese mit der aktuell eingestellten Hintergrundfarbe gefüllt.
 +
  
 Mit der Option „Hintergrundbild wiederholen“ unterhalb des Anzeigebereichs legen Sie das Wiederholungsverhalten des Bildes auf dem Hintergrund fest. Sie können bestimmen, ob das Bild über den gesamten Hintergrund wiederholt wird (Standardeinstellung), oder ob es von der oberen linken Ecke aus nur waagrecht oder senkrecht wiederholt werden soll. In den Bereichen des Hintergrunds, die nicht von dem gewählten Hintergrundbild abgedeckt werden, wird die angegebene Hintergrundfarbe angezeigt. Mit der Option „Hintergrundbild wiederholen“ unterhalb des Anzeigebereichs legen Sie das Wiederholungsverhalten des Bildes auf dem Hintergrund fest. Sie können bestimmen, ob das Bild über den gesamten Hintergrund wiederholt wird (Standardeinstellung), oder ob es von der oberen linken Ecke aus nur waagrecht oder senkrecht wiederholt werden soll. In den Bereichen des Hintergrunds, die nicht von dem gewählten Hintergrundbild abgedeckt werden, wird die angegebene Hintergrundfarbe angezeigt.
 +
  
 Die Hintergrundeinstellungen können nicht vollständig gelöscht werden. Jede Seite muss mindestens eine Hintergrundfarbe besitzen. Wenn Sie die Schaltfläche „Übertragen“ des Fensters „Hintergrund“ auf den Papierkorb ziehen, werden im Seiteneditor die Einstellungen des zugehörigen Layouts übernommen. Im Layouteditor wird ein einfarbig weißer Hintergrund ohne Bild eingestellt. Die Hintergrundeinstellungen können nicht vollständig gelöscht werden. Jede Seite muss mindestens eine Hintergrundfarbe besitzen. Wenn Sie die Schaltfläche „Übertragen“ des Fensters „Hintergrund“ auf den Papierkorb ziehen, werden im Seiteneditor die Einstellungen des zugehörigen Layouts übernommen. Im Layouteditor wird ein einfarbig weißer Hintergrund ohne Bild eingestellt.
 +
 +
 ==== Einfarbiger oder gekachelter Hintergrund ==== ==== Einfarbiger oder gekachelter Hintergrund ====
 +
  
 Ein einfarbiger Hintergrund, wie z.B. in Weiß oder Schwarz, ist zumeist die ästhetisch ansprechendste Wahl. Ein einfarbiger Hintergrund, wie z.B. in Weiß oder Schwarz, ist zumeist die ästhetisch ansprechendste Wahl.
 +
  
 Uneinheitliche, kontrastarme Texturen können für einen Hintergrund auch sehr geeignet sein — solange sie keine sichtbaren Ränder zeigen und die Leserlichkeit eines Textes nicht stören. Uneinheitliche, kontrastarme Texturen können für einen Hintergrund auch sehr geeignet sein — solange sie keine sichtbaren Ränder zeigen und die Leserlichkeit eines Textes nicht stören.
 +
  
 Aufdringliche Bilder, starke Kontraste oder geometrische Formen können eine ablenkende Wirkung haben. Außerdem führen sie zu einer Reihe von Problemen, wenn Grafiken mit transparenten Bereichen auf der Seite verwendet werden. Aufdringliche Bilder, starke Kontraste oder geometrische Formen können eine ablenkende Wirkung haben. Außerdem führen sie zu einer Reihe von Problemen, wenn Grafiken mit transparenten Bereichen auf der Seite verwendet werden.
 +
 +
 ==== Transparenz und gekachelter Hintergrund ==== ==== Transparenz und gekachelter Hintergrund ====
 +
  
 Werden transparente Bilder auf einer Seite platziert, wird ein Teil des gekachelten Hintergrundes durchscheinen. Während dem Erstellen der HTML-Daten wird ein Ausschnitt des gekachelten Hintergrundes in der Grafikdatei des Objekts gespeichert. Ist für eine Seite z.B. eine zentrierte Seitenausrichtung eingestellt, verschieben sich die Objekte im Verhältnis zum Hintergrund, wenn die Größe des Internetbrowsers geändert wird. Hintergrundbilder mit geometrischen oder gleichmäßigen Mustern, wie z.B. Texte oder Logos, können hier zu weniger geeigneten Ergebnisse führen. Werden transparente Bilder auf einer Seite platziert, wird ein Teil des gekachelten Hintergrundes durchscheinen. Während dem Erstellen der HTML-Daten wird ein Ausschnitt des gekachelten Hintergrundes in der Grafikdatei des Objekts gespeichert. Ist für eine Seite z.B. eine zentrierte Seitenausrichtung eingestellt, verschieben sich die Objekte im Verhältnis zum Hintergrund, wenn die Größe des Internetbrowsers geändert wird. Hintergrundbilder mit geometrischen oder gleichmäßigen Mustern, wie z.B. Texte oder Logos, können hier zu weniger geeigneten Ergebnisse führen.
 +
 +
 ==== Positionierung des Hintergrunds in Bezug zu Objekten ==== ==== Positionierung des Hintergrunds in Bezug zu Objekten ====
 +
  
 Im Folgenden werden ein paar Beispiele zu Effekten, Größen und Hintergründen relativ zu einem einzelnen Objekt aufgezeigt. Im Folgenden werden ein paar Beispiele zu Effekten, Größen und Hintergründen relativ zu einem einzelnen Objekt aufgezeigt.
 +
  
 Hier ist ein simples 'at' (@) dargestellt, erstellt mit dem Texteditor. Die blauen Markierungen zeigen Höhe und Breite des Zeichens an. Sobald ein Licht- und Schatteneffekt hinzugefügt ist, wird der Text beim Erstellen der HTML-Daten als Bild umgewandelt. Das @-Zeichen und der Schatten füllen keine durchgehende, rechteckige Fläche aus. In einigen Bereichen bleibt die Hintergrundfarbe sichtbar. (Bedingt durch den Schatteneffekt, sind die Dimensionen der daraus resultierenden Bilddatei nun größer, als die Originalhöhe und -breite.) Hier ist ein simples 'at' (@) dargestellt, erstellt mit dem Texteditor. Die blauen Markierungen zeigen Höhe und Breite des Zeichens an. Sobald ein Licht- und Schatteneffekt hinzugefügt ist, wird der Text beim Erstellen der HTML-Daten als Bild umgewandelt. Das @-Zeichen und der Schatten füllen keine durchgehende, rechteckige Fläche aus. In einigen Bereichen bleibt die Hintergrundfarbe sichtbar. (Bedingt durch den Schatteneffekt, sind die Dimensionen der daraus resultierenden Bilddatei nun größer, als die Originalhöhe und -breite.)
 +
  
 Wenn jetzt, wie in diesem Beispiel, ein Hintergrundbild mit einem deutlich sichtbaren Muster verwendet wird, ist der Hintergrund auch innerhalb der Grafik zu erkennen. Beim Erstellen der HTML-Daten vereinigt StudioLine den entsprechenden Abschnitt des Hintergrundmusters mit der Grafikdatei, die für die Browserverwendung angefertigt wird. Wird nun die Grafikdatei auf der Internetseite verschoben (z.B. durch eintsprechende Einstellungen der Seitenausrichtung), tritt das Gittermuster mit einem deutlichen Versatz hervor. Dieses Beispiel zeigt also, dass geometrische Muster, wie z.B. Karos, üblicherweise keine geeignete Wahl für einen Hintergrund darstellen. Eine Ausnahme bilden Seiten, deren Inhalt an der linken oberen Ecke ausgerichtet sind. Wenn jetzt, wie in diesem Beispiel, ein Hintergrundbild mit einem deutlich sichtbaren Muster verwendet wird, ist der Hintergrund auch innerhalb der Grafik zu erkennen. Beim Erstellen der HTML-Daten vereinigt StudioLine den entsprechenden Abschnitt des Hintergrundmusters mit der Grafikdatei, die für die Browserverwendung angefertigt wird. Wird nun die Grafikdatei auf der Internetseite verschoben (z.B. durch eintsprechende Einstellungen der Seitenausrichtung), tritt das Gittermuster mit einem deutlichen Versatz hervor. Dieses Beispiel zeigt also, dass geometrische Muster, wie z.B. Karos, üblicherweise keine geeignete Wahl für einen Hintergrund darstellen. Eine Ausnahme bilden Seiten, deren Inhalt an der linken oberen Ecke ausgerichtet sind.
 +
  
 Falls auf gleichmäßige Hintergrundmuster nicht verzichtet werden kann, sollten Sie folgendes beachten: Falls auf gleichmäßige Hintergrundmuster nicht verzichtet werden kann, sollten Sie folgendes beachten:
  
-Verwenden Sie... 
  
-  * keine grafischen Texte +Verwenden Sie… 
-  * rechteckige Bilder ohne Schatten und ohne weiche Ränder + 
-  * den Filter "Bildhintergrund", um Bilder und Text über einfarbige Rechtecke zu platzieren    use the Backdrop image tool to place images and text over solid color rectangles, or + 
-  * Bilder und Text auf einem nicht-transparenten, rechteckigen Bild+    * keine grafischen Texte 
 +    * rechteckige Bilder ohne Schatten und ohne weiche Ränder 
 +    * den Filter "Bildhintergrund", um Bilder und Text über einfarbige Rechtecke zu platzieren use the Backdrop image tool to place images and text over solid color rectangles, or 
 +    * Bilder und Text auf einem nicht-transparenten, rechteckigen Bild 
 + 
 ===== Seitenbeschreibungen ===== ===== Seitenbeschreibungen =====
 +
  
 Beschreibende Informationen können mit jeder Seite verbunden werden. Einige dieser Beschreibungen werden von Suchmaschinen ausgewertet und entscheiden somit darüber, wie Ihre Seite gefunden wird. Sie öffnen das Fenster im Menü "Seite / Seitenbeschreibungen". Beschreibende Informationen können mit jeder Seite verbunden werden. Einige dieser Beschreibungen werden von Suchmaschinen ausgewertet und entscheiden somit darüber, wie Ihre Seite gefunden wird. Sie öffnen das Fenster im Menü "Seite / Seitenbeschreibungen".
  
-**Seitentitel** - Dieser Text wird in der Titelzeile des Webbrowsers und von Suchmaschinen angezeigt. Voreingestellter Wert: %%PageName%% 
  
-**Autor** - Der Name des Autors der Seite. Voreingestellter Wert: %%RegisteredUser%%+**Seitentitel**  Dieser Text wird in der Titelzeile des Webbrowsers und von Suchmaschinen angezeigt. Voreingestellter Wert:<nowiki> PageName</nowiki>
  
-**Copyright** - Copyright-Hinweise  
  
-**Suchbegriff** - Eine durch Komma zu trennende Liste von Suchbegriffen und Sätzen, die auf der Seite erscheinen oder in Beziehung zum Inhalt stehen. Suchbegriffe werden von Suchmaschinen verwendet. Sie sollten maximal 1000 Zeichen enthalten+**Autor**  Der Name des Autors der Seite. Voreingestellter Wert:<nowiki> RegisteredUser</nowiki>
  
-**Seitenbeschreibungen** - Beschreibung des Seiteninhalts, welche hauptsächlich von Suchmaschinen verwendet wird. Die Beschreibung sollte auf 200 Zeichen begrenzt sein.  
  
-**Auslesen durch Suchmaschinen** - Mit diesem Feld können Sie einstellen, in welcher Weise Suchmaschinen die Inhalte Ihrer Webseite erfassen. So können Sie z.B. festlegen, dass keine Bilder oder Mediadaten von Suchmaschinen in deren Index aufgenommen werden. Oder es sollen keine verlinken Inhalte von den Suchmaschinen durchsucht werden. Beachten Sie aber, dass einige Suchmaschinen diese Angaben unterschiedlich bewerten können.+**Copyright**  - Copyright-Hinweise 
 + 
 + 
 +**Suchbegriff**  - Eine durch Komma zu trennende Liste von Suchbegriffen und Sätzen, die auf der Seite erscheinen oder in Beziehung zum Inhalt stehen. Suchbegriffe werden von Suchmaschinen verwendet. Sie sollten maximal 1000 Zeichen enthalten. 
 + 
 + 
 +**Seitenbeschreibungen**  - Beschreibung des Seiteninhalts, welche hauptsächlich von Suchmaschinen verwendet wird. Die Beschreibung sollte auf 200 Zeichen begrenzt sein. 
 + 
 + 
 +**Auslesen durch Suchmaschinen**  - Mit diesem Feld können Sie einstellen, in welcher Weise Suchmaschinen die Inhalte Ihrer Webseite erfassen. So können Sie z.B. festlegen, dass keine Bilder oder Mediadaten von Suchmaschinen in deren Index aufgenommen werden. Oder es sollen keine verlinken Inhalte von den Suchmaschinen durchsucht werden. Beachten Sie aber, dass einige Suchmaschinen diese Angaben unterschiedlich bewerten können. 
 + 
 + 
 +    * NOINDEX: Weist eine Suchmaschine an, diese Seite nicht in deren Index (Suchergebnisse) aufzunehmen. 
 +    * NOFOLLOW: Die Suchmaschine soll keinem Link auf dieser Seite folgen. 
 +    * NOARCHIVE: Die Suchmaschinen dürfen keine gespeicherte Kopie dieser Seite als Suchergebnis anzeigen. 
 +    * NOIMAGEINDEX: Weist eine Suchmachine an, keine Bilder in den Suchindex aufzunehmen. 
 +    * NOMEDIAINDEX: Weist eine Suchmachine an, keine Videos oder Tondateien in den Suchindex aufzunehmen. 
  
-  * NOINDEX: Weist eine Suchmaschine an, diese Seite nicht in deren Index (Suchergebnisse) aufzunehmen. 
-  * NOFOLLOW: Die Suchmaschine soll keinem Link auf dieser Seite folgen. 
-  * NOARCHIVE: Die Suchmaschinen dürfen keine gespeicherte Kopie dieser Seite als Suchergebnis anzeigen. 
-  * NOIMAGEINDEX: Weist eine Suchmachine an, keine Bilder in den Suchindex aufzunehmen. 
-  * NOMEDIAINDEX: Weist eine Suchmachine an, keine Videos oder Tondateien in den Suchindex aufzunehmen. 
 ===== Textvoreinstellungen ===== ===== Textvoreinstellungen =====
 +
  
 Sie öffnen das Fenster "Textvoreinstellungen" im Menü "Voreinstellungen / Text". Sie öffnen das Fenster "Textvoreinstellungen" im Menü "Voreinstellungen / Text".
  
-**Schriftart (Font)** - Wählen Sie aus verfügbaren Schriftarten.  
  
-**Textbreite** - Die Standard-Breite für neue Textobjekte.+**Schriftart (Font)**  - Wählen Sie aus verfügbaren Schriftarten. 
 + 
 + 
 +**Textbreite**  - Die Standard-Breite für neue Textobjekte
 + 
 + 
 +**Größe**  - Geben Sie die Größe der Schrift ein (in Bildpunkten). 
 + 
 + 
 +**Stil**  - Wählen Sie, ob der Text kursiv, fett oder unterstrichen angezeigt werden soll.
  
-**Größe** -  Geben Sie die Größe der Schrift ein (in Bildpunkten). 
  
-**Stil** - Wählen Sieob der Text kursivfett oder unterstrichen angezeigt werden soll.+**Ignoriere Schriftart und -größe von eingefügten Texten**  Meistens ist es möglichTexte aus der Zwischenablage in StudioLine-Projekte und -Vorlagen so einzufügen, dass diese ihre Schriftart, Größe und Stil beibehalten. Falls jedoch diese Voreinstellung getroffen wird, werden die Textattribute des eingefügten Textes ignoriert. Stattdessen passt der StudioLine-Texteditor den Text und seine Attribute der "Textumgebung" an, in die er eingefügt wird.
  
-**Ignoriere Schriftart und -größe von eingefügten Texten** - Meistens ist es möglich, Texte aus der Zwischenablage in StudioLine-Projekte und -Vorlagen so einzufügen, dass diese ihre Schriftart, Größe und Stil beibehalten. 
-Falls jedoch diese Voreinstellung getroffen wird, werden die Textattribute des eingefügten Textes ignoriert. Stattdessen passt der StudioLine-Texteditor den Text und seine Attribute der "Textumgebung" an, in die er eingefügt wird. 
de/basic/page_editor.1383669340.txt.gz · Zuletzt geändert: 2013/11/05 11:35 von henning_stummer