Benutzer-Werkzeuge

Webseiten-Werkzeuge


de:basic:page_editor

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Nächste Überarbeitung
Vorhergehende Überarbeitung
de:basic:page_editor [2013/11/05 10:34] – angelegt henning_stummerde:basic:page_editor [2013/12/09 11:33] (aktuell) juergen_wolz
Zeile 1: Zeile 1:
 ====== Seiteneditor ====== ====== Seiteneditor ======
  
-To edit web galleries, click on "Web" in the Main Tool bar. This opens the most recent opened web gallery. 
  
-At the right of the window you see the "Editand "Describe" bar, just like in the [[:basic:image_archive|Image Archive]]. In Page Editor mode, modifications in these panes only take effect on selected objects on the currently opened pageThis way you can change the [[:basic:editing_descriptors|descriptors]] or [[:basic:image_editing|image tool settings]] for your needs on this web gallery.+Zum Bearbeiten von Webgalerien klicken Sie in der Menüleiste auf "Web"Dies öffnet die zuletzt bearbeitete Webgalerie.
  
-===== Background ===== 
  
-Open the Page menu via the Menu Bar to access the Background optionsright-click on the background portion of a page to access the context menu and choose BackgroundEither choose a solid color or drag an image to the Background panel to create a plain image or tiled background.+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.
  
-With the option "Tile Background Image" you can choose between regular tiling,  horizonal or vertical tiling or whether you just prefer a single image as your background. 
  
-The background settings cannot be completely deleted. Every page must at least have a background color. When you drag the copy button from the Background page to the recycle bin, the preferences of the corresponding layouts from the page editor are carried over. In layout editor, a solid-white background without an image is placed.  (Not sure this works/I understand)+{{:page_editor:de:pageeditorbasic.jpg?nolink&796x586}}
  
-==== Solid Color vs. Tiled Background ==== 
  
-A solid color background, such as white or dark grey, is frequently the aesthetically most pleasing choice.  It also makes it easy for StudioLine to share images where appropriate.+===== Hintergrund =====
  
-Irregular textures with little contrast also make a nice background.  They should not show any visible margins when tiled nor interfere with the readability of text. 
  
-Busy imagesstrong contrastsor geometric patterns may be very distracting They also introduce a number of issues when graphics with transparent areas appear on a page +Ö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 festindem Sie es einfach in den Anzeigebereich des Fensters "Hintergrund" ziehenWenn das Bild transparente Bereiche hat, werden diese mit der aktuell eingestellten Hintergrundfarbe gefüllt.
  
-==== Transparency and Tiled Background ==== 
  
-When transparent images are placed on a page, some of the tiled background will show through Howeverduring renderinga cut-out of the tiled background is incorporated into the graphics file used by the browserIf for instancea page is given a centered orientationthe objects move in relation to the background, when the size of the internet browser is altered. Background images with geometric or other regular patterns (such as text or logos) may yield less suitable results.+Mit der Option „Hintergrundbild wiederholen“ unterhalb des Anzeigebereichs legen Sie das Wiederholungsverhalten des Bildes auf dem Hintergrund festSie können bestimmenob das Bild über den gesamten Hintergrund wiederholt wird (Standardeinstellung)oder ob es von der oberen linken Ecke aus nur waagrecht oder senkrecht wiederholt werden sollIn den Bereichen des Hintergrundsdie nicht von dem gewählten Hintergrundbild abgedeckt werdenwird die angegebene Hintergrundfarbe angezeigt.
  
-==== Positioning of Background Relative to an Object ==== 
  
 +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.
  
-Following are some examples of effects, dimensions, and backgrounds relative to a single object. 
  
-Here is a simple 'at' (@) character, created by using the text tool and choosing a font color.  The blue markers indicate the character’s height and width. Because a button effect and a drop shadow were added, during the creation of the HTML data the text is converted to an image. The @ character and shadow do not fill the entire solid rectangular area.  In some areas, the white background color is visible.  Notice also that because of the drop shadow, the dimensions of the resulting image file are now larger than the original height and width indicated by the blue markers. Now, as in this example, when the background is used with a visible pattern, the background becomes visible within the image as well. During the creation of the HTML dada, StudioLine unites the respective background pattern with the graphic data, that is prepared for the browser use. As this image is moved for use in other locations on the page, the grid pattern may not align.  Thus it is illustrated that a regular, geometric pattern (such as squares) can be a poor choice for backgrounds. An exception is when a pages' content is composed by alignment with the upper lefthand corner.+==== Einfarbiger oder gekachelter Hintergrund ====
  
-If, however, regular pattern backgrounds are your preferred design choice, then you should: 
  
-  * use only non-graphical text, +Ein einfarbiger Hintergrundwie z.B. in Weiß oder Schwarzist zumeist die ästhetisch ansprechendste Wahl.
-  * use rectangular images without shadows or soft edgesor +
-  * use the Backdrop image tool to place images and text over solid color rectangles, or +
-  * place images and text on top of a non-transparent rectangular image.+
  
-===== Page Descriptors ===== 
  
-This allows you to create information that can be connected to every page. In the Layout and Page Editor modes open the window in the Page menu under the Page Descriptors tab. Several of these descriptors control how search engines find and index the pages on your website.+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.
  
-**Page Title** - This is the title that the user's of your website will see in their web browser window and that will be displayed by search engines. Preset value: %%PageName%% 
  
-**Author** - The name of the web page authorPreset value: %%RegisteredUser%%+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.
  
-**Copyright** - Copyright information  
  
-**Keywords** - A list of keywords and sentences that are separated by commas that are displayed on the page, or have some bearing upon the content of the site. Keywords are used by search engines to locate your webpages. Keep your list to a maximum of 1000 characters and enter it in lower case. +==== Transparenz und gekachelter Hintergrund ====
  
-**Description** - description of the page content which will be primarily used by search engines. The description should be limited to 200 characters.  
  
-**Parsing by Search Engines** This field allows you to control the kind of information a search engine robot collects about your siteThis field allows you to input META tags and attributes for your page which will control a robot's behaviorFor instanceyou may not want your imageserror messagesor any media to be indexed by the robotOr you do not want any of the links associated with a certain page indexedThese are the types of meta-tags you can input in this field. Note that many search engines treat these terms slightly differently+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 gespeichertIst für eine Seite z.B. eine zentrierte Seitenausrichtung eingestelltverschieben sich die Objekte im Verhältnis zum Hintergrundwenn die Größe des Internetbrowsers geändert wird. Hintergrundbilder mit geometrischen oder gleichmäßigen Musternwie z.BTexte oder Logos, können hier zu weniger geeigneten Ergebnisse führen.
  
-  * NOINDEX: Instructs a search engine not include a page in its index (search results).  
-  * NOFOLLOW: Instructs a search engine not to follow any of the links in a page.  
-  * NOARCHIVE: Instructs a search engine not to provide archived copies of a page to its users.  
-  * NOIMAGEINDEX: Instructs a search engine not to index images.   
-  * NOMEDIAINDEX: Instructs a robot not index any video or sound media.  
  
-===== Text Preferences =====+==== Positionierung des Hintergrunds in Bezug zu Objekten ====
  
-Under the Text tab in the Preferences menu you have options for setting your text. A panel at the top of the window previews your selections.  
  
-**Font** - you can choose from a list of available fonts+Im Folgenden werden ein paar Beispiele zu Effekten, Größen und Hintergründen relativ zu einem einzelnen Objekt aufgezeigt.
  
-**Text Width** - provides the text width for new text objects.  
  
-**Size**  Choose the size in pixels+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.)
  
-**Style** - Choose if you would like your text italicized, bold, or underlined.  
  
-**Ignore font and size of the pasted text** - Normally it is possible to paste text from the clip board of the StudioLine website pages and layouts so that hte fontsize and style remains the sameHoweverif you have clicked this box in your text preferencesthe characteristics of the pasted text will be ignoredInsteadnew text will be adapted to fit the characteristics of text on the page onto which it is being pasted+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: 
 + 
 + 
 +Verwenden Sie… 
 + 
 + 
 +    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 ===== 
 + 
 + 
 +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:<nowiki> PageName</nowiki> 
 + 
 + 
 +**Autor**  - Der Name des Autors der Seite. Voreingestellter Wert:<nowiki> RegisteredUser</nowiki> 
 + 
 + 
 +**Copyright**  - Copyright-Hinweise 
 + 
 + 
 +**Suchbegriff**  - Eine durch Komma zu trennende Liste von Suchbegriffen und Sätzendie auf der Seite erscheinen oder in Beziehung zum Inhalt stehenSuchbegriffe 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. festlegendass keine Bilder oder Mediadaten von Suchmaschinen in deren Index aufgenommen werdenOder es sollen keine verlinken Inhalte von den Suchmaschinen durchsucht werden. Beachten Sie aberdass 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. 
 + 
 + 
 +===== Textvoreinstellungen ===== 
 + 
 + 
 +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. 
 + 
 + 
 +**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. 
 + 
 + 
 +**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.1383665695.txt.gz · Zuletzt geändert: 2013/11/05 10:34 von henning_stummer