Benutzer-Werkzeuge

Webseiten-Werkzeuge


de:basic:page_editor

Dies ist eine alte Version des Dokuments!


Seiteneditor

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 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 Beschreibungen und Bildwerkzeuge den einzelnen Webgalerien anpassen.

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.

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.

Einfarbiger oder gekachelter Hintergrund

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.

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

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

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.) 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

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.

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 author. Preset value: RegisteredUser

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.

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 site. This field allows you to input META tags and attributes for your page which will control a robot's behavior. For instance, you may not want your images, error messages, or any media to be indexed by the robot. Or you do not want any of the links associated with a certain page indexed. These are the types of meta-tags you can input in this field. Note that many search engines treat these terms slightly differently.

  • 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

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.

Text Width - provides the text width for new text objects.

Size - Choose the size in pixels.

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 font, size and style remains the same. However, if you have clicked this box in your text preferences, the characteristics of the pasted text will be ignored. Instead, new text will be adapted to fit the characteristics of text on the page onto which it is being pasted.

de/basic/page_editor.1383667576.txt.gz · Zuletzt geändert: 2013/11/05 11:06 von henning_stummer