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 revisionPrevious revision
Next revision
Previous revision
Next revisionBoth sides next revision
web:page_editor [2013/08/30 12:19] henning_stummerweb:page_editor [2013/09/03 11:30] – [Margins] henning_stummer
Line 4: Line 4:
  
 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.
 +
 +===== Background =====
 +
 +{{page>basic:page_editor#background}}
 +
 +===== Page Descriptors =====
 +
 +{{page>basic:page_editor#page_descriptors}}
 +
 +===== Text Preferences =====
 +
 +{{page>basic:page_editor#text_preferences}}
  
 ===== Guidelines ===== ===== Guidelines =====
Line 18: Line 30:
  
 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 =====
 +
 +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. 
  
web/page_editor.txt · Last modified: 2015/12/03 11:13 by penelope_chapron