Seitenleiste
de:web:page_editor
Dies ist eine alte Version des Dokuments!
Inhaltsverzeichnis
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
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
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.
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.
Guidelines
In Page Editor and Layout mode, you can access, adjust settings, and name guidelines through Guides under the View tab. In this window you have the opportunity to apply color and set the transparency factor. Once you have created the parameters for a set of guides, you just need to press the save button. Another window will pop open that allows you to name the set of guides for use in the future. All the guide settings you have saved are in the left-hand pane.
Guides enable you to perfectly align various objects along a line. Guides are not design elements; they will not appear in the output. To create a new guide, click the mouse on the horizontal or vertical ruler and drag it to the workspace.
You can move your guides at any time by clicking and dragging them. To remove a guide, simply drag it back to its ruler. Arrange multiple guides on the place to create a general layout pattern for your page. To space guides evenly or to keep pixel-perfect distances, move the mouse pointer over a guide. The current position of the guide and its distance to either neighbor will display.
By default, guides act “magnetic.” Objects that you bring near a guide will automatically snap to the guide's exact position. To change the behavior of guidelines and related settings, right-click on the page background and choose “Guides” from the context menu.
In the panel “Guides” you can control the “magnetic” property of guides as well as their position and appearance. With the “Save Settings” button, you can add a pattern of guidelines to the list of stored settings for future reuse on a similar page.
If you have too many guides and you don’t want to close them one by one, or if they are starting to become a distraction, you can use the “Clear Guides” button to remove all guides instantly.
Margins
StudioLine utilizes a point exact positioning through which it is possible to place every object on a page to a predetermined position. The result is that a web browser window doesn't effect the way your web page or content is displayed.
Through the use of margins a web designer can measure the display of page in relation to the typical screen sizes. You can use different margins for every StudioLine website.
Go to the Margins tab under the View menu to open up the window.
Show Margins - shows the margins on indicated areas of the computer screen.
Optimize Options - choose the appropriate screen size in pixels. The margins display the approximate area of a maximized browser window.
Margins on Top - displays the margins in the foreground of the page content.
Note: To adjust the vertical and horizontal page alignment of an opened web page you are working on, press the Page Alignment buttons in the Tool Bar and choose the appropriate setting from the drop-down menu.
Position
This function enables positioning of objects with pixel level accuracy. You access this window by right-clicking on an object and going to the Position tab.
When a single objects is selected, the positioning number is related to the upper left-hand corner of the element. When more than one object is selected, the positioning number is also the upper left-hand corner of the total selection.
Horizontal - move the selected objects either right or left on a page. Increasing the number moves the object(s) to the left. Decreasing the number moves the objects to the right. Use the arrows just to the right of the numbers field to specify the exact number of pixels that you would like the object(s) to be moved.
Vertical - move the selected objects either up or down. The positioning relates to the highest point or plane of the selected object(s). Use the arrows just to the right of the numbers field to specify the exact number of pixels that you would like the object(s) to be moved.
Shift Selected Objects - moves the selected object by one pixel in the selected direction. If you hold down the shift key while you click on the arrow, this moves the selected object by 10 pixels.
de/web/page_editor.1383669635.txt.gz · Zuletzt geändert: 2013/11/05 11:40 von henning_stummer
Seiten-Werkzeuge
