Benutzer-Werkzeuge

Webseiten-Werkzeuge


de:web:page_editor

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen RevisionVorhergehende Überarbeitung
Nächste Überarbeitung
Vorhergehende Überarbeitung
de:web:page_editor [2013/11/05 11:40] henning_stummerde:web:page_editor [2013/12/09 12:17] (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:web: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:web:editing_descriptors|Beschreibungen]] und [[:de:web: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:web: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:web:editing_descriptors|Beschreibungen]] und [[:de:web:image_editing|Bildwerkzeuge]] den einzelnen Webgalerien anpassen.
 +
 +
 +{{:page_editor:de:pageditorweb.jpg?nolink&892x589}}
 +
  
 ===== Hintergrund ===== ===== Hintergrund =====
 +
  
 {{page>de:basic:page_editor#hintergrund}} {{page>de:basic:page_editor#hintergrund}}
 +
  
 ===== Seitenbeschreibungen ===== ===== Seitenbeschreibungen =====
 +
  
 {{page>de:basic:page_editor#seitenbeschreibungen}} {{page>de:basic:page_editor#seitenbeschreibungen}}
 +
  
 ===== Textvoreinstellungen ===== ===== Textvoreinstellungen =====
 +
  
 {{page>de:basic:page_editor#textvoreinstellungen}} {{page>de:basic:page_editor#textvoreinstellungen}}
  
-===== 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.+===== Hilfslinien =====
  
-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 guidesimply 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 distancesmove the mouse pointer over a guide.  The current position of the guide and its distance to either neighbor will display.+Hilfslinien sind Ausrichtungshilfendie Ihnen das Anordnen mehrerer Objekte auf einer Seite erleichternEs sind keine gestalterischen Elementedenn im späteren Ausdruck sind sie nicht zu sehen.
  
-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” buttonyou can add a pattern of guidelines to the list of stored settings for future reuse on a similar page.+Eine Hilfslinie erzeugen Sie, wenn Sie mit der Maus in das senkrechte oder das waagrechte Lineal klicken und den Mauszeiger mit gedrückter Maustaste aus dem Lineal herausziehen. Hilfslinien können jederzeit mit der Maus verschoben werden. Gelöscht wird eine Hilfslinie, indem Sie diese mit gedrückter Maustaste zurück in das Lineal ziehen. Aus mehreren Hilfslinien können Sie sich ein beliebiges Raster zur Anordnung aller Elemente auf einer Seite aufbauenWenn Sie mit der Maus über eine Hilfslinie fahrenwerden neben dem Mauszeiger die Position und die Abstände zu den benachbarten Hilfslinien angezeigt.
  
-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 =====+In der Standardeinstellung sind Hilfslinien magnetisch, was bedeutet, dass Objekte, die Sie mit der Maus in die Nähe einer Hilfslinie ziehen, von dieser angezogen werden und an einer bestimmten Position „einrasten“.
  
-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 sizesYou can use different margins for every StudioLine website+Wenn Sie mit der rechten Maustaste auf den Hintergrund der Seite klicken, können Sie im Kontextmenü über den Eintrag „Hilfslinien“ ein Fenster öffnen, in dem Sie weitere Einstellungen vornehmen könnenIm Fenster „Hilfslinien“ können Sie neben dem Magnetismus auch Position und Aussehen bestimmen. Wenn Sie ein Raster zusammengestellt haben, das Sie für weitere Projekt nutzen möchten, können Sie es mit „Aktuelle Einstellungen speichern“ dauerhaft in der Liste auf der linken Seite ablegen.
  
-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+Haben Sie jedoch viele Hilfslinien auf dem Bildschirm und möchten diese nicht einzeln in die Lineale zurückschieben, können sie mit Klick auf „Hilfslinien löschen“ alle Hilfslinien auf einmal entfernen.
  
-**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  +===== Seitenränder ===== 
 + 
 + 
 +StudioLine verwendet eine punktgenaue Positionierung, durch die es möglich wird, jedes Seitenelement auf eine vorherbestimmte Position zu platzieren. Das Ergebnis ist, dass die Größe des Webbrowserfensters nicht die Erscheinung einer Seite und ihren Inhalt beeinflusst. 
 + 
 + 
 +Ein Webdesigner kann durch die Verwendung von Seitenrändern die Erscheinung einer Seite auf gängigen Bildschirmgrößen beurteilen. Für jedes StudioLine Projekt können unterschiedliche Seitenränder verwendet werden. 
 + 
 + 
 +Sie erreichen das Fenster "Seitenränder" im Menü "Ansicht / Seitenränder"
 + 
 + 
 +**Anzeigen** - Zeigt den linken oder rechten Seitenrand, bzw. die Mittellinie einer Seite an oder blendet sie aus. 
 + 
 + 
 +**Optimiert für …** - Wählt gängige Bildschirmgrößen in Pixel aus. Die Seitenränder zeigen in etwa den sichtbaren Bereich eines maximierten Browserfensters an. 
 + 
 + 
 +**Seitenränder im Vordergrund** - Zeigt die Seitenränder im Vordergrund des Seiteninhalts an. 
 + 
 + 
 +Anmerkung: Verwenden Sie die Seitenausrichtungsknöpfe in der Symbolleiste, um die Ausrichtung der gesamten Seite im Browserfenster zu bestimmen.
  
-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 ===== ===== 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 selectedthe positioning number is related to the upper left-hand corner of the elementWhen more than one object is selectedthe positioning number is also the upper left-hand corner of the total selection+Diese Funktion ermöglicht pixelgenaues Positionieren von Objekten. Sie öffnen dieses Fenster im Kontextmenü des Objektes (Rechtsklick mit der Maus auf das Objekt) unter "Position"
 + 
 + 
 +Wenn ein einzelnes Objekt ausgewählt istbezieht sich die Positionsangabe auf die obere linke Ecke des das Objekt umfassende RechteckWenn mehrere Objekte ausgewählt sindbezieht sich die Positionsangabe auf die obere linke Ecke des die gesamte Auswahl umfassenden Rechtecks. 
 + 
 + 
 +**Waagerecht** Die am weitesten links befindliche Ecke der ausgewählten Objekte. 
  
-**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+**Senkrecht** - Die am weitesten oben befindliche Ecke der ausgewählten Objekte.
  
-**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 directionIf you hold down the shift key while you click on the arrowthis moves the selected object by 10 pixels+**Verschieben der Auswahl** - Verschiebt die Auswahl um jeweils ein Pixel in die angegebene RichtungHalten Sie die Umschalt-Taste gedrückt während Sie auf die Pfeile klickenverschiebt sich die Auswahl um jeweils 10 Pixel.
  
de/web/page_editor.txt · Zuletzt geändert: 2013/12/09 12:17 von juergen_wolz