User Tools

Site Tools


web:page_editor

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Last revision Both sides next revision
web:page_editor [2013/09/03 11:30]
henning_stummer [Margins]
web:page_editor [2013/12/09 12:18]
juergen_wolz
Line 1: Line 1:
 ====== The Page Editor ====== ====== The Page Editor ======
 +
  
 To edit web galleries, click on "​Web"​ in the Main Tool bar. This opens the most recent opened web gallery. To edit web galleries, click on "​Web"​ in the Main Tool bar. This opens the most recent opened web gallery.
 +
  
 At the right of the window you see the "​Edit"​ and "​Describe"​ bar, just like in the [[:​web:​image_archive|Image Archive]]. In Page Editor mode, modifications in these panes only take effect on selected objects on the currently opened page. This way you can change the [[:​web:​editing_descriptors|descriptors]] or [[:​web:​image_editing|image tool settings]] for your needs on this web gallery. At the right of the window you see the "​Edit"​ and "​Describe"​ bar, just like in the [[:​web:​image_archive|Image Archive]]. In Page Editor mode, modifications in these panes only take effect on selected objects on the currently opened page. This way you can change the [[:​web:​editing_descriptors|descriptors]] or [[:​web:​image_editing|image tool settings]] for your needs on this web gallery.
 +
 +
 +{{:​page_editor:​en:​pageeditorweb.jpg?​nolink&​892x589}}
 +
  
 ===== Background ===== ===== Background =====
 +
  
 {{page>​basic:​page_editor#​background}} {{page>​basic:​page_editor#​background}}
 +
  
 ===== Page Descriptors ===== ===== Page Descriptors =====
 +
  
 {{page>​basic:​page_editor#​page_descriptors}} {{page>​basic:​page_editor#​page_descriptors}}
 +
  
 ===== Text Preferences ===== ===== Text Preferences =====
 +
  
 {{page>​basic:​page_editor#​text_preferences}} {{page>​basic:​page_editor#​text_preferences}}
 +
  
 ===== Guidelines ===== ===== 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. 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. 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.+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.
  
-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. 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 ===== ===== 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 ​web designer can measure the display of  ​page in relation ​to the typical screen sizesYou can use different margins for every StudioLine website+StudioLine utilizes a point exact positioning through which it is possible to place every object on a page to a predetermined positionThe result is that a web browser window doesn'​t effect the way your web page or content is displayed.
  
-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. ​+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.
  
-**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. ​  ​+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. 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 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. ​+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. 
  
-**Horizontal** - move the selected objects either ​right or left on a pageIncreasing ​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 downThe 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.
  
-**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. ​+**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.
  
web/page_editor.txt · Last modified: 2015/12/03 11:13 by penelope_chapron