Benutzer-Werkzeuge

Webseiten-Werkzeuge


de:web:page_editor

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Nächste Überarbeitung
Vorhergehende Überarbeitung
Nächste ÜberarbeitungBeide Seiten der Revision
de:web:page_editor [2013/11/05 11:40] – angelegt henning_stummerde:web:page_editor [2013/11/05 11:42] – [Hilfslinien] henning_stummer
Zeile 16: Zeile 16:
  
 {{page>de:basic:page_editor#textvoreinstellungen}} {{page>de:basic:page_editor#textvoreinstellungen}}
 +
 +===== Hilfslinien =====
 +
 +Hilfslinien sind Ausrichtungshilfen, die Ihnen das Anordnen mehrerer Objekte auf einer Seite erleichtern. Es sind keine gestalterischen Elemente, denn im späteren Ausdruck sind sie nicht zu sehen.
 +
 +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 aufbauen. Wenn Sie mit der Maus über eine Hilfslinie fahren, werden neben dem Mauszeiger die Position und die Abstände zu den benachbarten Hilfslinien angezeigt.
 +
 +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“.
 +
 +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önnen. Im 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.
 +
 +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.
 +===== 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.txt · Zuletzt geändert: 2013/12/09 12:17 von juergen_wolz