Benutzer-Werkzeuge

Webseiten-Werkzeuge


de:web:design_elements

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Nächste Überarbeitung
Vorhergehende Überarbeitung
de:web:design_elements [2013/11/13 10:48] – angelegt henning_stummerde:web:design_elements [2013/11/13 10:57] (aktuell) – [Size] henning_stummer
Zeile 1: Zeile 1:
 ====== Designelemente ====== ====== Designelemente ======
  
-Graphical elements, such as colored shapes or lines, help perfect your layout.  You can import these elements into StudioLine like any other images.  Since StudioLine has a large collection of such elements already available for you, for many applications finding and importing them won't even be necessary.  +Designelemente können verwendet werden, um ein oder mehrere Objekte über einem Farbhintergrund anzuzeigen, sowie um Ränder und Farbstreifen am oberen und unteren Rand anzuzeigen. Ein Anwendungsfall wären Textspalten, bei denen die Überschriften eine andere Hintergrundfarbe verwenden.
  
-Right-click on the page background.  From the context menu choose “Insert,” then “New Design Element.”+Klicken Sie mit der rechten Maustaste auf den Hintergrund der Seite, und wählen Sie im Kontextmenü den zweiten Eintrag „Einfügen“ und aus dessen Untermenü „Neues Designelement“ aus.
  
-The newly created design element can be moved like any image.  The sizing handles can be used to resize, stretch, and shrink the design element to suit your needs.  For pixel-perfect sizing, right-click on the design element and choose “Size” from the context menu.+Das erstellte Designelement kann wie jedes andere Bild verschoben oder mit den acht Angreifern in der Größe eingestellt werden. Zusätzlich kann die Größe pixelgenau eingestellt werden, wenn Sie es mit der rechten Maustaste anklicken und „Größe“ aus dem Kontextmenü wählen.
  
-Further display options  are controlled by choosing “Design Element Properties” from the design element's context menu. This window provides a range of interesting possibilities to add decorative touches to your page.+Das weitere Aussehen können Sie bestimmen, wenn Sie das Designelement mit der rechten Maustaste anklicken und „Designelement-Eigenschaften“ aus dem Kontextmenü wählen. Das Fenster „Designelement“ bietet Ihnen eine Reihe von Möglichkeiten, mit der sich eine Vielzahl unterschiedlicher Schmuckelemente realisieren lassen.
  
-===== Background and Color =====+===== Hintergrundfarbe =====
  
-Select the “Transparent” option to create empty frames.  To create a frame with a solid color background, or one where the color fills the frame gradually from transparent to solid, either with one or two colors, from top to bottom, side to side, or radially, click the appropriate button.  You can also choose to use a background image instead of a color fill.+Wenn Sie den Eintrag "Transparent“ wählen, können Sie Rahmen und Linien ohne Inhalt erzeugen. Ist eine der anderen Möglichkeiten gewählt, können Sie alle Arten von Farbflächen erstellen, deren Eigenschaften Sie von einfach opaque über verschiedene Verläufe bis zu Bildern bestimmen. Mit Ausnahme der Bilder, wählen Sie die Farbe mit Klick auf die entsprechende Schaltfläche aus. 
 +===== Kanten und Ecken =====
  
-===== Lines and Corners =====+Mit den langen Schaltflächen unter „Kanten und Ecken“ können Sie für alle vier Seiten des Designelementes festlegen, ob es eine Umrisslinie gibt oder nicht. Zusätzlich können Sie deren Farbe und Stärke einstellen. Die vier Schaltflächen an den Ecken legen fest, ob die Ecken abgerundet werden sollen. Den Eckradius können Sie frei bestimmen. Abgerundete Ecken können Sie auch einstellen, wenn die übrigen Umrisslinien ausgeschaltet sind.
  
-Use the “Lines and Corners” controls to determine for each of the four sides, whether your design element will have a border, its color and thickness.  Use the “corner” controls to create square or rounded corners.  For rounded corners, you can define the radius.  (You can define rounded corners even if your design element doesn't have any borders.)+===== Farbbalken oben / unten =====
  
-===== Top and Bottom Color Bands =====+Mit dieser Einstellung können Sie den oberen bzw. unteren Teil des Designelementes in einer von der Füllung abweichenden Farbe einfärben. 
 +===== Größe =====
  
-You can fill the top and/or bottom portion of the design elements with a  color of your choice. Additional effects for the design object can be accomplished with the help of the image toolbox. +Mit den Anfassern an den Rändern und Ecken des Designelements können Sie dessen Größe verändern. Wenn Sie das Seitenverhältnis des Designelements beibehalten möchten, verwenden Sie nur die Anfasser an den Ecken. Um das Seitenverhältnis zu ändern, verwenden Sie entsprechend die Anfasser an den Kanten.
- +
-===== Size ===== +
- +
-Grab the anchor points on a selected design element and adjust as necessary. To maintain the ratio of the object, adjust it by the corner anchor points. To alter the ratio of the object, adjust it from the sides or top/bottom anchor points. +
de/web/design_elements.1384357699.txt.gz · Zuletzt geändert: 2013/11/13 10:48 von henning_stummer