[PE] Change helps.

This commit is contained in:
Julia Radzhabova 2017-02-08 12:27:46 +03:00
parent 88f674394a
commit 378be62e25
61 changed files with 326 additions and 227 deletions

View file

@ -716,7 +716,6 @@ define([
this.en_data = [
{src: "UsageInstructions/SetPageParameters.htm", name: "Set page parameters", headername: "Usage Instructions"},
{src: "UsageInstructions/CopyPasteUndoRedo.htm", name: "Copy/paste text passages, undo/redo your actions"},
{src: "UsageInstructions/AlignText.htm", name: "Align your text in a line or paragraph"},
{src: "UsageInstructions/LineSpacing.htm", name: "Set paragraph line spacing"},
{src: "UsageInstructions/CopyClearFormatting.htm", name: "Copy/clear text formatting"},
{src: "UsageInstructions/CreateLists.htm", name: "Create lists"},

View file

@ -9,8 +9,9 @@
{"src": "UsageInstructions/ManipulateObjects.htm", "name": "Manipulate objects on a slide"},
{"src": "UsageInstructions/InsertText.htm", "name": "Insert and format your text"},
{"src": "UsageInstructions/AddHyperlinks.htm", "name": "Add hyperlinks"},
{"src": "UsageInstructions/CreateLists.htm", "name": "Create lists"},
{"src": "UsageInstructions/InsertTables.htm", "name": "Insert and format tables"},
{"src": "UsageInstructions/CreateLists.htm", "name": "Create lists"},
{"src": "UsageInstructions/InsertTables.htm", "name": "Insert and format tables" },
{"src": "UsageInstructions/InsertEquation.htm", "name": "Insert equations"},
{"src": "UsageInstructions/FillObjectsSelectColor.htm", "name": "Fill objects and select colors"},
{"src": "UsageInstructions/AlignArrangeObjects.htm", "name": "Align and arrange objects on a slide"},
{"src": "UsageInstructions/CopyPasteUndoRedo.htm", "name": "Copy/paste data, undo/redo your actions"},

View file

@ -9,8 +9,8 @@
<body>
<div class="mainpart">
<h1>About Presentation Editor</h1>
<p><b>Presentation Editor</b> is an online application that lets you look through
and edit presentations directly in your browser.</p>
<p><b>Presentation Editor</b> is an <span class="onlineDocumentFeatures">online</span> application that lets you look through
and edit presentations<span class="onlineDocumentFeatures"> directly in your browser</span>.</p>
<p>Using <b>Presentation Editor</b>, you can perform various editing operations like in any desktop editor,
print the edited presentations keeping all the formatting details or download them onto your computer hard disk drive
as PDF or PPTX files.</p>

View file

@ -14,14 +14,14 @@
<ul>
<li><b>Alternate Input</b> is used to turn on/off hieroglyphs.</li>
<li><b>Alignment Guides</b> is used to turn on/off alignment guides that appear when you move objects and allow you to position them on the slide precisely.</li>
<li><b>Autosave</b> is used to turn on/off automatic saving of changes you make while editing.</li>
<li><b>Co-editing Mode</b> is used to select the display of the changes made during the co-editing:
<li class="onlineDocumentFeatures"><b>Autosave</b> is used to turn on/off automatic saving of changes you make while editing.</li>
<li class="onlineDocumentFeatures"><b>Co-editing Mode</b> is used to select the display of the changes made during the co-editing:
<ul>
<li>By default the <b>Fast</b> mode is selected, the users who take part in the document co-editing will see the changes in realtime once they are made by other users.</li>
<li>If you prefer not to see other user changes (so that they do not disturb you, or for some other reason), select the <b>Strict</b> mode and all the changes will be shown only after you click the <b>Save</b> <img alt="Save icon" src="../images/saveupdate.png" /> icon notifying you that there are changes from other users.</li>
</ul>
</li>
<li><b>Default Zoom Value</b> is used to set the default zoom value selecting it in the list of available options from 50% to 200%.</li>
<li><b>Default Zoom Value</b> is used to set the default zoom value selecting it in the list of available options from 50% to 200%. You can also choose the <b>Fit to Slide</b> or <b>Fit to Width</b> option.</li>
<li><b>Unit of Measurement</b> is used to specify what units are used on the rulers and in properties windows for measuring elements parameters such as width, height, spacing, margins etc. You can select the <b>Centimeter</b>, <b>Point</b>, or <b>Inch</b> option.</li>
</ul>
<p>To save the changes you made, click the <b>Apply</b> button.</p>

View file

@ -12,50 +12,53 @@
<h1>Collaborative Presentation Editing</h1>
<p><b>Presentation Editor</b> offers you the possibility to work at a presentation collaboratively with other users. This feature includes:</p>
<ul>
<li>simultaneous multi-user access to the edited presentation</li>
<li>visual indication of objects that are being edited by other users</li>
<li>synchronization of changes with one button click</li>
<li>chat to share ideas concerning particular presentation parts</li>
<li class="onlineDocumentFeatures">simultaneous multi-user access to the edited presentation</li>
<li class="onlineDocumentFeatures">visual indication of objects that are being edited by other users</li>
<li class="onlineDocumentFeatures">synchronization of changes with one button click</li>
<li class="onlineDocumentFeatures">chat to share ideas concerning particular presentation parts</li>
<li>comments containing the description of a task or problem that should be solved</li>
</ul>
<h3>Co-editing</h3>
<p><b>Presentation Editor</b> allows to select one of the two available co-editing modes. <b>Fast</b> is used by default and shows the changes made by other users in realtime. <b>Strict</b> is selected to hide other user changes until you click the <b>Save</b> <img alt="Save icon" src="../images/saveupdate.png" /> icon to save your own changes and accept the changes made by others. The mode can be selected in the <a href="../HelpfulHints/AdvancedSettings.htm" onclick="onhyperlinkclick(this)">Advanced Settings</a>.</p>
<p>When a presentation is being edited by several users simultaneously in the <b>Strict</b> mode, the edited objects (autoshapes, text objects, tables, images, charts) are marked with dashed lines of different colors. The object that you are editing is surrounded by the green dashed line. Red dashed lines indicate that objects are being edited by other users. By hovering the mouse cursor over one of the edited passages, the name of the user who is editing it at the moment is displayed. The <b>Fast</b> mode will show the actions and the names of the co-editors once they are editing the text.</p>
<p>The number of users who are working at the current presentation is specified in the left lower corner at the status bar - <img alt="Number of users icon" src="../images/usersnumber.png" />. If you want to see who exactly are editing the file now, you can open the <b>Chat</b> panel with the full list of the users.</p>
<p>When no users are viewing or editing the file, the icon in the status bar will look like <img alt="Manage document access rights icon" src="../images/access_rights.png" /> allowing you to manage the users who have access to the file right from the document: invite new users giving them either full or read-only access, or denying some users access rights to the file. Click this icon to manage the access to the file; this can be done both when there are no other users who view or co-edit the document at the moment and when there are other users and the icon looks like <img alt="Number of users icon" src="../images/usersnumber.png" />.</p>
<p>As soon as one of the users saves his/her changes by clicking the <img alt="Save icon" src="../images/savewhilecoediting.png" /> icon, the others will see a note within the status bar stating that they have updates. To save the changes you made, so that other users can view them, and get the updates saved by your co-editors, click the <img alt="Save icon" src="../images/saveupdate.png" /> icon in the left upper corner of the top toolbar. The updates will be highlighted for you to check what exactly has been changed.</p>
<h3>Chat<a class="sup_link" href="../HelpfulHints/CollaborativeEditing.htm#footnote" onclick="onhyperlinkclick(this)"><sup>*</sup></a></h3>
<p>You can use this tool to coordinate the co-editing process on-the-fly, for example, to arrange with your collaborators about who is doing what, which paragraph you are going to edit now etc.</p>
<p>The chat messages are stored during one session only. To discuss the document content it is better to use comments which are stored until you decide to delete them.</p>
<p>To access the chat and leave a message for other users,</p>
<ol>
<li>click the <img alt="Chat icon" src="../images/chaticon.png" /> icon at the left sidebar,</li>
<li>enter your text into the corresponding field below,</li>
<li>press the <b>Send</b> button.</li>
</ol>
<p>All the messages left by users will be displayed on the panel on the left. If there are new messages you haven't read yet, the chat icon will look like this - <img alt="Chat icon" src="../images/chaticon_new.png" />.</p>
<p>To close the panel with chat messages, click the <img alt="Chat icon" src="../images/chaticon.png" /> icon once again.</p>
<h3>Comments<a class="sup_link" href="../HelpfulHints/CollaborativeEditing.htm#footnote" onclick="onhyperlinkclick(this)"><sup>*</sup></a></h3>
<p>To leave a comment:</p>
<ol>
<li>select an object where you think there is an error or problem,</li>
<li>use the <img alt="Comments icon" src="../images/commentsicon.png" /> icon at the left sidebar to open the <b>Comments</b> panel and click the <b>Add Comment to Document</b> link, or<br />
right-click the selected object and select the <b>Add Сomment</b> option from the menu,
</li>
<li>enter the needed text,</li>
<li>click the <b>Add Comment/Add</b> button.</li>
</ol>
<p>The comment will be seen on the panel on the left. The object you commented will be marked with the <img alt="Commented object icon" src="../images/added_comment_icon.png" /> icon. To view the comment, just click on this icon. <!--If you need to disable this feature, click the <img alt="File icon" src="../images/file.png" /> icon, select the <b>Advanced Settings...</b> option and uncheck the <b>Turn on live commenting option</b> box. In this case the commented passages will be highlighted only if you click the <img alt="Comments icon" src="../images/commentsicon.png" /> icon.--></p>
<p>Any other user can answer to the added comment asking questions or reporting on the work he/she has done. For this purpose, click the <b>Add Reply</b> link situated under the comment.</p>
<p>You can manage the comments you added in the following way:</p>
<ul>
<li>edit them by clicking the <img alt="Edit icon" src="../images/editcommenticon.png" /> icon,</li>
<li>delete them by clicking the <img alt="Delete icon" src="../images/deletecommenticon.png" /> icon,</li>
<li>close the discussion by clicking the <img alt="Resolve icon" src="../images/resolveicon.png" /> icon if the task or problem you stated in your comment was solved, after that the discussion you opened with your comment gets the resolved status. To open it again, click the <img alt="Open again icon" src="../images/resolvedicon.png" /> icon.</li>
</ul>
<p>New comments added by other users will become visible only after you click the <img alt="Save icon" src="../images/saveupdate.png" /> icon in the left upper corner of the top toolbar.</p>
<p>To close the panel with comments, click the <img alt="Comments icon" src="../images/commentsicon.png" /> icon once again.</p>
<p><sup id="footnote">*</sup>available for paid versions only</p>
</div>
<div class="onlineDocumentFeatures">
<h3>Co-editing</h3>
<p><b>Presentation Editor</b> allows to select one of the two available co-editing modes. <b>Fast</b> is used by default and shows the changes made by other users in realtime. <b>Strict</b> is selected to hide other user changes until you click the <b>Save</b> <img alt="Save icon" src="../images/saveupdate.png" /> icon to save your own changes and accept the changes made by others. The mode can be selected in the <a href="../HelpfulHints/AdvancedSettings.htm" onclick="onhyperlinkclick(this)">Advanced Settings</a>.</p>
<p>When a presentation is being edited by several users simultaneously in the <b>Strict</b> mode, the edited objects (autoshapes, text objects, tables, images, charts) are marked with dashed lines of different colors. The object that you are editing is surrounded by the green dashed line. Red dashed lines indicate that objects are being edited by other users. By hovering the mouse cursor over one of the edited passages, the name of the user who is editing it at the moment is displayed. The <b>Fast</b> mode will show the actions and the names of the co-editors once they are editing the text.</p>
<p>The number of users who are working at the current presentation is specified in the left lower corner at the status bar - <img alt="Number of users icon" src="../images/usersnumber.png" />. If you want to see who exactly are editing the file now, you can open the <b>Chat</b> panel with the full list of the users.</p>
<p>When no users are viewing or editing the file, the icon in the status bar will look like <img alt="Manage document access rights icon" src="../images/access_rights.png" /> allowing you to manage the users who have access to the file right from the document: invite new users giving them either full or read-only access, or denying some users access rights to the file. Click this icon to manage the access to the file; this can be done both when there are no other users who view or co-edit the document at the moment and when there are other users and the icon looks like <img alt="Number of users icon" src="../images/usersnumber.png" />.</p>
<p>As soon as one of the users saves his/her changes by clicking the <img alt="Save icon" src="../images/savewhilecoediting.png" /> icon, the others will see a note within the status bar stating that they have updates. To save the changes you made, so that other users can view them, and get the updates saved by your co-editors, click the <img alt="Save icon" src="../images/saveupdate.png" /> icon in the left upper corner of the top toolbar. The updates will be highlighted for you to check what exactly has been changed.</p>
<h3>Chat<a class="sup_link" href="../HelpfulHints/CollaborativeEditing.htm#footnote" onclick="onhyperlinkclick(this)"><sup>*</sup></a></h3>
<p>You can use this tool to coordinate the co-editing process on-the-fly, for example, to arrange with your collaborators about who is doing what, which paragraph you are going to edit now etc.</p>
<p>The chat messages are stored during one session only. To discuss the document content it is better to use comments which are stored until you decide to delete them.</p>
<p>To access the chat and leave a message for other users,</p>
<ol>
<li>click the <img alt="Chat icon" src="../images/chaticon.png" /> icon at the left sidebar,</li>
<li>enter your text into the corresponding field below,</li>
<li>press the <b>Send</b> button.</li>
</ol>
<p>All the messages left by users will be displayed on the panel on the left. If there are new messages you haven't read yet, the chat icon will look like this - <img alt="Chat icon" src="../images/chaticon_new.png" />.</p>
<p>To close the panel with chat messages, click the <img alt="Chat icon" src="../images/chaticon.png" /> icon once again.</p>
</div>
<h3>Comments<a class="sup_link oOfficeFeatures" href="../HelpfulHints/CollaborativeEditing.htm#footnote" onclick="onhyperlinkclick(this)"><sup>*</sup></a></h3>
<p>To leave a comment:</p>
<ol>
<li>select an object where you think there is an error or problem,</li>
<li>
use the <img alt="Comments icon" src="../images/commentsicon.png" /> icon at the left sidebar to open the <b>Comments</b> panel and click the <b>Add Comment to Document</b> link, or<br />
right-click the selected object and select the <b>Add Сomment</b> option from the menu,
</li>
<li>enter the needed text,</li>
<li>click the <b>Add Comment/Add</b> button.</li>
</ol>
<p>The comment will be seen on the panel on the left. The object you commented will be marked with the <img alt="Commented object icon" src="../images/added_comment_icon.png" /> icon. To view the comment, just click on this icon. <!--If you need to disable this feature, click the <img alt="File icon" src="../images/file.png" /> icon, select the <b>Advanced Settings...</b> option and uncheck the <b>Turn on live commenting option</b> box. In this case the commented passages will be highlighted only if you click the <img alt="Comments icon" src="../images/commentsicon.png" /> icon.--></p>
<p>Any other user can answer to the added comment asking questions or reporting on the work he/she has done. For this purpose, click the <b>Add Reply</b> link situated under the comment.</p>
<p>You can manage the comments you added in the following way:</p>
<ul>
<li>edit them by clicking the <img alt="Edit icon" src="../images/editcommenticon.png" /> icon,</li>
<li>delete them by clicking the <img alt="Delete icon" src="../images/deletecommenticon.png" /> icon,</li>
<li>close the discussion by clicking the <img alt="Resolve icon" src="../images/resolveicon.png" /> icon if the task or problem you stated in your comment was solved, after that the discussion you opened with your comment gets the resolved status. To open it again, click the <img alt="Open again icon" src="../images/resolvedicon.png" /> icon.</li>
</ul>
<p>New comments added by other users will become visible only after you click the <img alt="Save icon" src="../images/saveupdate.png" /> icon in the left upper corner of the top toolbar.</p>
<p>To close the panel with comments, click the <img alt="Comments icon" src="../images/commentsicon.png" /> icon once again.</p>
<p class="oOfficeFeatures"><sup id="footnote">*</sup>available for paid versions only</p>
</div>
</body>
</html>

View file

@ -25,17 +25,17 @@
<td>Open the <b>Search</b> panel to start searching for a character/word/phrase in the currently edited presentation.</td>
</tr>
<tr>
<td>Open 'Comments' panel<a class="sup_link" href="../HelpfulHints/KeyboardShortcuts.htm#footnote" onclick="onhyperlinkclick(this)"><sup>*</sup></a></td>
<td>Open 'Comments' panel<a class="sup_link oOfficeFeatures" href="../HelpfulHints/KeyboardShortcuts.htm#footnote" onclick="onhyperlinkclick(this)"><sup>*</sup></a></td>
<td>Ctrl+Shift+H</td>
<td>Open the <b>Comments</b> panel to add your own comment or reply to other users' comments.</td>
</tr>
<tr>
<td>Open comment field<a class="sup_link" href="../HelpfulHints/KeyboardShortcuts.htm#footnote" onclick="onhyperlinkclick(this)"><sup>*</sup></a></td>
<td>Open comment field<a class="sup_link oOfficeFeatures" href="../HelpfulHints/KeyboardShortcuts.htm#footnote" onclick="onhyperlinkclick(this)"><sup>*</sup></a></td>
<td>Alt+H</td>
<td>Open a data entry field where you can add the text of your comment.</td>
</tr>
<tr>
<td>Open 'Chat' panel<a class="sup_link" href="../HelpfulHints/KeyboardShortcuts.htm#footnote" onclick="onhyperlinkclick(this)"><sup>*</sup></a></td>
<tr class="onlineDocumentFeatures">
<td>Open 'Chat' panel<a class="sup_link oOfficeFeatures" href="../HelpfulHints/KeyboardShortcuts.htm#footnote" onclick="onhyperlinkclick(this)"><sup>*</sup></a></td>
<td>Alt+Q</td>
<td>Open the <b>Chat</b> panel and send a message.</td>
</tr>
@ -370,7 +370,7 @@
<td>Remove a paragraph indent from the left incrementally.</td>
</tr>-->
</table>
<p><sup id="footnote">*</sup>available for paid versions only</p>
<p class="oOfficeFeatures"><sup id="footnote">*</sup>available for paid versions only</p>
</div>
</body>
</html>

View file

@ -1,23 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>Using the Chat Tool</title>
<meta charset="utf-8" />
<meta name="description" content="Tips on using the Chat tool" />
<link type="text/css" rel="stylesheet" href="../editor.css" />
</head>
<body>
<div class="mainpart">
<h1>Using the Chat Tool</h1>
<p><b>TeamLab Presentation Editor</b> offers you the possibility to chat with other users to share ideas concerning particular presentation parts.</p>
<p>To access the chat and leave a message for other users,</p>
<ol>
<li>click the <img alt="Chat icon" src="../images/chaticon.png" /> icon at the left sidebar,</li>
<li>enter your text into the corresponding field below,</li>
<li>press the <b>Send</b> button.</li>
</ol>
<p>All the messages left by users will be displayed on the panel on the left. If there are new messages you haven't read yet, the chat icon will look like this - <img alt="Chat icon" src="../images/chaticon_new.png" />.</p>
<p>To close the panel with chat messages, click the <img alt="Chat icon" src="../images/chaticon.png" /> icon once again.</p>
</div>
</body>
</html>

View file

@ -1,26 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>Align your text in a line or paragraph</title>
<meta charset="utf-8" />
<meta name="description" content="Everything that pertains to the text alignment in line or paragraph: aligning left, right, justified, center" />
<link type="text/css" rel="stylesheet" href="../editor.css" />
</head>
<body>
<div class="mainpart">
<h1>Align your text in a line or paragraph</h1>
<p>The text is commonly aligned in four ways: left, right, center or justified. To do that,</p>
<ol>
<li>place the cursor to the position where you want the alignment to be applied (this can be a new line or already entered text),</li>
<li>select the alignment type you would like to apply:
<ul>
<li><b>Left</b> alignment with the text lined up by the left side of the page (the right side remains unaligned) is done with the <b>Align Left</b> <img alt="Align Left icon" src="../images/alignleft.png" /> icon situated at the top toolbar.</li>
<li><b>Center</b> alignment with the text lined up by the center of the page (the right and the left sides remains unaligned) is done with the <b>Align Center</b> <img alt="Align Center icon" src="../images/aligncenter.png" /> icon situated at the top toolbar.</li>
<li><b>Right</b> alignment with the text lined up by the right side of the page (the left side remains unaligned) is done with the <b>Align Right</b> <img alt="Align Right icon" src="../images/alignright.png" /> icon situated at the top toolbar.</li>
<li><b>Justify</b> alignment with the text lined up by both the left and the right sides of the page (additional spacing is added where necessary to keep the alignment) is done with the <b>Justify</b> <img alt="Justify icon" src="../images/justify.png" /> icon situated at the top toolbar.</li>
</ul>
</li>
</ol>
</div>
</body>
</html>

View file

@ -10,6 +10,7 @@
<body>
<div class="mainpart">
<h1>Insert and format autoshapes</h1>
<h3>Insert an autoshape</h3>
<p>To <b>add</b> an autoshape on a slide,</p>
<ol>
<li>in the slide list on the left, select the slide you want to add the autoshape to,</li>
@ -24,6 +25,7 @@
</li>
</ol>
<hr />
<h3>Adjust autoshape settings</h3>
<p>Some of the autoshape settings can be altered using the <b>Shape Settings</b> tab of the right sidebar. To activate it click the autoshape and choose the <b>Shape Settings</b> <img alt="Shape Settings icon" src="../images/shape_settings_icon.png" /> icon on the right. Here you can change the following properties:</p>
<p><img class="floatleft"alt="Shape Settings tab" src="../images/shapesettingstab.png" /></p>
<ul style="margin-left: 280px;">
@ -37,10 +39,11 @@
</ul>
<p>For more detailed information on these options please refer to the <a href="../UsageInstructions/FillObjectsSelectColor.htm" onclick="onhyperlinkclick(this)">Fill objects and select colors</a> section.</p>
</li>
<li id="shapestroke"><b>Stroke</b> - use this section to change the autoshape stroke width and color.
<li id="shapestroke"><b>Stroke</b> - use this section to change the autoshape stroke width, color or type.
<ul>
<li>To change the stroke <b>width</b>, select one of the available options from the <b>Size</b> drop-down list. The available options are: 0.5 pt, 1 pt, 1.5 pt, 2.25 pt, 3 pt, 4.5 pt, 6 pt. Or select the <b>No Line</b> option if you don't want to use any stroke.</li>
<li>To change the stroke <b>color</b>, click on the colored box below and <a href="../UsageInstructions/FillObjectsSelectColor.htm" onclick="onhyperlinkclick(this)">select the necessary color</a>. You can use the selected <b>theme color</b>, a <b>standard color</b> or choose a <b>custom color</b>.</li>
<li>To change the stroke <b>type</b>, select the necessary option from the corresponding dropdown list (a solid line is applied by default, you can change it to one of the available dashed lines).</li>
</ul>
</li>
</ul>

View file

@ -10,11 +10,14 @@
<body>
<div class="mainpart">
<h1>Insert and edit charts</h1>
<h3>Insert a chart</h3>
<p><b>To insert a chart</b> into your presentation,</p>
<ol>
<li>put the cursor at the place where you want to add a chart,</li>
<li>click the <b>Insert Chart</b> <img alt="Insert Chart icon" src="../images/insertchart.png" /> icon at the top toolbar,</li>
<li>select the needed chart type from the available ones - column, line, pie, bar, area, point, stock - and choose its style,</li>
<li>select the needed chart type from the available ones - Column, Line, Pie, Bar, Area, XY (Scatter), Stock,
<p class="note"><b>Note</b>: for <b>Column</b>, <b>Line</b>, <b>Pie</b>, or <b>Bar</b> charts, a 3D format is also available.</p>
</li>
<li>
after that the <b>Chart Editor</b> window will appear where you can enter the necessary data into the cells using the following controls:
<ul>
@ -29,9 +32,9 @@
<li>
change the chart settings clicking the <b>Edit Chart</b> button situated in the <b>Chart Editor</b> window. The <b>Chart - Advanced Settings</b> window will open.
<p><img alt="Chart Settings window" src="../images/chartsettings.png" /></p>
<p>The <b>Type &amp Data</b> tab allows you to select the chart type, its style as well as the data you wish to use to create a chart.</p>
<p>The <b>Type &amp Data</b> tab allows you to select the chart type as well as the data you wish to use to create a chart.</p>
<ul>
<li>Select a chart <b>Type</b> you wish to insert: line chart, column chart, bar chart, area chart, pie chart, point chart, or stock chart and its <b>Style</b>.</li>
<li>Select a chart <b>Type</b> you wish to insert: Column, Line, Pie, Bar, Area, XY (Scatter), Stock.</li>
<li>Check the selected <b>Data Range</b> and modify it, if necessary, clicking the <b>Select Data</b> button and entering the desired data range in the following format: <em>Sheet1!A1:B4</em>.</li>
<li>Choose the way to arrange the data. You can either select the <b>Data series</b> to be used on the X axis: <b>in rows</b> or <b>in columns</b>.</li>
</ul>
@ -61,15 +64,22 @@
<li>
Specify the <b>Data Labels</b> (i.e. text labels that represent exact values of data points) parameters:<br />
<ul>
<li>specify the <b>Data Labels</b> position relative to the data points selecting the necessary option from the drop-down list: <b>Center</b>, <b>Inner Bottom</b>, <b>Inner Top</b>, <b>Outer Top</b>,</li>
<li>specify the <b>Data Labels</b> position relative to the data points selecting the necessary option from the drop-down list. The available options vary depending on the selected chart type.
<ul>
<li>For <b>Column/Bar</b> charts, you can choose the following options: <b>None</b>, <b>Center</b>, <b>Inner Bottom</b>, <b>Inner Top</b>, <b>Outer Top</b>.</li>
<li>For <b>Line/XY (Scatter)/Stock</b> charts, you can choose the following options: <b>None</b>, <b>Center</b>, <b>Left</b>, <b>Right</b>, <b>Top</b>, <b>Bottom</b>.</li>
<li>For <b>Pie</b> charts, you can choose the following options: <b>None</b>, <b>Center</b>, <b>Fit to Width</b>, <b>Inner Top</b>, <b>Outer Top</b>.</li>
<li>For <b>Area</b> charts as well as for <b>3D</b> <b>Column</b>, <b>Line</b> and <b>Bar</b> charts, you can choose the following options: <b>None</b>, <b>Center</b>.</li>
</ul>
</li>
<li>select the data you wish to include into your labels checking the corresponding boxes: <b>Series Name</b>, <b>Category Name</b>, <b>Value</b>,</li>
<li>enter a character (comma, semicolon etc.) you wish to use for separating several labels into the <b>Data Labels Separator</b> entry field.</li>
</ul>
</li>
<li><b>Lines</b> - is used to choose a line style for <b>Line/Point charts</b>. You can choose one of the following options: <b>Straight</b> to use straight lines between data points, <b>Smooth</b> to use smooth curves between data points, or <b>None</b> to not display lines.</li>
<li><b>Lines</b> - is used to choose a line style for <b>Line/XY (Scatter) charts</b>. You can choose one of the following options: <b>Straight</b> to use straight lines between data points, <b>Smooth</b> to use smooth curves between data points, or <b>None</b> to not display lines.</li>
<li>
<b>Markers</b> - is used to specify whether the markers should be displayed (if the box is checked) or not (if the box is unchecked) for <b>Line/Point charts</b>.
<p class="note"><b>Note</b>: the <b>Lines</b> and <b>Markers</b> options are available for <b>Line charts</b> and <b>Point charts</b> only.</p>
<b>Markers</b> - is used to specify whether the markers should be displayed (if the box is checked) or not (if the box is unchecked) for <b>Line/XY (Scatter) charts</b>.
<p class="note"><b>Note</b>: the <b>Lines</b> and <b>Markers</b> options are available for <b>Line charts</b> and <b>XY (Scatter) charts</b> only.</p>
</li>
<li>
The <b>Axis Settings</b> section allows to specify if you wish to display <b>Horizontal/Vertical Axis</b> or not selecting the <b>Show</b> or <b>Hide</b> option from the drop-down list. You can also specify <b>Horizontal/Vertical Axis Title</b> parameters:
@ -98,7 +108,7 @@
</ul>
<p><img alt="Chart Settings window" src="../images/chartsettings3.png" /></p>
<p class="note"><b>Note</b>: the <b>Vertical/Horizontal Axis</b> tabs will be disabled for <b>Pie charts</b> since charts of this type have no axes.</p>
<p>The <b>Vertical Axis</b> tab allows you to change the parameters of the vertical axis also referred to as the values axis or y-axis which displays numeric values. Note that the vertical axis will be the category axis which displays text labels for the <b>Bar charts</b>, therefore in this case the <b>Vertical Axis</b> tab options will correspond to the ones described in the next section. For the <b>Point charts</b>, both axes are value axes.</p>
<p>The <b>Vertical Axis</b> tab allows you to change the parameters of the vertical axis also referred to as the values axis or y-axis which displays numeric values. Note that the vertical axis will be the category axis which displays text labels for the <b>Bar charts</b>, therefore in this case the <b>Vertical Axis</b> tab options will correspond to the ones described in the next section. For the <b>XY (Scatter) charts</b>, both axes are value axes.</p>
<ul>
<li>
The <b>Axis Options</b> section allows to set the following parameters:
@ -130,7 +140,7 @@
</li>
</ul>
<p><img alt="Chart Settings window" src="../images/chartsettings4.png" /></p>
<p>The <b>Horizontal Axis</b> tab allows you to change the parameters of the horizontal axis also referred to as the categories axis or x-axis which displays text labels. Note that the horizontal axis will be the value axis which displays numeric values for the <b>Bar charts</b>, therefore in this case the <b>Horizontal Axis</b> tab options will correspond to the ones described in the previous section. For the <b>Point charts</b>, both axes are value axes.</p>
<p>The <b>Horizontal Axis</b> tab allows you to change the parameters of the horizontal axis also referred to as the categories axis or x-axis which displays text labels. Note that the horizontal axis will be the value axis which displays numeric values for the <b>Bar charts</b>, therefore in this case the <b>Horizontal Axis</b> tab options will correspond to the ones described in the previous section. For the <b>XY (Scatter) charts</b>, both axes are value axes.</p>
<ul>
<li>
The <b>Axis Options</b> section allows to set the following parameters:
@ -162,16 +172,25 @@
</li>
</ol>
<hr />
<h3>Edit chart elements</h3>
<p>To edit the chart <b>Title</b>, select the default text with the mouse and type in your own one instead.</p>
<p>To change the font formatting within text elements, such as the chart title, axes titles, legend entries, data labels etc., select the necessary text element by left-clicking it. Then use icons on the top toolbar to change the font <a href="../UsageInstructions/InsertText.htm#formatfont" onclick="onhyperlinkclick(this)">type, style, size, or color</a>.</p>
<p>To delete a chart element, select it by left-clicking and press the <b>Delete</b> key on the keyboard.</p>
<p>You can also rotate 3D charts using the mouse. Left-click within the plot area and hold the mouse button until a blue dashed box appears. Drag the cursor without releasing the mouse button to change the 3D chart orientation.</p>
<p><img alt="3D chart" src="../images/3dchart.png" /></p>
<hr />
<h3>Adjust chart settings</h3>
<img class="floatleft"alt="Chart tab" src="../images/charttab.png" />
<p>The chart size, type and style as well as data used to create the chart can be altered using the right sidebar. To activate it click the chart and choose the <b>Chart Settings</b> <img alt="Chart Settings icon" src="../images/chart_settings_icon.png" /> icon on the right.</p>
<p>The <b>Size</b> section allows you to change the chart width and/or height. If the <b>Constant Proportions</b> <img alt="Constant Proportions icon" src="../images/constantproportions.png" /> button is clicked (in this case it looks like this <img alt="Constant Proportions icon activated" src="../images/constantproportionsactivated.png" />), the width and height will be changed together preserving the original chart aspect ratio.</p>
<p>The <b>Change Chart Type</b> section allows you to change the selected chart type and/or style using the corresponding drop-down menu.</p>
<p>The <b>Edit Data</b> button allows you to open the <b>Chart Editor</b> window and start editing data as described above.</p>
<p>The <b>Change Chart Type</b> section allows you to change the selected chart type and/or style using the corresponding drop-down menu. </p>
<p>To select the necessary chart <b>Style</b>, use the second drop-down menu in the <b>Change Chart Type</b> section.</p>
<p>The <b>Edit Data</b> button allows you to open the <b>Chart Editor</b> window and start editing data as described above.</p>
<p class="note"><b>Note</b>: to quickly open the 'Chart Editor' window you can also double-click the chart on the slide.</p>
<p>When the chart is selected, the <b>Shape Settings</b> <img alt="Shape Settings icon" src="../images/shape_settings_icon.png" /> icon is also available on the right, since a shape is used as a background for the chart. You can click this icon to open the <a href="InsertAutoshapes.htm" onclick="onhyperlinkclick(this)">Shape Settings</a> tab at the right sidebar and adjust the shape <b>Fill</b> and <b>Stroke</b>. Note that you cannot change the shape type.</p>
<hr />
<p>To <b>delete</b> the inserted chart, left-click it and press the <b>Delete</b> key on the keyboard.</p>
<p>To learn how to <b>align</b> a chart on the slide or <b>arrange</b> several objects, refer to the <a href="../UsageInstructions/AlignArrangeObjects.htm" onclick="onhyperlinkclick(this)">Align and arrange objects on a slide</a> section.</p>
<p>To learn how to <b>align</b> a chart on the slide or <b>arrange</b> several objects, refer to the <a href="../UsageInstructions/AlignArrangeObjects.htm" onclick="onhyperlinkclick(this)">Align and arrange objects on a slide</a> section.</p>
</div>
</body>
</html>

View file

@ -0,0 +1,88 @@
<!DOCTYPE html>
<html>
<head>
<title>Insert equations</title>
<meta charset="utf-8" />
<meta name="description" content="Insert equations and mathematical symbols." />
<link type="text/css" rel="stylesheet" href="../editor.css" />
</head>
<body>
<div class="mainpart">
<h1>Insert equations</h1>
<p><b>Presentation Editor</b> allows you to build equations using the built-in templates, edit them, insert special characters (including mathematical operators, Greek letters, accents etc.).</p>
<h3>Add a new equation</h3>
<p>To insert an equation from the gallery,</p>
<ol>
<li>click the arrow next to the <b>Insert Equation</b> <img alt="Insert Equation icon" src="../images/insertequationicon.png" /> icon at the top toolbar,</li>
<li>in the opened drop-down list select the equation category you need. The following categories are currently available: <em>Symbols</em>, <em>Fractions</em>, <em>Scripts</em>, <em>Radicals</em>, <em>Integrals</em>, <em>Large Operators</em>, <em>Brackets</em>, <em>Functions</em>, <em>Accents</em>, <em>Limits and Logarithms</em>, <em>Operators</em>, <em>Matrices</em>,</li>
<li>click the certain symbol/equation in the corresponding set of templates.</li>
</ol>
<p>The selected symbol/equation box will be inserted in the center of the current slide.</p>
<img alt="Inserted Equation" src="../images/insertedequation.png" />
<p>If you do not see the equation box border, click anywhere within the equation - the border will be displayed as a dashed line. The equation box can be freely <b>moved, resized or rotated</b> on the slide. To do that click on the equation box border (it will be displayed as a solid line) and use <a href="ManipulateObjects.htm" onclick="onhyperlinkclick(this)">corresponding handles</a>.</p>
<img alt="Selected Equation" src="../images/selectedequation.png" />
<p>Each equation template represents a set of slots. Slot is a position for each element that makes up the equation. An empty slot (also called as a placeholder) has a dotted outline <img alt="Equation Placeholder" src="../images/equationplaceholder.png" />. You need to fill in all the placeholders specifying the necessary values.</p>
<h3>Enter values</h3>
<p>The <b>insertion point</b> specifies where the next character you enter will appear. To position the insertion point precisely, click within a placeholder and use the keyboard arrows to move the insertion point by one character left/right.</p>
<img alt="Edited Equation" src="../images/newslot.png" />
<p>Once the insertion point is positioned, you can fill in the placeholder:
<ul>
<li>enter the desired numeric/literal value using the keyboard,</li>
<li>insert a special character using the <b>Symbols</b> palette from the <b>Insert Equation</b> <img alt="Insert Equation icon" src="../images/insertequationicon.png" /> menu on the top toolbar,</li>
<li>add another equation template from the palette to create a complex nested equation. The size of the primary equation will be automatically adjusted to fit its content. The size of the nested equation elements depends on the primary equation placeholder size, but it cannot be smaller than the sub-subscript size.</li>
</ul>
</p>
<p><img alt="Edited Equation" src="../images/nestedfraction.png" /></p>
<p>To add some new equation elements you can also use the <b>right-click menu options</b>:</p>
<ul>
<li>To add a new argument that goes before or after the existing one within <em>Brackets</em>, you can right-click on the existing argument and select the <b>Insert argument before/after</b> option from the menu.</li>
<li>To add a new equation within <em>Cases</em> with several conditions from the <em>Brackets</em> group, you can right-click on an empty placeholder or entered equation within it and select the <b>Insert equation before/after</b> option from the menu.</li>
<li>To add a new row or a column in a <em>Matrix</em>, you can right-click on a placeholder within it, select the <b>Insert</b> option from the menu, then select <b>Row Above/Below</b> or <b>Column Left/Right</b>.</li>
</ul>
<p class="note"><b>Note</b>: currently, equations cannot be entered using the linear format, i.e. <b>\sqrt(4&x^3)</b>.</p>
<p>When entering the values of the mathematical expressions, you do not need to use <b>Spacebar</b> as the spaces between the characters and signs of operations are set automatically.</p>
<p>If the equation is too long and does not fit to a single line within the text box, automatic line breaking occurs as you type. You can also insert a line break in a specific position by right-clicking on a mathematical operator and selecting the <b>Insert manual break</b> option from the menu. The selected operator will start a new line. To delete the added manual line break, right-click on the mathematical operator that starts a new line and select the <b>Delete manual break</b> option.</p>
<h3>Format equations</h3>
<p>By default, the equation within the text box is horizontally centered and vertically aligned to the top of the text box. To change its horizontal/vertical alignment, put the cursor within the the equation box (the text box borders will be displayed as dashed lines) and use the <a href="../UsageInstructions/InsertText.htm#formattext" onclick="onhyperlinkclick(this)">corresponding icons</a> at the top toolbar.</p>
<p>To increase or decrease the equation <b>font size</b>, click anywhere within the equation box and select the necessary font size from the list on the top toolbar. All the equation elements will change correspondingly.</p>
<p>The letters within the equation are italicized by default. If necessary, you can change the <b>font style</b> (<em>bold, italic, strikeout</em>) or <b>color</b> for a whole equation or its part. The <em>underlined</em> style can be applied to the entire equation only, not to individual characters. Select the necessary part of the equation by clicking and dragging. The selected part will be highlighted blue. Then use the necessary buttons on the top toolbar to format the selection. For example, you can remove the italic format for ordinary words that are not variables or constants.</p>
<img alt="Edited Equation" src="../images/formatastext.png" />
<p>To modify some equation elements you can also use the <b>right-click menu options</b>:</p>
<ul><li>To change the <em>Fractions</em> format, you can right-click on a fraction and select the <b>Change to skewed/linear/stacked fraction</b> option from the menu (the available options differ depending on the selected fraction type). <!--The <b>Remove/Add fraction bar</b> option is also available for stacked fractions.--></li>
<li>To change the <em>Scripts</em> position relating to text, you can right-click on the equation that includes scripts and select the <b>Scripts before/after text</b> option from the menu.</li>
<li>To change the argument size for <em>Scripts, Radicals, Integrals, Large Operators, Limits and Logarithms, Operators</em> as well as for overbraces/underbraces and templates with grouping characters from the <em>Accents</em> group, you can right-click on the argument you want to change and select the <b>Increase/Decrease argument size</b> option from the menu.</li>
<li>To specify whether an empty degree placeholder should be displayed or not for a <em>Radical</em>, you can right-click on the radical and select the <b>Hide/Show degree</b> option from the menu.</li>
<li>To specify whether an empty limit placeholder should be displayed or not for an <em>Integral</em> or <em>Large Operator</em>, you can right-click on the equation and select the <b>Hide/Show top/bottom limit</b> option from the menu.</li>
<li>To change the limits position relating to the integral or operator sign for <em>Integrals</em> or <em>Large Operators</em>, you can right-click on the equation and select the <b>Change limits location</b> option from the menu. The limits can be displayed to the right of the operator sign (as subscripts and superscripts) or directly above and below the operator sign.</li>
<li>To change the limits position relating to text for <em>Limits and Logarithms</em> and templates with grouping characters from the <em>Accents</em> group, you can right-click on the equation and select the <b>Limit over/under text</b> option from the menu.</li>
<li>To choose which of the <em>Brackets</em> should be displayed, you can right-click on the expression within them and select the <b>Hide/Show opening/closing bracket</b> option from the menu.</li>
<li>To control the <em>Brackets</em> size, you can right-click on the expression within them. The <b>Stretch brackets</b> option is selected by default so that the brackets can grow according to the expression within them, but you can deselect this option to prevent brackets from stretching. When this option is activated, you can also use the <b>Match brackets to argument height</b> option.</li>
<li>To change the character position relating to text for overbraces/underbraces or overbars/underbars from the <em>Accents</em> group, you can right-click on the template and select the <b>Char/Bar over/under text</b> option from the menu.</li>
<li>To choose which borders should be displayed for a <em>Boxed formula</em> from the <em>Accents</em> group, you can right-click on the equation and select the <b>Border properties</b> option from the menu, then select <b>Hide/Show top/bottom/left/right border</b> or <b>Add/Hide horizontal/vertical/diagonal line</b>.</li>
<li>To specify whether empty placeholders should be displayed or not for a <em>Matrix</em>, you can right-click on it and select the <b>Hide/Show placeholder</b> option from the menu.</li>
</ul>
<p>To align some equation elements you can use the <b>right-click menu options</b>:</p>
<ul>
<li>To align equations within <em>Cases</em> with several conditions from the <em>Brackets</em> group, you can right-click on an equation, select the <b>Alignment</b> option from the menu, then select the alignment type: <b>Top</b>, <b>Center</b>, or <b>Bottom</b>.</li>
<li>To align a <em>Matrix</em> vertically, you can right-click on the matrix, select the <b>Matrix Alignment</b> option from the menu, then select the alignment type: <b>Top</b>, <b>Center</b>, or <b>Bottom</b>.</li>
<li>To align elements within a <em>Matrix</em> column horizontally, you can right-click on a placeholder within the column, select the <b>Column Alignment</b> option from the menu, then select the alignment type: <b>Left</b>, <b>Center</b>, or <b>Right</b>.</li>
</ul>
<h3>Delete equation elements</h3>
<p>To delete a part of the equation, select the part you want to delete by dragging the mouse or holding down the <b>Shift</b> key and using the arrow buttons, then press the <b>Delete</b> key on the keyboard.</p>
<p>A slot can only be deleted together with the template it belongs to.</p>
<p>To delete the entire equation, click on the equation box border (it will be displayed as a solid line) and and press the <b>Delete</b> key on the keyboard.</p>
<img alt="Delete Equation" src="../images/deleteequation.png" />
<p>To delete some equation elements you can also use the <b>right-click menu options</b>:</p>
<ul>
<li>To delete a <em>Radical</em>, you can right-click on it and select the <b>Delete radical</b> option from the menu.</li>
<li>To delete a <em>Subscript</em> and/or <em>Superscript</em>, you can right-click on the expression that contains them and select the <b>Remove subscript/superscript</b> option from the menu. If the expression contains scripts that go before text, the <b>Remove scripts</b> option is available.</li>
<li>To delete <em>Brackets</em>, you can right-click on the expression within them and select the <b>Delete enclosing characters</b> or <b>Delete enclosing characters and separators</b> option from the menu.</li>
<li>If the expression within <em>Brackets</em> inclides more than one argument, you can right-click on the argument you want to delete and select the <b>Delete argument</b> option from the menu.</li>
<li>If <em>Brackets</em> enclose more than one equation (i.e. <em>Cases</em> with several conditions), you can right-click on the equation you want to delete and select the <b>Delete equation</b> option from the menu.</li>
<li>To delete a <em>Limit</em>, you can right-click on it and select the <b>Remove limit</b> option from the menu.</li>
<li>To delete an <em>Accent</em>, you can right-click on it and select the <b>Remove accent character</b>, <b>Delete char</b> or <b>Remove bar</b> option from the menu (the available options differ depending on the selected accent).</li>
<li>To delete a row or a column of a <em>Matrix</em>, you can right-click on the placeholder within the row/column you need to delete, select the <b>Delete</b> option from the menu, then select <b>Delete Row/Column</b>.</li>
</ul>
</div>
</body>
</html>

View file

@ -10,6 +10,7 @@
<body>
<div class="mainpart">
<h1>Insert and adjust images</h1>
<h3>Insert an image</h3>
<p>In Presentation Editor, you can insert images in the most popular formats into your presentation. The following image formats are supported: <b>BMP</b>, <b>GIF</b>, <b>JPEG</b>, <b>JPG</b>, <b>PNG</b>.</p>
<p>To <b>add</b> an image on a slide,</p>
<ol>
@ -24,6 +25,7 @@
<li>once the image is added you can <a href="../UsageInstructions/ManipulateObjects.htm" onclick="onhyperlinkclick(this)">change its size and position</a>.</li>
</ol>
<hr />
<h3>Adjust image settings</h3>
<img class="floatleft"alt="Image Settings tab" src="../images/imagesettingstab.png" />
<p>The right sidebar is activated when you left-click an image and choose the <b>Image Settings</b> <img alt="Image Settings icon" src="../images/image_settings_icon.png" /> icon on the right. It contains the following sections:</p>
<p><b>Size</b> - is used to view the current image <b>Width</b> and <b>Height</b> or restore the image <b>Default Size</b> if necessary.</p>

View file

@ -10,6 +10,7 @@
<body>
<div class="mainpart">
<h1>Insert and format tables</h1>
<h3>Insert a table</h3>
<p>To insert a table onto a slide,</p>
<ol>
<li>select the slide where a table will be added,</li>
@ -26,6 +27,7 @@
</ol>
<p>You can specify the <a href="../UsageInstructions/ManipulateObjects.htm" onclick="onhyperlinkclick(this)">table position</a> on the slide dragging it vertically or horizontally.</p>
<hr />
<h3>Adjust table settings</h3>
<img class="floatleft"alt="Table settings tab" src="../images/tablesettingstab.png" />
<p>Most of the table properties as well as its structure can be altered using the right sidebar. To activate it click the table and choose the <b>Table Settings</b> <img alt="Table Settings icon" src="../images/table_settings_icon.png" /> icon on the right.</p>
<p>The <b>Rows</b> and <b>Columns</b> sections on the top allow you to emphasize certain rows/columns applying a specific formatting to them, or highlight different rows/columns with the different background colors to clearly distinguish them. The following options are available:</p>

View file

@ -42,8 +42,8 @@
<li>to edit the text box <a href="../UsageInstructions/FillObjectsSelectColor.htm" onclick="onhyperlinkclick(this)">fill</a>, <a href="../UsageInstructions/InsertAutoshapes.htm#shapestroke" onclick="onhyperlinkclick(this)">stroke</a>, <b>replace</b> the rectangular box with a different shape, or access the <a href="InsertAutoshapes.htm" onclick="onhyperlinkclick(this)">shape advanced settings</a>, click the <b>Shape Settings</b> <img alt="Shape Settings icon" src="../images/shape_settings_icon.png" /> icon on the right sidebar and use the corresponding options.</li>
<li>to <a href="../UsageInstructions/AlignArrangeObjects.htm" onclick="onhyperlinkclick(this)">align a text box on the slide or arrange</a> text boxes as related to other objects, right-click on the text box border and use the contextual menu options.</li>
</ul>
<h3>Format the text within the text box</h3>
<p>Click the text within the text box to be able to change its properties. When the text is selected, the tex box borders are displayed as dashed lines.</p>
<h3 id="formattext">Format the text within the text box</h3>
<p>Click the text within the text box to be able to change its properties. When the text is selected, the text box borders are displayed as dashed lines.</p>
<p><img alt="Text selected" src="../images/textbox_textselected.png" /></p>
<p class="note"><b>Note</b>: it's also possible to change text formatting when the text box (not the text itself) is selected. In such a case, any changes will be applied to all the text within the text box. Some font formatting options (font type, size, color and decoration styles) can be applied to a previously selected portion of the text separately.</p>
<p><b>Align your text within the text box</b></p>
@ -76,7 +76,7 @@
<p><b>Change the text direction</b></p>
<p>To <b>Rotate</b> the text within the text box, right-click the text, select the <b>Text Direction</b> option and then choose one of the available options: <b>Horizontal</b> (is selected by default), <b>Rotate at 90°</b> (sets a vertical direction, from top to bottom) or <b>Rotate at 270°</b> (sets a vertical direction, from bottom to top).</p>
<hr />
<p><b>Adjust font type, size, color and apply decoration styles</b></p>
<p id="formatfont"><b>Adjust font type, size, color and apply decoration styles</b></p>
<p>You can select the font type, its size and color as well as apply various font decoration styles using the corresponding icons situated at the top toolbar.</p>
<p class="note"><b>Note</b>: in case you want to apply the formatting to the text already present in the presentation, select it with the mouse or <a href="../HelpfulHints/KeyboardShortcuts.htm#textselection" onclick="onhyperlinkclick(this)">using the keyboard</a> and apply the formatting.</p>
<table>

View file

@ -1,28 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>Set paragraph line spacing</title>
<meta charset="utf-8" />
<meta name="description" content="Set paragraph line spacing in your document" />
<link type="text/css" rel="stylesheet" href="../editor.css" />
</head>
<body>
<div class="mainpart">
<h1>Set paragraph line spacing</h1>
<p>In TeamLab Document Editor, you can set the line height for the text lines within the paragraph as well as the margins between the current and the preceding or the subsequent paragraph.</p>
<p>To do that,</p>
<ol>
<li>put the cursor within the paragraph you need, or select several paragraphs with the mouse or all the text in the document by pressing the <b>Ctrl+A</b> key combination,</li>
<li>use the corresponding fields at the right sidebar to achieve the desired results:
<ul>
<li><b>Line Spacing</b> - set the line height for the text lines within the paragraph. You can select among three options: <b>at least</b> (sets the minimum line spacing that is needed to fit the largest font or graphic on the line), <b>multiple</b> (sets line spacing that can be expressed in numbers greater than 1), <b>exactly</b> (sets fixed line spacing). In the <b>At</b> field you can specify the necessary value.</li>
<li><b>Before</b> - set the amount of space before the paragraph.</li>
<li><b>After</b> - set the amount of space after the paragraph.</li>
<li><b>Don't add interval between paragraphs of the same style</b> - check this box in case you don't need any space between paragraphs of the same style.</li>
</ul>
</li>
</ol>
<p>To quickly change the current paragraph line spacing, you can also use the <b>Paragraph Line Spacing</b> <img alt="Paragraph Line Spacing" src="../images/linespacing.png" /> icon at the top toolbar selecting the needed value from the list: 1.0, 1.15, 1.5, 2.0, 2.5, or 3.0 lines.</p>
</div>
</body>
</html>

View file

@ -10,20 +10,20 @@
<div class="mainpart">
<h1>Manipulate objects on a slide</h1>
<p>You can resize, move, rotate different objects on a slide manually using the special handles. You can also specify the dimensions and position of some objects exactly using the right sidebar or <b>Advanced Settings</b> window.</p>
<p><b>Resize objects</b></p>
<h3>Resize objects</h3>
<p>To change the <b>autoshape/image/chart/text box</b> size, drag small squares <img alt="Square icon" src="../images/resize_square.png" /> situated on the object edges. To maintain the original proportions of the selected object while resizing, hold down the <b>Shift</b> key and drag one of the corner icons.</p>
<p><img alt="Maintaining proportions" src="../images/maintain_proportions.png" /></p>
<p>To specify the precise width and height of a <b>chart</b>, select it on a slide and use the <b>Size</b> section of the right sidebar that will be activated.</p>
<p>To specify the precise dimensions of an <b>image</b> or <b>autoshape</b>, right-click the necessary object on the slide and select the <b>Image/Shape Advanced Settings</b> option from the menu. Specify necessary values on the <b>Size</b> tab of the <b>Advanced Settings</b> window and press <b>OK</b>.</p>
<p><b>Reshape autoshapes</b></p>
<h3>Reshape autoshapes</h3>
<p>When modifying some shapes, for example Figured arrows or Callouts, the yellow diamond-shaped <img alt="Yellow diamond icon" src="../images/yellowdiamond.png" /> icon is also available. It allows to adjust some aspects of the shape, for example, the length of the head of an arrow.</p>
<p><img alt="Reshaping autoshape" src="../images/reshaping.png" /></p>
<p><b>Move objects</b></p>
<h3>Move objects</h3>
<p>To alter the <b>autoshape/image/chart/table/text box</b> position, use the <img alt="Arrow" src="../images/arrow.png" /> icon that appears after hovering your mouse cursor over the object. Drag the object to the necessary position without releasing the mouse button.
To move the object by the one-pixel increments, hold down the <b>Ctrl</b> key and use the keybord arrows.
To move the object strictly horizontally/vertically and prevent it from moving in a perpendicular direction, hold down the <b>Shift</b> key when dragging.</p>
<p>To specify the precise position of an <b>image</b>, right-click it on a slide and select the <b>Image Advanced Settings</b> option from the menu. Specify necessary values in the <b>Position</b> section of the <b>Advanced Settings</b> window and press <b>OK</b>.</p>
<p><b>Rotate objects</b></p>
<h3>Rotate objects</h3>
<p>To rotate an <b>autoshape/image/text box</b>, hover the mouse cursor over the rotation handle <img alt="Rotation handle" src="../images/greencircle.png" /> and drag it clockwise or counterclockwise. To constrain the rotation angle to 15 degree increments, hold down the <b>Shift</b> key while rotating.</p>
</div>
</body>

View file

@ -1,19 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>Set page parameters</title>
<meta charset="utf-8" />
<meta name="description" content="Set page parameters: page orientation and size" />
<link type="text/css" rel="stylesheet" href="../editor.css" />
</head>
<body>
<div class="mainpart">
<h1>Set page parameters</h1>
<p>To set page orientation and size, use the corresponding icons at the top toolbar:</p>
<ul>
<li><b>Page Orientation</b> - change the current orientation type clicking the <b>Page Orientation</b> <img alt="Page Orientation icon" src="../images/orientation.png" /> icon. The default orientation type is <b>Portrait</b> that can be switched to <b>Album</b>.</li>
<li><b>Page Size</b> - change the default A4 format clicking the <b>Page Size</b> <img alt="Page Size icon" src="../images/pagesize.png" /> icon and selecting the needed one from the list. The available preset sizes are: US Letter (21,59cm x 27,94cm), US Legal (21,59cm x 35,56cm), A4 (21cm x 29,7cm), A5 (14,81cm x 20,99cm), B5 (17,6cm x 25,01cm), Envelope #10 (10,48cm x 24,13cm), Envelope DL (11,01cm x 22,01cm), Tabloid (27,94cm x 43,17cm), AЗ (29,7cm x 42,01cm), Tabloid Oversize (30,48cm x 45,71cm), ROC 16K (19,68cm x 27,3cm), Envelope Choukei 3 (11,99cm x 23,49cm), Super B/A3 (33,02cm x 48,25cm).</li>
</ul>
</div>
</body>
</html>

View file

@ -1,17 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>View document information</title>
<meta charset="utf-8" />
<meta name="description" content="View document title, author, location, creation date, persons with the rights to view or edit the document, and statistics" />
<link type="text/css" rel="stylesheet" href="../editor.css" />
</head>
<body>
<div class="mainpart">
<h1>View document information</h1>
<p>To access the detailed information about the currently edited document, click the <b>File</b> <img alt="File icon" src="../images/file.png" /> icon at the left sidebar and select the <b>Document Info</b> option.</p>
<p>The document information includes document title, author, location, creation date, persons with the rights to view or edit the document, and statistics: the number of pages, paragraphs, words, symbols, symbols with spaces.</p>
<p>To close the <b>File</b> pane and return to document editing, select the <b>Return to Document</b> option.</p>
</div>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 36 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 34 KiB

After

Width:  |  Height:  |  Size: 39 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.2 KiB

After

Width:  |  Height:  |  Size: 8.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 198 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 533 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 305 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.3 KiB

After

Width:  |  Height:  |  Size: 9.8 KiB

View file

@ -10,7 +10,8 @@
{"src": "UsageInstructions/InsertText.htm", "name": "Вставка и форматирование текста"},
{"src": "UsageInstructions/AddHyperlinks.htm", "name": "Добавление гиперссылок"},
{"src": "UsageInstructions/CreateLists.htm", "name": "Создание списков"},
{"src": "UsageInstructions/InsertTables.htm", "name": "Вставка и форматирование таблиц"},
{ "src": "UsageInstructions/InsertTables.htm", "name": "Вставка и форматирование таблиц" },
{"src": "UsageInstructions/InsertEquation.htm", "name": "Вставка формул"},
{"src": "UsageInstructions/FillObjectsSelectColor.htm", "name": "Заливка объектов и выбор цветов"},
{"src": "UsageInstructions/AlignArrangeObjects.htm", "name": "Выравнивание и упорядочивание объектов на слайде"},
{"src": "UsageInstructions/CopyPasteUndoRedo.htm", "name": "Копирование / вставка данных, отмена / повтор действий"},

View file

@ -14,15 +14,15 @@
<ul>
<li><b>Альтернативный ввод</b> - используется для включения/отключения иероглифов.</li>
<li><b>Направляющие выравнивания</b> - используется для включения/отключения направляющих выравнивания, которые появляются при перемещении объектов и позволяют точно расположить их на слайде.</li>
<li><b>Автосохранение</b> - используется для включения/отключения опции автоматического сохранения изменений, внесенных при редактировании.</li>
<li>
<li class="onlineDocumentFeatures"><b>Автосохранение</b> - используется для включения/отключения опции автоматического сохранения изменений, внесенных при редактировании.</li>
<li class="onlineDocumentFeatures">
<b>Режим совместного редактирования</b> - используется для выбора способа отображения изменений, вносимых в ходе совместного редактирования:
<ul>
<li>По умолчанию выбран <b>Быстрый</b> режим, при котором пользователи, участвующие в совместном редактировании документа, будут видеть изменения в реальном времени, как только они внесены другими пользователями.</li>
<li>Если вы не хотите видеть изменения, вносимые другими пользователями, (чтобы они не мешали вам или по какой-то другой причине), выберите <b>Строгий</b> режим, и все изменения будут отображаться только после того, как вы нажмете на значок <b>Сохранить</b> <img alt="Значок Сохранить" src="../images/saveupdate.png" /> с оповещением о наличии изменений от других пользователей.</li>
</ul>
</li>
<li><b>Стандартное значение масштаба</b> - используется для установки стандартного значения масштаба путем его выбора из списка доступных вариантов от 50% до 200%.</li>
<li><b>Стандартное значение масштаба</b> - используется для установки стандартного значения масштаба путем его выбора из списка доступных вариантов от 50% до 200%. Можно также выбрать опцию <b>По размеру слайда</b> или <b>По ширине</b>.</li>
<li><b>Единица измерения</b> - используется для определения единиц, которые должны использоваться на линейках и в окнах свойств для измерения параметров элементов, таких как ширина, высота, интервалы, поля и т.д. Можно выбрать опцию <b>Сантиметр</b>, <b>Пункт</b> или <b>Дюйм</b>.</li>
</ul>
<p>Чтобы сохранить внесенные изменения, нажмите кнопку <b>Применить</b>.</p>

View file

@ -1,23 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>Использование Чата</title>
<meta charset="utf-8" />
<meta name="description" content="Советы по использованию Чата" />
<link type="text/css" rel="stylesheet" href="../editor.css" />
</head>
<body>
<div class="mainpart">
<h1>Использование Чата</h1>
<p><b>TeamLab Presentation Editor</b> предоставляет Вам возможность общения в чате для обмена идеями по поводу отдельных частей презентации.</p>
<p>Чтобы войти в чат и оставить сообщение для других пользователей:</p>
<ol>
<li>нажмите на значок <img alt="Значок Чат" src="../images/chaticon.png" /> на левой боковой панели,</li>
<li>введите текст в соответствующем поле ниже,</li>
<li>нажмите кнопку <b>Отправить</b>.</li>
</ol>
<p>Все сообщения, оставленные пользователями, будут отображаться на панели слева. Если есть новые сообщения, которые Вы еще не прочитали, значок чата будет выглядеть так - <img alt="Значок Чат" src="../images/chaticon_new.png" />.</p>
<p>Чтобы закрыть панель с сообщениями чата, нажмите на значок <img alt="Значок Чат" src="../images/chaticon.png" /> еще раз.</p>
</div>
</body>
</html>

View file

@ -10,6 +10,7 @@
<body>
<div class="mainpart">
<h1>Вставка и форматирование автофигур</h1>
<h3>Вставка автофигуры</h3>
<p>Для <b>добавления</b> автофигуры на слайд:</p>
<ol>
<li>в списке слайдов слева выберите тот слайд, на который требуется добавить автофигуру,</li>
@ -24,6 +25,7 @@
</li>
</ol>
<hr />
<h3>Изменение параметров автофигуры</h3>
<p>Некоторые параметры автофигуры можно изменить с помощью вкладки <b>Параметры фигуры</b> на правой боковой панели. Чтобы ее активировать, щелкните по автофигуре и выберите значок <b>Параметры фигуры</b> <img alt="Значок Параметры фигуры" src="../images/shape_settings_icon.png" /> справа. Здесь можно изменить следующие свойства:</p>
<p><img class="floatleft"alt="Вкладка Параметры фигуры" src="../images/shapesettingstab.png" /></p>
<ul style="margin-left: 280px;">
@ -37,10 +39,11 @@
</ul>
<p>Чтобы получить более подробную информацию об этих опциях, обратитесь к разделу <a href="../UsageInstructions/FillObjectsSelectColor.htm" onclick="onhyperlinkclick(this)">Заливка объектов и выбор цветов</a>.</p>
</li>
<li id="shapestroke"><b>Обводка</b> - используйте этот раздел, чтобы изменить толщину и цвет обводки.
<li id="shapestroke"><b>Обводка</b> - используйте этот раздел, чтобы изменить толщину, цвет или тип обводки.
<ul>
<li>Для изменения <b>толщины</b> обводки выберите из выпадающего списка <b>Толщина</b> одну из доступных опций. Доступны следующие опции: 0.5 пт, 1 пт, 1.5 пт, 2.25 пт, 3 пт, 4.5 пт, 6 пт. Или выберите опцию <b>Без линии</b>, если вы вообще не хотите использовать обводку.</li>
<li>Для изменения <b>цвета</b> обводки щелкните по цветному прямоугольнику и <a href="../UsageInstructions/FillObjectsSelectColor.htm" onclick="onhyperlinkclick(this)">выберите нужный цвет</a>. Можно использовать цвет выбранной <b>темы</b>, <b>стандартный цвет</b> или выбрать <b>пользовательский цвет</b>.</li>
<li>Для изменения <b>типа</b> обводки выберите нужную опцию из соответствующего выпадающего списка (по умолчанию применяется сплошная линия, ее можно изменить на одну из доступных пунктирных линий).</li>
</ul>
</li>
</ul>

View file

@ -10,11 +10,14 @@
<body>
<div class="mainpart">
<h1>Вставка и редактирование диаграмм</h1>
<h3>Вставка диаграммы</h3>
<p><b>Для вставки диаграммы</b> в презентацию,</p>
<ol>
<li>установите курсор там, где требуется поместить диаграмму,</li>
<li>щелкните по значку <b>Вставить диаграмму</b> <img alt="Значок Вставить диаграмму" src="../images/insertchart.png" /> на верхней панели инструментов,</li>
<li>выберите из доступных типов диаграммы тот, который вам нужен - гистограмма, график, круговая, линейчатая, с областями, точечная, биржевая - и выберите ее стиль,</li>
<li>выберите из доступных типов диаграммы тот, который вам нужен - гистограмма, график, круговая, линейчатая, с областями, точечная, биржевая,
<p class="note"><b>Обратите внимание</b>: для <b>Гистограмм</b>, <b>Графиков</b>, <b>Круговых</b> или <b>Линейчатых</b> диаграмм также доступен формат 3D.</p>
</li>
<li>после этого появится окно <b>Редактор диаграмм</b>, в котором можно ввести в ячейки необходимые данные при помощи следующих элементов управления:
<ul>
<li><img alt="Копировать" src="../images/copy.png" /> и <img alt="Вставить" src="../images/paste.png" /> для копирования и вставки скопированных данных</li>
@ -27,9 +30,9 @@
</li>
<li>измените параметры диаграммы, нажав на кнопку <b>Изменить диаграмму</b> в окне <b>Редактор диаграмм</b>. Откроется окно <b>Диаграмма - Дополнительные параметры</b>.
<p><img alt="Окно Параметры диаграммы" src="../images/chartsettings.png" /></p>
<p>На вкладке <b>Тип и данные</b> можно выбрать тип диаграммы, ее стиль, а также данные, которые вы хотите использовать для создания диаграммы.</p>
<p>На вкладке <b>Тип и данные</b> можно выбрать тип диаграммы, а также данные, которые вы хотите использовать для создания диаграммы.</p>
<ul>
<li>Выберите <b>Тип</b> диаграммы, которую требуется вставить: график, гистограмма, линейчатая, с областями, круговая, точечная, биржевая - и ее <b>стиль</b>.</li>
<li>Выберите <b>Тип</b> диаграммы, которую требуется вставить: гистограмма, график, круговая, линейчатая, с областями, точечная, биржевая.</li>
<li>Проверьте выбранный <b>Диапазон данных</b> и при необходимости измените его, нажав на кнопку <b>Выбор данных</b> и указав желаемый диапазон данных в следующем формате: <em>Sheet1!A1:B4</em>.</li>
<li>Измените способ расположения данных. Можно выбрать ряды данных для использования по оси X: <b>в строках</b> или <b>в столбцах</b>.</li>
</ul>
@ -58,7 +61,15 @@
<li>
Определите параметры <b>Подписей данных</b> (то есть текстовых подписей, показывающих точные значения элементов данных):<br />
<ul>
<li>укажите местоположение <b>Подписей данных</b> относительно элементов данных, выбрав нужную опцию из выпадающего списка: <b>По центру</b>, <b>Внутри снизу</b>, <b>Внутри сверху</b>, <b>Снаружи вверху</b>,</li>
<li>
укажите местоположение <b>Подписей данных</b> относительно элементов данных, выбрав нужную опцию из выпадающего списка. Доступные варианты зависят от выбранного типа диаграммы.
<ul>
<li>Для <b>Гистограмм</b> и <b>Линейчатых</b> диаграмм можно выбрать следующие варианты: <b>Нет</b>, <b>По центру</b>, <b>Внутри снизу</b>, <b>Внутри сверху</b>, <b>Снаружи сверху</b>.</li>
<li>Для <b>Графиков</b> и <b>Точечных</b> или <b>Биржевых</b> диаграмм можно выбрать следующие варианты: <b>Нет</b>, <b>По центру</b>, <b>Слева</b>, <b>Справа</b>, <b>Сверху</b>, <b>Снизу</b>.</li>
<li>Для <b>Круговых</b> диаграмм можно выбрать следующие варианты: <b>Нет</b>, <b>По центру</b>, <b>По ширине</b>, <b>Внутри сверху</b>, <b>Снаружи сверху</b>.</li>
<li>Для диаграмм <b>С областями</b>, а также для <b>Гистограмм</b>, <b>Графиков</b> и <b>Линейчатых</b> диаграмм в <b>формате 3D</b> можно выбрать следующие варианты: <b>Нет</b>, <b>По центру</b>.</li>
</ul>
</li>
<li>выберите данные, которые вы хотите включить в ваши подписи, поставив соответствующие флажки: <b>Имя ряда</b>, <b>Название категории</b>, <b>Значение</b>,</li>
<li>введите символ (запятая, точка с запятой и т.д.), который вы хотите использовать для разделения нескольких подписей, в поле <b>Разделитель подписей данных</b>.</li>
</ul>
@ -204,10 +215,19 @@
</ol>
<hr />
<h3>Редактирование элементов диаграммы</h3>
<p>Чтобы изменить <b>Заголовок</b> диаграммы, выделите мышью стандартный текст и введите вместо него свой собственный.</p>
<p>Чтобы изменить форматирование шрифта внутри текстовых элементов, таких как заголовок диаграммы, названия осей, элементы условных обозначений, подписи данных и так далее, выделите нужный текстовый элемент, щелкнув по нему левой кнопкой мыши. Затем используйте значки на верхней панели инструментов, чтобы изменить <a href="../UsageInstructions/InsertText.htm#formatfont" onclick="onhyperlinkclick(this)">тип, стиль, размер или цвет</a> шрифта.</p>
<p>Чтобы удалить элемент диаграммы, выделите его, щелкнув левой кнопкой мыши, и нажмите клавишу <b>Delete</b> на клавиатуре.</p>
<p>Можно также поворачивать 3D-диаграммы с помощью мыши. Щелкните левой кнопкой мыши внутри области построения диаграммы и удерживайте кнопку мыши до появления голубой пунктирной рамки. Не отпуская кнопку мыши, перетащите курсор, чтобы изменить ориентацию 3D-диаграммы.</p>
<p><img alt="3D-диаграмма" src="../images/3dchart.png" /></p>
<hr />
<h3>Изменение параметров диаграммы</h3>
<img class="floatleft"alt="Вкладка Параметры диаграммы" src="../images/charttab.png" />
<p>Размер, тип и стиль диаграммы, а также данные, используемые для построения диаграммы, можно изменить с помощью правой боковой панели. Чтобы ее активировать, щелкните по диаграмме и выберите значок <b>Параметры диаграммы</b> <img alt="Значок Параметры диаграммы" src="../images/chart_settings_icon.png" /> справа.</p>
<p>Раздел <b>Размер</b> позволяет изменить ширину и/или высоту диаграммы. Если нажата кнопка <b>Сохранять пропорции</b> <img alt="Значок Сохранять пропорции" src="../images/constantproportions.png" /> (в этом случае она выглядит так: <img alt="Кнопка Сохранять пропорции нажата" src="../images/constantproportionsactivated.png" />), ширина и высота будут изменены пропорционально, сохраняя исходное соотношение сторон диаграммы.</p>
<p>Раздел <b>Изменить тип диаграммы</b> позволяет изменить выбранный тип и/или стиль диаграммы с помощью соответствующего выпадающего меню.</p>
<p>Для выбора нужного <b>Стиля</b> диаграммы используйте второе выпадающее меню в разделе <b>Изменить тип диаграммы</b>.</p>
<p>Кнопка <b>Изменить данные</b> позволяет вызвать окно <b>Редактор диаграмм</b> и начать редактирование данных, как описано выше.</p>
<p class="note"><b>Примечание</b>: чтобы быстро вызвать окно <b>Редактор диаграмм</b>, можно также дважды щелкнуть мышью по диаграмме на слайде.</p>
<p>

View file

@ -0,0 +1,90 @@
<!DOCTYPE html>
<html>
<head>
<title>Вставка формул</title>
<meta charset="utf-8" />
<meta name="description" content="Вставляйте формулы и математические символы." />
<link type="text/css" rel="stylesheet" href="../editor.css" />
</head>
<body>
<div class="mainpart">
<h1>Вставка формул</h1>
<p>В <b>редакторе презентаций</b> вы можете создавать формулы, используя встроенные шаблоны, редактировать их, вставлять специальные символы (в том числе математические знаки, греческие буквы, диакритические знаки и т.д.).</p>
<h3>Добавление новой формулы</h3>
<p>Чтобы вставить формулу из коллекции,</p>
<ol>
<li>нажмите на стрелку рядом со значком <b>Вставить формулу</b> <img alt="Значок Вставить формулу" src="../images/insertequationicon.png" /> на верхней панели инструментов,</li>
<li>в открывшемся выпадающем списке выберите нужную категорию формул. В настоящее время доступны следующие категории: <em>Символы</em>, <em>Дроби</em>, <em>Индексы</em>, <em>Радикалы</em>, <em>Интегралы</em>, <em>Крупные операторы</em>, <em>Скобки</em>, <em>Функции</em>, <em>Диакритические знаки</em>, <em>Пределы и логарифмы</em>, <em>Операторы</em>, <em>Матрицы</em>,</li>
<li>щелкните по определенному символу/формуле в соответствующем наборе шаблонов.</li>
</ol>
<p>Выбранный символ или формула будут вставлены в центре текущего слайда.</p>
<img alt="Вставленная формула" src="../images/insertedequation.png" />
<p>Если вы не видите границу рамки формулы, щелкните внутри формулы - граница будет отображена в виде пунктирной линии. Рамку формулы можно свободно <b>перемещать, изменять ее размер или поворачивать</b> на слайде. Для этого щелкните по границе рамки формулы (она будет отображена как сплошная линия) и используйте <a href="ManipulateObjects.htm" onclick="onhyperlinkclick(this)">соответствующие маркеры</a>.</p>
<img alt="Выделенная формула" src="../images/selectedequation.png" />
<p>Каждый шаблон формулы представляет собой совокупность слотов. Слот - это позиция для каждого элемента, образующего формулу. Пустой слот, также называемый полем для заполнения, имеет пунктирный контур <img alt="Местозаполнитель формулы" src="../images/equationplaceholder.png" />. Необходимо заполнить все поля, указав нужные значения.</p>
<h3>Ввод значений</h3>
<p><b>Курсор</b> определяет, где появится следующий символ, который вы введете. Чтобы точно установить курсор, щелкните внутри поля для заполнения и используйте клавиши со стрелками на клавиатуре для перемещения курсора на один символ влево/вправо.</p>
<img alt="Редактируемая формула" src="../images/newslot.png" />
<p>
Когда курсор будет установлен в нужную позицию, можно заполнить поле:
<ul>
<li>введите требуемое цифровое или буквенное значение с помощью клавиатуры,</li>
<li>вставьте специальный символ, используя палитру <b>Символы</b> из меню <b>Вставить формулу</b> <img alt="Значок Вставить формулу" src="../images/insertequationicon.png" /> на верхней панели инструментов,</li>
<li>добавьте шаблон другой формулы с палитры, чтобы создать сложную вложенную формулу. Размер начальной формулы будет автоматически изменен в соответствии с содержимым. Размер элементов вложенной формулы зависит от размера поля начальной формулы, но не может быть меньше, чем размер мелкого индекса.</li>
</ul>
</p>
<p><img alt="Редактируемая формула" src="../images/nestedfraction.png" /></p>
<p>Для добавления некоторых новых элементов формул можно также использовать <b>пункты контекстного меню</b>:</p>
<ul>
<li>Чтобы добавить новый аргумент, идущий до или после имеющегося аргумента в <em>Скобках</em>, можно щелкнуть правой кнопкой мыши по существующему аргументу и выбрать из контекстного меню пункт <b>Вставить аргумент перед/после</b>.</li>
<li>Чтобы добавить новую формулу в <em>Наборах условий</em> из группы <em>Скобки</em>, можно щелкнуть правой кнопкой мыши по пустому полю для заполнения или по введенной в него формуле и выбрать из контекстного меню пункт <b>Вставить формулу перед/после</b>.</li>
<li>Чтобы добавить новую строку или новый столбец в <em>Матрице</em>, можно щелкнуть правой кнопкой мыши по полю для заполнения внутри нее, выбрать из контекстного меню пункт <b>Добавить</b>, а затем - опцию <b>Строку выше/ниже</b> или <b>Столбец слева/справа</b>.</li>
</ul>
<p class="note"><b>Примечание</b>: в настоящее время не поддерживается ввод формул в линейном формате, то есть в виде <b>\sqrt(4&x^3)</b>.</p>
<p>При вводе значений математических выражений не требуется использовать клавишу <b>Пробел</b>, так как пробелы между символами и знаками действий устанавливаются автоматически.</p>
<p>Если формула слишком длинная и не помещается на одной строке внутри рамки формулы, перенос на другую строку в процессе ввода осуществляется автоматически. Можно также вставить перенос строки в строго определенном месте, щелкнув правой кнопкой мыши по математическому оператору и выбрав из контекстного меню пункт <b>Вставить принудительный разрыв</b>. Выбранный оператор будет перенесен на новую строку. Чтобы удалить добавленный принудительный разрыв строки, щелкните правой кнопкой мыши по математическому оператору в начале новой строки и выберите пункт меню <b>Удалить принудительный разрыв</b>.</p>
<h3>Форматирование формул</h3>
<p>По умолчанию формула внутри рамки горизонтально выровнена по центру, а вертикально выровнена по верхнему краю рамки формулы. Чтобы изменить горизонтальное или вертикальное выравнивание, установите курсор внутри рамки формулы (контуры рамки будут отображены как пунктирные линии) и используйте <a href="../UsageInstructions/InsertText.htm#formattext" onclick="onhyperlinkclick(this)">соответствующие значки</a> на верхней панели инструментов.</p>
<p>Чтобы увеличить или уменьшить <b>размер шрифта</b> в формуле, щелкните мышью внутри рамки формулы и выберите нужный размер шрифта из списка на верхней панели инструментов. Все элементы формулы изменятся соответственно.</p>
<p>По умолчанию буквы в формуле форматируются курсивом. В случае необходимости можно изменить <b>стиль шрифта</b> (<em>выделение жирным, курсив, зачеркивание</em>) или <b>цвет</b> для всей формулы или ее части. <em>Подчеркивание</em> можно применить только ко всей формуле, а не к отдельным символам. Выделите нужную часть формулы путем перетаскивания. Выделенная часть будет подсвечена голубым цветом. Затем используйте нужные кнопки на верхней панели инструментов, чтобы отформатировать выделенный фрагмент. Например, можно убрать форматирование курсивом для обычных слов, которые не являются переменными или константами.</p>
<img alt="Редактируемая формула" src="../images/formatastext.png" />
<p>Для изменения некоторых элементов формул можно также использовать <b>пункты контекстного меню</b>:</p>
<ul>
<li>Чтобы изменить формат <em>Дробей</em>, можно щелкнуть правой кнопкой мыши по дроби и выбрать из контекстного меню пункт <b>Изменить на диагональную/горизонтальную/вертикальную простую дробь</b> (доступные опции отличаются в зависимости от типа выбранной дроби). <!--Для вертикальных простых дробей также доступна опция <b>Удалить/Добавить дробную черту</b>.--></li>
<li>Чтобы изменить положение <em>Индексов</em> относительно текста, можно щелкнуть правой кнопкой мыши по формуле, содержащей индексы, и выбрать из контекстного меню пункт <b>Индексы перед текстом/после текста</b>.</li>
<li>Чтобы изменить размер аргумента для формул из групп <em>Индексы, Радикалы, Интегралы, Крупные операторы, Пределы и логарифмы, Операторы</em>, а также для горизонтальных фигурных скобок и шаблонов с группирующим знаком из группы <em>Диакритические знаки</em>, можно щелкнуть правой кнопкой мыши по аргументу, который требуется изменить, и выбрать из контекстного меню пункт <b>Увеличить/Уменьшить размер аргумента</b>.</li>
<li>Чтобы указать, надо ли отображать пустое поле для ввода степени в формуле из группы <em>Радикалы</em>, можно щелкнуть правой кнопкой мыши по радикалу и выбрать из контекстного меню пункт <b>Скрыть/Показать степень</b>.</li>
<li>Чтобы указать, надо ли отображать пустое поле для ввода предела в формуле из группы <em>Интегралы</em> или <em>Крупные операторы</em>, можно щелкнуть правой кнопкой мыши по формуле и выбрать из контекстного меню пункт <b>Скрыть/Показать верхний/нижний предел</b>.</li>
<li>Чтобы изменить положение пределов относительно знака интеграла или оператора в формулах из группы <em>Интегралы</em> или <em>Крупные операторы</em>, можно щелкнуть правой кнопкой мыши по формуле и выбрать из контекстного меню пункт <b>Изменить положение пределов</b>. Пределы могут отображаться справа от знака оператора (как верхние и нижние индексы) или непосредственно над и под знаком оператора.</li>
<li>Чтобы изменить положение пределов относительно текста в формулах из группы <em>Пределы и логарифмы</em> и в шаблонах с группирующим знаком из группы <em>Диакритические знаки</em>, можно щелкнуть правой кнопкой мыши по формуле и выбрать из контекстного меню пункт <b>Предел над текстом/под текстом</b>.</li>
<li>Чтобы выбрать, какие из <em>Скобок</em> надо отображать, можно щелкнуть правой кнопкой мыши по выражению в скобках и выбрать из контекстного меню пункт <b>Скрыть/Показать открывающую/закрывающую скобку</b>.</li>
<li>Чтобы управлять размером <em>Скобок</em>, можно щелкнуть правой кнопкой мыши по выражению в скобках. Пункт меню <b>Растянуть скобки</b> выбран по умолчанию, так что скобки могут увеличиваться в соответствии с размером выражения, заключенного в них, но вы можете снять выделение с этой опции, чтобы запретить растяжение скобок. Когда эта опция активирована, можно также использовать пункт меню <b>Изменить размер скобок в соответствии с высотой аргумента</b>.</li>
<li>Чтобы изменить положение символа относительно текста для горизонтальных фигурных скобок или горизонтальной черты над/под формулой из группы <em>Диакритические знаки</em>, можно щелкнуть правой кнопкой мыши по шаблону и и выбрать из контекстного меню пункт <b>Символ/Черта над/под текстом</b>.</li>
<li>Чтобы выбрать, какие границы надо отображать для <em>Формулы в рамке</em> из группы <em>Диакритические знаки</em>, можно щелкнуть правой кнопкой мыши по формуле и выбрать из контекстного меню пункт <b>Свойства границ</b>, а затем - <b>Скрыть/Показать верхнюю/нижнюю/левую/правую границу</b> или <b>Добавить/Скрыть горизонтальную/вертикальную/диагональную линию</b>.</li>
<li>Чтобы указать, надо ли отображать пустые поля для заполнения в <em>Матрице</em>, можно щелкнуть по ней правой кнопкой мыши и выбрать из контекстного меню пункт <b>Скрыть/Показать поля для заполнения</b>.</li>
</ul>
<p>Для выравнивания некоторых элементов формул можно использовать <b>пункты контекстного меню</b>:</p>
<ul>
<li>Чтобы выровнять формулы в <em>Наборах условий</em> из группы <em>Скобки</em>, можно щелкнуть правой кнопкой мыши по формуле, выбрать из контекстного меню пункт <b>Выравнивание</b>, а затем выбрать тип выравнивания: <b>По верхнему краю</b>, <b>По центру</b> или <b>По нижнему краю</b>.</li>
<li>Чтобы выровнять <em>Матрицу</em> по вертикали, можно щелкнуть правой кнопкой мыши по матрице, выбрать из контекстного меню пункт <b>Выравнивание матрицы</b>, а затем выбрать тип выравнивания: <b>По верхнему краю</b>, <b>По центру</b> или <b>По нижнему краю</b>.</li>
<li>Чтобы выровнять по горизонтали элементы внутри отдельного столбца <em>Матрицы</em>, можно щелкнуть правой кнопкой мыши по полю для заполнения внутри столбца, выбрать из контекстного меню пункт <b>Выравнивание столбца</b>, а затем выбрать тип выравнивания: <b>По левому краю</b>, <b>По центру</b> или <b>По правому краю</b>.</li>
</ul>
<h3>Удаление элементов формулы</h3>
<p>Чтобы удалить часть формулы, выделите фрагмент, который требуется удалить, путем перетаскивания или удерживая клавишу <b>Shift</b> и используя клавиши со стрелками, затем нажмите на клавиатуре клавишу <b>Delete</b>.</p>
<p>Слот можно удалить только вместе с шаблоном, к которому он относится.</p>
<p>Чтобы удалить всю формулу, щелкните по границе рамки формулы, (она будет отображена как сплошная линия) и нажмите на клавиатуре клавишу <b>Delete</b>.</p>
<img alt="Удаление формулы" src="../images/deleteequation.png" />
<p>Для удаления некоторых элементов формул можно также использовать <b>пункты контекстного меню</b>:</p>
<ul>
<li>Чтобы удалить <em>Радикал</em>, можно щелкнуть по нему правой кнопкой мыши и выбрать из контекстного меню пункт <b>Удалить радикал</b>.</li>
<li>Чтобы удалить <em>Нижний индекс</em> и/или <em>Верхний индекс</em>, можно щелкнуть правой кнопкой мыши по содержащему их выражению и выбрать из контекстного меню пункт <b>Удалить верхний индекс/нижний индекс</b>. Если выражение содержит индексы, расположенные перед текстом, доступна опция <b>Удалить индексы</b>.</li>
<li>Чтобы удалить <em>Скобки</em>, можно щелкнуть правой кнопкой мыши по выражению в скобках и выбрать из контекстного меню пункт <b>Удалить вложенные знаки</b> или <b>Удалить вложенные знаки и разделители</b>.</li>
<li>Если выражение в <em>Скобках</em> содержит несколько аргументов, можно щелкнуть правой кнопкой мыши по аргументу, который требуется удалить, и выбрать из контекстного меню пункт <b>Удалить аргумент</b>.</li>
<li>Если в <em>Скобках</em> заключено несколько формул (а именно, в <em>Наборах условий</em>), можно щелкнуть правой кнопкой мыши по формуле, которую требуется удалить, и выбрать из контекстного меню пункт <b>Удалить формулу</b>.</li>
<li>Чтобы удалить <em>Предел</em>, можно щелкнуть по нему правой кнопкой мыши и выбрать из контекстного меню пункт <b>Удалить предел</b>.</li>
<li>Чтобы удалить <em>Диакритический знак</em>, можно щелкнуть по нему правой кнопкой мыши и выбрать из контекстного меню пункт <b>Удалить диакритический знак</b>, <b>Удалить символ</b> или <b>Удалить черту</b> (доступные опции отличаются в зависимости от выбранного диакритического знака).</li>
<li>Чтобы удалить строку или столбец <em>Матрицы</em>, можно щелкнуть правой кнопкой мыши по полю для заполнения внутри строки/столбца, который требуется удалить, выбрать из контекстного меню пункт <b>Удалить</b>, а затем - <b>Удалить строку/столбец</b>.</li>
</ul>
</div>
</body>
</html>

View file

@ -10,6 +10,7 @@
<body>
<div class="mainpart">
<h1>Вставка и настройка изображений</h1>
<h3>Вставка изображения</h3>
<p>В онлайн-редакторе презентаций можно вставлять в презентацию изображения самых популярных форматов. Поддерживаются следующие форматы изображений: <b>BMP</b>, <b>GIF</b>, <b>JPEG</b>, <b>JPG</b>, <b>PNG</b>.</p>
<p>Для <b>добавления</b> изображения на слайд:</p>
<ol>
@ -24,6 +25,7 @@
<li>после того как изображение будет добавлено, можно изменить его <a href="../UsageInstructions/ManipulateObjects.htm" onclick="onhyperlinkclick(this)">размер и положение</a>.</li>
</ol>
<hr />
<h3>Изменение параметров изображения</h3>
<img class="floatleft"alt="Вкладка Параметры изображения" src="../images/imagesettingstab.png" />
<p>Правая боковая панель активируется при щелчке по изображению левой кнопкой мыши и выборе значка <b>Параметры изображения</b> <img alt="Значок Параметры изображения" src="../images/image_settings_icon.png" /> справа. Вкладка содержит следующие разделы:</p>
<p><b>Размер</b> - используется, чтобы просмотреть текущую <b>Ширину</b> и <b>Высоту</b> изображения или при необходимости восстановить размер изображения <b>По умолчанию</b>.</p>

View file

@ -10,6 +10,7 @@
<body>
<div class="mainpart">
<h1>Вставка и форматирование таблиц</h1>
<h3>Вставка таблицы</h3>
<p>Для вставки таблицы на слайд:</p>
<ol>
<li>выберите слайд, на который надо добавить таблицу,</li>
@ -26,6 +27,7 @@
</ol>
<p>Можно задать <a href="../UsageInstructions/ManipulateObjects.htm" onclick="onhyperlinkclick(this)">положение таблицы</a> на слайде путем перетаскивания ее по вертикали или по горизонтали.</p>
<hr />
<h3>Изменение параметров таблицы</h3>
<img class="floatleft"alt="Вкладка Параметры таблицы" src="../images/tablesettingstab.png" />
<p>Большинство свойств таблицы, а также ее структуру можно изменить с помощью правой боковой панели. Чтобы ее активировать, щелкните по таблице и выберите значок <b>Параметры таблицы</b> <img alt="Значок Параметры таблицы" src="../images/table_settings_icon.png" /> справа.</p>
<p>Разделы <b>Строки</b> и <b>Столбцы</b>, расположенные наверху, позволяют выделить некоторые строки или столбцы при помощи особого форматирования, или выделить разные строки и столбцы с помощью разных цветов фона для их четкого разграничения. Доступны следующие опции:</p>

View file

@ -42,7 +42,7 @@
<li>чтобы изменить <a href="../UsageInstructions/FillObjectsSelectColor.htm" onclick="onhyperlinkclick(this)">заливку</a>, <a href="../UsageInstructions/InsertAutoshapes.htm#shapestroke" onclick="onhyperlinkclick(this)">обводку</a> текстового поля, <b>заменить</b> прямоугольное поле на какую-то другую фигуру или открыть <a href="InsertAutoshapes.htm" onclick="onhyperlinkclick(this)">дополнительные параметры фигуры</a>, щелкните по значку <b>Параметры фигуры</b> <img alt="Значок Параметры фигуры" src="../images/shape_settings_icon.png" /> на правой боковой панели и используйте соответствующие опции.</li>
<li>чтобы <a href="../UsageInstructions/AlignArrangeObjects.htm" onclick="onhyperlinkclick(this)">выровнять текстовое поле на слайде или расположить</a> текстовые поля в определенном порядке относительно других объектов, щелкните правой кнопкой мыши по границе текстового поля и используйте опции контекстного меню.</li>
</ul>
<h3>Форматирование текста внутри текстового поля</h3>
<h3 id="formattext">Форматирование текста внутри текстового поля</h3>
<p>Щелкните по тексту внутри текстового поля, чтобы можно было изменить его свойства. Когда текст выделен, границы текстового поля отображаются как пунктирные линии.</p>
<p><img alt="Выделенный текст" src="../images/textbox_textselected.png" /></p>
<p class="note"><b>Примечание</b>: форматирование текста можно изменить и в том случае, если выделено текстовое поле, а не сам текст. В этом случае любые изменения будут применены ко всему тексту в текстовом поле. Некоторые параметры форматирования шрифта (тип, размер, цвет и стили оформления шрифта) можно отдельно применить к предварительно выделенному фрагменту текста.</p>
@ -76,7 +76,7 @@
<p><b>Изменение направления текста</b></p>
<p>Чтобы <b>повернуть</b> текст внутри текстового поля, щелкните по тексту правой кнопкой мыши, выберите опцию <b>Направление текста</b>, а затем выберите один из доступных вариантов: <b>Горизонтальное</b> (выбран по умолчанию), <b>Поворот на 90°</b> (задает вертикальное направление, сверху вниз) или <b>Поворот на 270°</b> (задает вертикальное направление, снизу вверх).</p>
<hr />
<p><b>Настройка типа, размера, цвета шрифта и применение стилей оформления</b></p>
<p id="formatfont"><b>Настройка типа, размера, цвета шрифта и применение стилей оформления</b></p>
<p>Можно выбрать тип, размер и цвет шрифта, а также применить различные стили оформления шрифта, используя соответствующие значки, расположенные на верхней панели инструментов.</p>
<p class="note"><b>Примечание</b>: если необходимо применить форматирование к тексту, который уже есть в презентации, выделите его мышью или <a href="../HelpfulHints/KeyboardShortcuts.htm#textselection" onclick="onhyperlinkclick(this)">с помощью клавиатуры</a>, а затем примените форматирование.</p>
<table>

View file

@ -10,20 +10,20 @@
<div class="mainpart">
<h1>Манипулирование объектами на слайде</h1>
<p>Можно изменять размер различных объектов, перемещать и поворачивать их на слайде вручную при помощи специальных маркеров. Можно также точно задать размеры некоторых объектов и их положение с помощью правой боковой панели или окна <b>Дополнительные параметры</b>.</p>
<p><b>Изменение размера объектов</b></p>
<h3>Изменение размера объектов</h3>
<p>Для изменения размера <b>автофигуры/изображения/диаграммы/текстового поля</b> перетаскивайте маленькие квадраты <img alt="Значок Квадрат" src="../images/resize_square.png" />, расположенные по краям объекта. Чтобы сохранить исходные пропорции выбранного объекта при изменении размера, удерживайте клавишу <b>Shift</b> и перетаскивайте один из угловых значков.</p>
<p><img alt="Сохранение пропорций" src="../images/maintain_proportions.png" /></p>
<p>Чтобы задать точную ширину и высоту <b>диаграммы</b>, выделите ее на слайде и используйте раздел <b>Размер</b> на правой боковой панели, которая будет активирована.</p>
<p>Чтобы задать точные размеры <b>изображения</b> или <b>автофигуры</b>, щелкните правой кнопкой мыши по нужному объекту на слайде и выберите пункт меню <b>Дополнительные параметры изображения/фигуры</b>. Укажите нужные значения на вкладке <b>Размер</b> окна <b>Дополнительные параметры</b> и нажмите кнопку <b>OK</b>.</p>
<p><b>Изменение формы автофигур</b></p>
<h3>Изменение формы автофигур</h3>
<p>При изменении некоторых фигур, например, фигурных стрелок или выносок, также доступен желтый значок в форме ромба <img alt="Значок Желтый ромб" src="../images/yellowdiamond.png" />. Он позволяет изменять отдельные параметры формы, например, длину указателя стрелки.</p>
<p><img alt="Изменение формы автофигуры" src="../images/reshaping.png" /></p>
<p><b>Перемещение объектов</b></p>
<h3>Перемещение объектов</h3>
<p>Для изменения местоположения <b>автофигуры/изображения/диаграммы/таблицы/текстового поля</b> используйте значок <img alt="Стрелка" src="../images/arrow.png" />, который появляется после наведения курсора мыши на объект. Перетащите объект на нужное место, не отпуская кнопку мыши.
Чтобы перемещать объект с шагом в один пиксель, удерживайте клавишу <b>Ctrl</b> и используйте стрелки на клавиатуре.
Чтобы перемещать объект строго по горизонтали/вертикали и предотвратить его смещение в перпендикулярном направлении, при перетаскивании удерживайте клавишу <b>Shift</b>.</p>
<p>Чтобы задать точное положение <b>изображения</b>, щелкните правой кнопкой мыши по изображению на слайде и выберите пункт меню <b>Дополнительные параметры изображения</b>. Укажите нужные значения в разделе <b>Положение</b> окна <b>Дополнительные параметры</b> и нажмите кнопку <b>OK</b>.</p>
<p><b>Поворот объектов</b></p>
<h3>Поворот объектов</h3>
<p>Чтобы повернуть <b>автофигуру/изображение/текстовое поле</b>, наведите курсор мыши на маркер поворота <img alt="Маркер поворота" src="../images/greencircle.png" /> и перетащите его по часовой стрелке или против часовой стрелки. Чтобы ограничить угол поворота шагом в 15 градусов, при поворачивании удерживайте клавишу <b>Shift</b>.</p>
</div>
</body>

Binary file not shown.

After

Width:  |  Height:  |  Size: 38 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 38 KiB

After

Width:  |  Height:  |  Size: 41 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.8 KiB

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 125 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 198 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 490 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 533 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 305 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 104 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 206 B