Update help.

This commit is contained in:
Julia Radzhabova 2017-12-13 17:55:32 +03:00
parent 4568d2ac16
commit 478d874c62
123 changed files with 1084 additions and 92 deletions

View file

@ -1,5 +1,12 @@
[
{"src": "UsageInstructions/SetPageParameters.htm", "name": "Set page parameters", "headername": "Usage Instructions"},
{"src": "ProgramInterface/ProgramInterface.htm", "name": "Introducing Document Editor user interface", "headername": "Program Interface"},
{"src": "ProgramInterface/FileTab.htm", "name": "File tab"},
{"src": "ProgramInterface/HomeTab.htm", "name": "Home Tab"},
{"src": "ProgramInterface/InsertTab.htm", "name": "Insert tab"},
{"src": "ProgramInterface/LayoutTab.htm", "name": "Layout tab"},
{"src": "ProgramInterface/ReviewTab.htm", "name": "Review tab"},
{"src": "ProgramInterface/PluginsTab.htm", "name": "Plugins tab"},
{"src": "UsageInstructions/SetPageParameters.htm", "name": "Set page parameters", "headername": "Usage Instructions"},
{"src": "UsageInstructions/ChangeColorScheme.htm", "name": "Change color scheme"},
{"src": "UsageInstructions/CopyPasteUndoRedo.htm", "name": "Copy/paste text passages, undo/redo your actions"},
{"src": "UsageInstructions/NonprintingCharacters.htm", "name": "Show/hide nonprinting characters"},

View file

@ -26,7 +26,7 @@
<p>When no users are viewing or editing the file, the icon in the editor header 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 permissions to edit, read or review the document, or deny 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>
<p>You can specify what changes you want to be highlighted during co-editing if you click the <b>File</b> tab at the top toolbar, select the <b>Advanced Settings...</b> option and choose between <b>none</b>, <b>all</b> and <b>last</b> realtime collaboration changes. Selecting <b>View all</b> changes, all the changes made during the current session will be highlighted. Selecting <b>View last</b> changes, only the changes made since you last time clicked the <img alt="Save icon" src="../images/saveupdate.png" /> icon will be highlighted. Selecting <b>View None</b> changes, changes made during the current session will not be highlighted.</p>
<h3>Chat</h3>
<h3 id="chat">Chat</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>
@ -38,7 +38,7 @@
<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</h3>
<h3 id="comments">Comments</h3>
<p>To leave a comment,</p>
<ol>
<li>select a text passage where you think there is an error or problem,</li>

View file

@ -19,14 +19,14 @@
<li>switch to the <b>Review</b> tab at the top toolbar and press the <img alt="Track Changes button" src="../images/trackchangestoptoolbar.png" /> <b>Track Changes</b> button.</li>
</ul>
<p class="note"><b>Note</b>: it is not necessary for the reviewer to enable the <b>Track Changes</b> option. It is enabled by default and cannot be disabled when the document is shared with review only access rights.</p>
<h3>Choose the changes display mode</h3>
<h3 id="displaymode">Choose the changes display mode</h3>
<p>Click the <img alt="Display Mode button" src="../images/review_displaymode.png" /> <b>Display Mode</b> button at the top toolbar and select one of the available modes from the list:</p>
<ul>
<li><b>All changes (Editing)</b> - this option is selected by default. It allows both to view suggested changes and edit the document.</li>
<li><b>All changes accepted (Preview)</b> - this mode is used to display all the changes as if they were accepted. This option does not actually accept all changes, it only allows you to see how the document will look like after you accept all the changes. In this mode, you cannot edit the document.</li>
<li><b>All changes rejected (Preview)</b> - this mode is used to display all the changes as if they were rejected. This option does not actually reject all changes, it only allows you to view the document without changes. In this mode, you cannot edit the document.</li>
</ul>
<h3>Accept or reject changes</h3>
<h3 id="managechanges">Accept or reject changes</h3>
<p>Use the <img alt="To Previous Change button" src="../images/review_previous.png" /> <b>Previous</b> and the <img alt="To Next Change button" src="../images/review_next.png" /> <b>Next</b> buttons at the top toolbar to navigate among the changes.</p>
<p>To accept the currently selected change you can:</p>
<ul>

View file

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<title>File tab</title>
<meta charset="utf-8" />
<meta name="description" content="Introducing the Document Editor user interface - File tab" />
<link type="text/css" rel="stylesheet" href="../editor.css" />
<script type="text/javascript" src="../callback.js"></script>
</head>
<body>
<div class="mainpart">
<h1>File tab</h1>
<p>The <b>File</b> tab allows to perform some basic operations on the current file.</p>
<p><img alt="File tab" src="../images/interface/filetab.png" /></p>
<p>Using this tab, you can:</p>
<ul>
<li><a href="../UsageInstructions/SavePrintDownload.htm" onclick="onhyperlinkclick(this)">save</a> the current file (in case the <b>Autosave</b> option is disabled), <a href="../UsageInstructions/SavePrintDownload.htm" onclick="onhyperlinkclick(this)">download, print</a> or <a href="../UsageInstructions/ViewDocInfo.htm" onclick="onhyperlinkclick(this)">rename</a> it,</li>
<li><a href="../UsageInstructions/OpenCreateNew.htm" onclick="onhyperlinkclick(this)">create</a> a new document or open a recently edited one,</li>
<li>view <a href="../UsageInstructions/ViewDocInfo.htm" onclick="onhyperlinkclick(this)">general information</a> about the document,</li>
<li>manage <a href="../UsageInstructions/ViewDocInfo.htm" onclick="onhyperlinkclick(this)">access rights</a>,</li>
<li>track <a href="../UsageInstructions/ViewDocInfo.htm" onclick="onhyperlinkclick(this)">version history</a>,</li>
<li>access the editor <a href="../HelpfulHints/AdvancedSettings.htm" onclick="onhyperlinkclick(this)">Advanced Settings</a>,</li>
<li>return to the Documents list.</li>
</ul>
</div>
</body>
</html>

View file

@ -0,0 +1,33 @@
<!DOCTYPE html>
<html>
<head>
<title>Home tab</title>
<meta charset="utf-8" />
<meta name="description" content="Introducing the Document Editor user interface - Home tab" />
<link type="text/css" rel="stylesheet" href="../editor.css" />
<script type="text/javascript" src="../callback.js"></script>
</head>
<body>
<div class="mainpart">
<h1>Home tab</h1>
<p>The <b>Home</b> tab opens by default when you open a document. It allows to format font and paragraphs. Some other options are also available here, such as Mail Merge, color schemes, view settings.</p>
<p><img alt="Home tab" src="../images/interface/hometab.png" /></p>
<p>Using this tab, you can:</p>
<ul>
<li>adjust font <a href="../UsageInstructions/FontTypeSizeColor.htm" onclick="onhyperlinkclick(this)">type, size, color</a>,</li>
<li>apply font <a href="../UsageInstructions/DecorationStyles.htm" onclick="onhyperlinkclick(this)">decoration styles</a>,</li>
<li>select <a href="../UsageInstructions/BackgroundColor.htm" onclick="onhyperlinkclick(this)">background color</a> for a paragraph,</li>
<li>create bulleted and numbered <a href="../UsageInstructions/CreateLists.htm" onclick="onhyperlinkclick(this)">lists</a>,</li>
<li>change paragraph <a href="../UsageInstructions/ParagraphIndents.htm" onclick="onhyperlinkclick(this)">indents</a>,</li>
<li>set paragraph <a href="../UsageInstructions/LineSpacing.htm" onclick="onhyperlinkclick(this)">line spacing</a>,</li>
<li><a href="../UsageInstructions/AlignText.htm" onclick="onhyperlinkclick(this)">align your text</a> in a paragraph,</li>
<li>show/hide <a href="../UsageInstructions/NonprintingCharacters.htm" onclick="onhyperlinkclick(this)">nonprinting characters</a>,</li>
<li><a href="../UsageInstructions/CopyClearFormatting.htm" onclick="onhyperlinkclick(this)">copy/clear</a> text formatting,</li>
<li>change <a href="../UsageInstructions/ChangeColorScheme.htm" onclick="onhyperlinkclick(this)">color scheme</a>,</li>
<li>use <a href="../UsageInstructions/UseMailMerge.htm" onclick="onhyperlinkclick(this)">Mail Merge</a>,</li>
<li>manage <a href="../UsageInstructions/FormattingPresets.htm" onclick="onhyperlinkclick(this)">styles</a>,</li>
<li>adjust <a href="../HelpfulHints/Navigation.htm" onclick="onhyperlinkclick(this)">View Settings</a> and access the editor <a href="../HelpfulHints/AdvancedSettings.htm" onclick="onhyperlinkclick(this)">Advanced Settings</a>.</li>
</ul>
</div>
</body>
</html>

View file

@ -0,0 +1,25 @@
<!DOCTYPE html>
<html>
<head>
<title>Insert tab</title>
<meta charset="utf-8" />
<meta name="description" content="Introducing the Document Editor user interface - Insert tab" />
<link type="text/css" rel="stylesheet" href="../editor.css" />
<script type="text/javascript" src="../callback.js"></script>
</head>
<body>
<div class="mainpart">
<h1>Insert tab</h1>
<p>The <b>Insert</b> tab allows to add some page formatting elements, as well as visual objects and comments.</p>
<p><img alt="Insert tab" src="../images/interface/inserttab.png" /></p>
<p>Using this tab, you can:</p>
<ul>
<li>insert <a href="../UsageInstructions/PageBreaks.htm" onclick="onhyperlinkclick(this)">page breaks</a>, <a href="../UsageInstructions/SectionBreaks.htm" onclick="onhyperlinkclick(this)">section breaks</a> and <a href="../UsageInstructions/SetPageParameters.htm#columns" onclick="onhyperlinkclick(this)">column breaks</a>,</li>
<li>insert <a href="../UsageInstructions/InsertHeadersFooters.htm" onclick="onhyperlinkclick(this)">headers and footers</a> and <a href="../UsageInstructions/InsertPageNumbers.htm" onclick="onhyperlinkclick(this)">page numbers</a>,</li>
<li>insert <a href="../UsageInstructions/InsertTables.htm" onclick="onhyperlinkclick(this)">tables</a>, <a href="../UsageInstructions/InsertImages.htm" onclick="onhyperlinkclick(this)">pictures</a>, <a href="../UsageInstructions/InsertCharts.htm" onclick="onhyperlinkclick(this)">charts</a>, <a href="../UsageInstructions/InsertAutoshapes.htm" onclick="onhyperlinkclick(this)">shapes</a>,</li>
<li>insert <a href="../UsageInstructions/AddHyperlinks.htm" onclick="onhyperlinkclick(this)">hyperlinks</a>, <a href="../UsageInstructions/InsertFootnotes.htm" onclick="onhyperlinkclick(this)">footnotes</a>, <a href="../HelpfulHints/CollaborativeEditing.htm#comments" onclick="onhyperlinkclick(this)">comments</a>,</li>
<li>insert <a href="../UsageInstructions/InsertTextObjects.htm" onclick="onhyperlinkclick(this)">text boxes and Text Art objects</a>, <a href="../UsageInstructions/InsertEquation.htm" onclick="onhyperlinkclick(this)">equations</a>, <a href="../UsageInstructions/InsertDropCap.htm" onclick="onhyperlinkclick(this)">drop caps</a>.</li>
</ul>
</div>
</body>
</html>

View file

@ -0,0 +1,25 @@
<!DOCTYPE html>
<html>
<head>
<title>Layout tab</title>
<meta charset="utf-8" />
<meta name="description" content="Introducing the Document Editor user interface - Layout tab" />
<link type="text/css" rel="stylesheet" href="../editor.css" />
<script type="text/javascript" src="../callback.js"></script>
</head>
<body>
<div class="mainpart">
<h1>Layout tab</h1>
<p>The <b>Layout</b> tab allows to change the document appearance: set up page parameters and define the arrangement of visual elements.</p>
<p><img alt="Layout tab" src="../images/interface/layouttab.png" /></p>
<p>Using this tab, you can:</p>
<ul>
<li>adjust page <a href="../UsageInstructions/SetPageParameters.htm#margins" onclick="onhyperlinkclick(this)">margins</a>, <a href="../UsageInstructions/SetPageParameters.htm#orientation" onclick="onhyperlinkclick(this)">orientation</a>, <a href="../UsageInstructions/SetPageParameters.htm#size" onclick="onhyperlinkclick(this)">size</a>,</li>
<li>add <a href="../UsageInstructions/SetPageParameters.htm#columns" onclick="onhyperlinkclick(this)">columns</a>,</li>
<li>insert <a href="../UsageInstructions/PageBreaks.htm" onclick="onhyperlinkclick(this)">page breaks</a>, <a href="../UsageInstructions/SectionBreaks.htm" onclick="onhyperlinkclick(this)">section breaks</a> and <a href="../UsageInstructions/SetPageParameters.htm#columns" onclick="onhyperlinkclick(this)">column breaks</a>,</li>
<li>align and arrange objects (<a href="../UsageInstructions/InsertTables.htm" onclick="onhyperlinkclick(this)">tables</a>, <a href="../UsageInstructions/InsertImages.htm" onclick="onhyperlinkclick(this)">pictures</a>, <a href="../UsageInstructions/InsertCharts.htm" onclick="onhyperlinkclick(this)">charts</a>, <a href="../UsageInstructions/InsertAutoshapes.htm" onclick="onhyperlinkclick(this)">shapes</a>),</li>
<li>change <a href="../UsageInstructions/ChangeWrappingStyle.htm" onclick="onhyperlinkclick(this)">wrapping style</a>.</li>
</ul>
</div>
</body>
</html>

View file

@ -0,0 +1,28 @@
<!DOCTYPE html>
<html>
<head>
<title>Plugins tab</title>
<meta charset="utf-8" />
<meta name="description" content="Introducing the Document Editor user interface - Plugins tab" />
<link type="text/css" rel="stylesheet" href="../editor.css" />
<script type="text/javascript" src="../callback.js"></script>
</head>
<body>
<div class="mainpart">
<h1>Plugins tab</h1>
<p>The <b>Plugins</b> tab allows to access advanced editing features using available third-party components.</p>
<p><img alt="Plugins tab" src="../images/interface/pluginstab.png" /></p>
<p>Currently, the following plugins are available:</p>
<ul>
<li><b>ClipArt</b> allows to add images from the clipart collection into your document,</li>
<li><b>OCR</b> allows to recognize text included into a picture and insert it into the document text,</li>
<li><b>PhotoEditor</b> allows to edit images: crop, resize them, apply effects etc.,</li>
<li><b>Speech</b> allows to convert the selected text into speech,</li>
<li><b>Symbol Table</b> allows to insert special symbols into your text,</li>
<li><b>Translator</b> allows to translate the selected text into other languages,</li>
<li><b>YouTube</b> allows to embed YouTube videos into your document.</li>
</ul>
<p>To learn more about plugins please refer to our <a target="_blank" href="https://api.onlyoffice.com/plugin/basic" onclick="onhyperlinkclick(this)">API Documentation</a>. All the currently existing open source plugin examples are available on <a target="_blank" href="https://github.com/ONLYOFFICE/sdkjs-plugins" onclick="onhyperlinkclick(this)">GitHub</a>.</p>
</div>
</body>
</html>

View file

@ -0,0 +1,35 @@
<!DOCTYPE html>
<html>
<head>
<title>Introducing the Document Editor user interface</title>
<meta charset="utf-8" />
<meta name="description" content="Introducing the Document Editor user interface" />
<link type="text/css" rel="stylesheet" href="../editor.css" />
<script type="text/javascript" src="../callback.js"></script>
</head>
<body>
<div class="mainpart">
<h1>Introducing the Document Editor user interface</h1>
<p><b>Document Editor</b> uses a tabbed interface where editing commands are grouped into tabs by functionality.</p>
<p><img alt="Editor window" src="../images/interface/editorwindow.png" /></p>
<p>The editor interface consists of the following main elements:</p>
<ol>
<li><b>Editor header</b> displays the logo, menu tabs, document name as well as two icons on the right that allow to <a href="../HelpfulHints/CollaborativeEditing.htm" onclick="onhyperlinkclick(this)">set access rights</a> and return to the Documents list.
<p><img alt="Icons in the editor header" src="../images/interface/rightpart.png" /></p>
</li>
<li><b>Top toolbar</b> displays a set of editing commands depending on the selected menu tab. Currently, the following tabs are available: <a href="../ProgramInterface/FileTab.htm" onclick="onhyperlinkclick(this)">File</a>, <a href="../ProgramInterface/HomeTab.htm" onclick="onhyperlinkclick(this)">Home</a>, <a href="../ProgramInterface/InsertTab.htm" onclick="onhyperlinkclick(this)">Insert</a>, <a href="../ProgramInterface/LayoutTab.htm" onclick="onhyperlinkclick(this)">Layout</a>, <a href="../ProgramInterface/ReviewTab.htm" onclick="onhyperlinkclick(this)">Review</a>, <a href="../ProgramInterface/PluginsTab.htm" onclick="onhyperlinkclick(this)">Plugins</a>.
<p>The <b>Print</b>, <b>Save</b>, <b>Copy</b>, <b>Paste</b>, <b>Undo</b> and <b>Redo</b> options are always available at the left part of the <b>Top toolbar</b> regardless of the selected tab.</p>
<p><img alt="Icons on the top toolbar" src="../images/interface/leftpart.png" /></p>
</li>
<li><b>Status bar</b> at the bottom of the editor window contains the page number indicator, displays some notifications (such as "All changes saved" etc.), allows to <a href="../HelpfulHints/SpellChecking.htm" onclick="onhyperlinkclick(this)">set text language, enable spell checking</a>, turn on the <a href="../HelpfulHints/Review.htm" onclick="onhyperlinkclick(this)">track changes mode</a>, adjust <a href="../HelpfulHints/Navigation.htm" onclick="onhyperlinkclick(this)">zoom</a>.</li>
<li><b>Left sidebar</b> contains icons that allow to use the <a href="../HelpfulHints/Search.htm" onclick="onhyperlinkclick(this)">Search and Replace</a> tool, open the <a href="../HelpfulHints/CollaborativeEditing.htm#comments" onclick="onhyperlinkclick(this)">Comments</a> and <a href="../HelpfulHints/CollaborativeEditing.htm#chat" onclick="onhyperlinkclick(this)">Chat</a> panel, contact our support team and view the information about the program.</li>
<li><b>Right sidebar</b> allows to adjust additional parameters of different objects. When you select a particular object in the text, the corresponding icon is activated at the right sidebar. Click this icon to expand the right sidebar.</li>
<li>Horizontal and vertical <b>Rulers</b> allow to align text and other elements in a document, set up margins, tab stops, and paragraph indents.</li>
<li><b>Working area</b> allows to view document content, enter and edit data.</li>
<li><b>Scroll bar</b> on the right allows to scroll up and down multi-page documents.</li>
</ol>
<p>For your convenience you can hide some components and display them again when it is necessary. To learn more on how to adjust view settings please refer to <a href="../HelpfulHints/Navigation.htm" onclick="onhyperlinkclick(this)">this page</a>.</p>
</div>
</body>
</html>

View file

@ -0,0 +1,25 @@
<!DOCTYPE html>
<html>
<head>
<title>Review tab</title>
<meta charset="utf-8" />
<meta name="description" content="Introducing the Document Editor user interface - Review tab" />
<link type="text/css" rel="stylesheet" href="../editor.css" />
<script type="text/javascript" src="../callback.js"></script>
</head>
<body>
<div class="mainpart">
<h1>Review tab</h1>
<p>The <b>Review</b> tab allows to proof the document: make sure that the spelling of the text is correct, manage comments, track changes made by a reviewer.</p>
<p><img alt="Review tab" src="../images/interface/reviewtab.png" /></p>
<p>Using this tab, you can:</p>
<ul>
<li>switch document language and enable <a href="../HelpfulHints/SpellChecking.htm" onclick="onhyperlinkclick(this)">spell checking</a>,</li>
<li>add <a href="../HelpfulHints/CollaborativeEditing.htm#comments" onclick="onhyperlinkclick(this)">comments</a> to the document,</li>
<li>enable the <a href="../HelpfulHints/Review.htm" onclick="onhyperlinkclick(this)">Track Changes</a> feature,</li>
<li>choose the <a href="../HelpfulHints/Review.htm#displaymode" onclick="onhyperlinkclick(this)">changes display mode</a>,</li>
<li>manage the <a href="../HelpfulHints/Review.htm#managechanges" onclick="onhyperlinkclick(this)">suggested changes</a>.</li>
</ul>
</div>
</body>
</html>

View file

@ -12,9 +12,9 @@
<h1>Set page parameters</h1>
<p>To change page layout, i.e. set page orientation and size, adjust margins and insert columns, use the corresponding icons at the <b>Layout</b> tab of the top toolbar.</p>
<p class="note"><b>Note</b>: all these parameters are applied to the entire document. If you need to set different page margins, orientation, size, or column number for the separate parts of your document, please refer to <a href="../UsageInstructions/SectionBreaks.htm" onclick="onhyperlinkclick(this)">this page</a>.</p>
<h3>Page Orientation</h3>
<h3 id="orientation">Page Orientation</h3>
<p>Change the current orientation type clicking the <img alt="Orientation icon" src="../images/orientation.png" /> <b>Orientation</b> icon. The default orientation type is <b>Portrait</b> that can be switched to <b>Album</b>.</p>
<h3>Page Size</h3>
<h3 id="size">Page Size</h3>
<p>Change the default A4 format clicking the <img alt="Size icon" src="../images/pagesize.png" /> <b>Size</b> icon and selecting the needed one from the list. The available preset sizes are:</p>
<ul>
<li>US Letter (21,59cm x 27,94cm)</li>
@ -33,12 +33,12 @@
</ul>
<p>You can also set a special page size by selecting the <b>Custom Page Size</b> option from the list. The <b>Page Size</b> window will open where you'll be able to set necessary <b>Width</b> and <b>Height</b> values. Enter your new values into the entry fields or adjust the existing values using arrow buttons. When ready, click <b>OK</b> to apply the changes.</p>
<p><img alt="Custom Page Size" src="../images/custompagesize.png" /></p>
<h3>Page Margins</h3>
<h3 id="margins">Page Margins</h3>
<p>Change default margins, i.e. the blank space between the left, right, top and bottom page edges and the paragraph text, clicking the <img alt="Margins icon" src="../images/pagemargins.png" /> <b>Margins</b> icon and selecting one of the available presets: <b>Normal</b>, <b>US Normal</b>, <b>Narrow</b>, <b>Moderate</b>, <b>Wide</b>. You can also use the <b>Custom Margins</b> option to set your own values in the <b>Margins</b> window that opens. Enter the necessary <b>Top</b>, <b>Bottom</b>, <b>Left</b> and <b>Right</b> page margin values into the entry fields or adjust the existing values using arrow buttons. When ready, click <b>OK</b>. The custom margins will be applied to the current document and the <b>Last Custom</b> option with the specified parameters will appear in the <img alt="Margins icon" src="../images/pagemargins.png" /> <b>Margins</b> list so that you can apply them to some other documents.</p>
<p><img alt="Custom Margins" src="../images/custommargins.png" /></p>
<p>You can also change the margins manually by dragging the border between the grey and white areas on the rulers (the grey areas of the rulers indicate page margins):</p>
<p><img alt="Margins Adjustment" src="../images/margins.png" /></p>
<h3>Columns</h3>
<h3 id="columns">Columns</h3>
<p>Apply a multi-column layout clicking the <img alt="Columns icon" src="../images/insertcolumns.png" /> <b>Columns</b> icon and selecting the necessary column type from the drop-down list. The following options are available:</p>
<ul>
<li><b>Two</b> <img alt="Two columns icon" src="../images/twocolumns.png" /> - to add two columns of the same width,</li>

View file

@ -10,6 +10,7 @@ img
{
border: none;
vertical-align: middle;
max-width: 95%;
}
img.floatleft

Binary file not shown.

After

Width:  |  Height:  |  Size: 90 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 32 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 468 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.2 KiB

After

Width:  |  Height:  |  Size: 3 KiB

View file

@ -1,4 +1,11 @@
[
{"src": "ProgramInterface/ProgramInterface.htm", "name": "Знакомство с пользовательским интерфейсом редактора документов", "headername": "Интерфейс программы"},
{"src": "ProgramInterface/FileTab.htm", "name": "Вкладка Файл"},
{"src": "ProgramInterface/HomeTab.htm", "name": "Вкладка Главная"},
{"src": "ProgramInterface/InsertTab.htm", "name": "Вкладка Вставка"},
{"src": "ProgramInterface/LayoutTab.htm", "name": "Вкладка Макет"},
{"src": "ProgramInterface/ReviewTab.htm", "name": "Вкладка Рецензирование"},
{"src": "ProgramInterface/PluginsTab.htm", "name": "Вкладка Плагины"},
{"src":"UsageInstructions/SetPageParameters.htm", "name": "Задание параметров страницы", "headername": "Инструкции по использованию"},
{"src":"UsageInstructions/CopyPasteUndoRedo.htm", "name": "Копирование/вставка текста, отмена/повтор действий"},
{"src":"UsageInstructions/NonprintingCharacters.htm", "name": "Отображение/скрытие непечатаемых символов"},
@ -31,7 +38,7 @@
{"src": "UsageInstructions/InsertTextObjects.htm", "name": "Вставка текстовых объектов" },
{"src": "UsageInstructions/UseMailMerge.htm", "name": "Использование слияния"},
{"src":"UsageInstructions/ViewDocInfo.htm", "name": "Просмотр сведений о документе"},
{"src":"UsageInstructions/SavePrintDownload.htm", "name": "Сохранение/загрузка/печать документа"},
{"src":"UsageInstructions/SavePrintDownload.htm", "name": "Сохранение/скачивание/печать документа"},
{"src":"UsageInstructions/OpenCreateNew.htm", "name": "Создание нового документа или открытие существующего"},
{"src":"HelpfulHints/About.htm", "name": "О редакторе документов", "headername": "Полезные советы"},
{"src":"HelpfulHints/SupportedFormats.htm", "name": "Поддерживаемые форматы электронных документов"},

View file

@ -29,7 +29,7 @@
<p>Если файл не просматривают или не редактируют другие пользователи, значок в шапке редактора будет выглядеть следующим образом: <img alt="Значок Управление правами доступа к документу" src="../images/access_rights.png" />. С его помощью можно непосредственно из документа управлять пользователями, имеющими доступ к файлу: приглашать новых пользователей, предоставляя им права на редактирование, просмотр или рецензирование документа, или запрещать доступ к файлу для некоторых пользователей. Нажмите на этот значок для управления доступом к файлу; это можно сделать и в отсутствие других пользователей, которые просматривают или совместно редактируют документ в настоящий момент, и при наличии других пользователей, когда значок выглядит так: <img alt="Значок Количество пользователей" src="../images/usersnumber.png" />.</p>
<p>Как только один из пользователей сохранит свои изменения, нажав на значок <img alt="Значок Сохранить" src="../images/savewhilecoediting.png" />, все остальные увидят в строке состояния примечание, которое сообщает о наличии обновлений. Чтобы сохранить внесенные вами изменения и сделать их доступными для других пользователей, а также получить обновления, сохраненные другими пользователями, нажмите на значок <img alt="Значок Сохранить и получить обновления" src="../images/saveupdate.png" /> в левом верхнем углу верхней панели инструментов. Обновления будут подсвечены, чтобы Вы могли проверить, что конкретно изменилось.</p>
<p>Можно указать, какие изменения требуется подсвечивать во время совместного редактирования: для этого нажмите на вкладку <b>Файл</b> на верхней панели инструментов, выберите опцию <b>Дополнительные параметры...</b>, а затем укажите, отображать ли <b>все</b> или <b>последние</b> изменения, внесенные при совместной работе. При выборе опции <b>Все</b> будут подсвечиваться все изменения, внесенные за время текущей сессии. При выборе опции <b>Последние</b> будут подсвечиваться только те изменения, которые были внесены с момента, когда Вы последний раз нажимали на значок <img alt="Значок Сохранить и получить изменения" src="../images/saveupdate.png" />. При выборе опции <b>Никакие</b> изменения, внесенные во время текущей сессии, подсвечиваться не будут.</p>
<h3>Чат</h3>
<h3 id="chat">Чат</h3>
<p>Этот инструмент можно использовать для оперативного согласования процесса совместного редактирования, например, для того, чтобы договориться с другими участниками, кто и что должен делать, какой абзац вы собираетесь сейчас отредактировать и т.д.</p>
<p>Сообщения в чате хранятся только в течение одной сессии. Для обсуждения содержания документа лучше использовать комментарии, которые хранятся до тех пор, пока вы не решите их удалить.</p>
<p>Чтобы войти в чат и оставить сообщение для других пользователей:</p>
@ -41,7 +41,7 @@
<p>Все сообщения, оставленные пользователями, будут отображаться на панели слева. Если есть новые сообщения, которые Вы еще не прочитали, значок чата будет выглядеть так - <img alt="Значок Чат" src="../images/chaticon_new.png" />.</p>
<p>Чтобы закрыть панель с сообщениями чата, нажмите на значок <img alt="Значок Чат" src="../images/chaticon.png" /> еще раз.</p>
</div>
<h3>Комментарии</h3>
<h3 id="comments">Комментарии</h3>
<p>Чтобы оставить комментарий:</p>
<ol>
<li>выделите фрагмент текста, в котором, по Вашему мнению, содержится какая-то ошибка или проблема,</li>

View file

@ -19,14 +19,14 @@
<li>перейдите на вкладку <b>Рецензирование</b> на верхней панели инструментов и нажмите на кнопку <img alt="Кнопка Отслеживание изменений" src="../images/trackchangestoptoolbar.png" /> <b>Отслеживание изменений</b>.</li>
</ul>
<p class="note"><b>Примечание</b>: рецензенту нет необходимости включать опцию <b>Отслеживание изменений</b>. Она включена по умолчанию, и ее нельзя отключить, если к документу предоставлен доступ с правами только на рецензирование.</p>
<h3>Выбор режима отображения изменений</h3>
<h3 id="displaymode">Выбор режима отображения изменений</h3>
<p>Нажмите кнопку <img alt="Кнопка Отображение" src="../images/review_displaymode.png" /> <b>Отображение</b> на верхней панели инструментов и выберите из списка один из доступных режимов:</p>
<ul>
<li><b>Все изменения (Редактирование)</b> - эта опция выбрана по умолчанию. Она позволяет и просматривать предложенные изменения, и редактировать документ.</li>
<li><b>Все изменения приняты (Просмотр)</b> - этот режим используется, чтобы отобразить все изменения, как если бы они были приняты. Эта опция не позволяет в действительности принять все изменения, а только дает возможность увидеть, как будет выглядеть документ после того, как вы примете все изменения. В этом режиме документ нельзя редактировать.</li>
<li><b>Все изменения отклонены (Просмотр)</b> - этот режим используется, чтобы отобразить все изменения, как если бы они были отклонены. Эта опция не позволяет в действительности отклонить все изменения, а только дает возможность просмотреть документ без изменений. В этом режиме документ нельзя редактировать.</li>
</ul>
<h3>Принятие и отклонение изменений</h3>
<h3 id="managechanges">Принятие и отклонение изменений</h3>
<p>Используйте кнопки <img alt="Кнопка К предыдущему изменению" src="../images/review_previous.png" /> <b>К предыдущему</b> и <img alt="Кнопка К следующему изменению" src="../images/review_next.png" /> <b>К следующему</b> на верхней панели инструментов для навигации по изменениям.</p>
<p>Чтобы принять выделенное в данный момент изменение, можно сделать следующее:</p>
<ul>

View file

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<title>Вкладка Файл</title>
<meta charset="utf-8" />
<meta name="description" content="Знакомство с пользовательским интерфейсом редактора документов - Вкладка Файл" />
<link type="text/css" rel="stylesheet" href="../editor.css" />
<script type="text/javascript" src="../callback.js"></script>
</head>
<body>
<div class="mainpart">
<h1>Вкладка Файл</h1>
<p>Вкладка <b>Файл</b> позволяет выполнить некоторые базовые операции с текущим файлом.</p>
<p><img alt="Вкладка Файл" src="../images/interface/filetab.png" /></p>
<p>С помощью этой вкладки вы можете выполнить следующие действия:</p>
<ul>
<li><a href="../UsageInstructions/SavePrintDownload.htm" onclick="onhyperlinkclick(this)">сохранить</a> текущий файл (если отключена опция <b>Автосохранение</b>), <a href="../UsageInstructions/SavePrintDownload.htm" onclick="onhyperlinkclick(this)">скачать, распечатать</a> или <a href="../UsageInstructions/ViewDocInfo.htm" onclick="onhyperlinkclick(this)">переименовать</a> его,</li>
<li><a href="../UsageInstructions/OpenCreateNew.htm" onclick="onhyperlinkclick(this)">создать</a> новый документ или открыть недавно отредактированный,</li>
<li>просмотреть <a href="../UsageInstructions/ViewDocInfo.htm" onclick="onhyperlinkclick(this)">общие сведения</a> о документе,</li>
<li>управлять <a href="../UsageInstructions/ViewDocInfo.htm" onclick="onhyperlinkclick(this)">правами доступа</a>,</li>
<li>отслеживать <a href="../UsageInstructions/ViewDocInfo.htm" onclick="onhyperlinkclick(this)">историю версий</a>,</li>
<li>открыть <a href="../HelpfulHints/AdvancedSettings.htm" onclick="onhyperlinkclick(this)">дополнительные параметры</a> редактора,</li>
<li>вернуться в список документов.</li>
</ul>
</div>
</body>
</html>

View file

@ -0,0 +1,33 @@
<!DOCTYPE html>
<html>
<head>
<title>Вкладка Главная</title>
<meta charset="utf-8" />
<meta name="description" content="Знакомство с пользовательским интерфейсом редактора документов - Вкладка Главная" />
<link type="text/css" rel="stylesheet" href="../editor.css" />
<script type="text/javascript" src="../callback.js"></script>
</head>
<body>
<div class="mainpart">
<h1>Вкладка Главная</h1>
<p>Вкладка <b>Главная</b> открывается по умолчанию при открытии документа. Она позволяет форматировать шрифт и абзацы. Здесь также доступны некоторые другие опции, такие как cлияние, цветовые схемы, параметры представления.</p>
<p><img alt="Вкладка Главная" src="../images/interface/hometab.png" /></p>
<p>С помощью этой вкладки вы можете выполнить следующие действия:</p>
<ul>
<li>задавать <a href="../UsageInstructions/FontTypeSizeColor.htm" onclick="onhyperlinkclick(this)">тип, размер и цвет</a> шрифта,</li>
<li>применять <a href="../UsageInstructions/DecorationStyles.htm" onclick="onhyperlinkclick(this)">стили оформления</a> шрифта,</li>
<li>выбирать <a href="../UsageInstructions/BackgroundColor.htm" onclick="onhyperlinkclick(this)">цвет фона</a> для абзаца,</li>
<li>создавать маркированные и нумерованные <a href="../UsageInstructions/CreateLists.htm" onclick="onhyperlinkclick(this)">списки</a>,</li>
<li>изменять <a href="../UsageInstructions/ParagraphIndents.htm" onclick="onhyperlinkclick(this)">отступы</a> абзацев,</li>
<li>задавать <a href="../UsageInstructions/LineSpacing.htm" onclick="onhyperlinkclick(this)">междустрочный интервал</a> в абзацах,</li>
<li><a href="../UsageInstructions/AlignText.htm" onclick="onhyperlinkclick(this)">выравнивать текст</a> в абзаце,</li>
<li>отображать и скрывать <a href="../UsageInstructions/NonprintingCharacters.htm" onclick="onhyperlinkclick(this)">непечатаемые символы</a>,</li>
<li><a href="../UsageInstructions/CopyClearFormatting.htm" onclick="onhyperlinkclick(this)">копировать и очищать</a> форматирование текста,</li>
<li>изменять <a href="../UsageInstructions/ChangeColorScheme.htm" onclick="onhyperlinkclick(this)">цветовую схему</a>,</li>
<li>использовать функцию <a href="../UsageInstructions/UseMailMerge.htm" onclick="onhyperlinkclick(this)">слияния</a>,</li>
<li>управлять <a href="../UsageInstructions/FormattingPresets.htm" onclick="onhyperlinkclick(this)">стилями</a>,</li>
<li>настраивать <a href="../HelpfulHints/Navigation.htm" onclick="onhyperlinkclick(this)">параметры представления</a> и получать доступ к <a href="../HelpfulHints/AdvancedSettings.htm" onclick="onhyperlinkclick(this)">дополнительным параметрам</a> редактора.</li>
</ul>
</div>
</body>
</html>

View file

@ -0,0 +1,25 @@
<!DOCTYPE html>
<html>
<head>
<title>Вкладка Вставка</title>
<meta charset="utf-8" />
<meta name="description" content="Знакомство с пользовательским интерфейсом редактора документов - Вкладка Вставка" />
<link type="text/css" rel="stylesheet" href="../editor.css" />
<script type="text/javascript" src="../callback.js"></script>
</head>
<body>
<div class="mainpart">
<h1>Вкладка Вставка</h1>
<p>Вкладка <b>Вставка</b> позволяет добавлять элементы форматирования страницы, а также визуальные объекты и комментарии.</p>
<p><img alt="Вкладка Вставка" src="../images/interface/inserttab.png" /></p>
<p>С помощью этой вкладки вы можете выполнить следующие действия:</p>
<ul>
<li>вставлять <a href="../UsageInstructions/PageBreaks.htm" onclick="onhyperlinkclick(this)">разрывы страниц</a>, <a href="../UsageInstructions/SectionBreaks.htm" onclick="onhyperlinkclick(this)">разрывы разделов</a> и <a href="../UsageInstructions/SetPageParameters.htm#columns" onclick="onhyperlinkclick(this)">разрывы колонок</a>,</li>
<li>вставлять <a href="../UsageInstructions/InsertHeadersFooters.htm" onclick="onhyperlinkclick(this)">колонтитулы</a> и <a href="../UsageInstructions/InsertPageNumbers.htm" onclick="onhyperlinkclick(this)">номера страниц</a>,</li>
<li>вставлять <a href="../UsageInstructions/InsertTables.htm" onclick="onhyperlinkclick(this)">таблицы</a>, <a href="../UsageInstructions/InsertImages.htm" onclick="onhyperlinkclick(this)">изображения</a>, <a href="../UsageInstructions/InsertCharts.htm" onclick="onhyperlinkclick(this)">диаграммы</a>, <a href="../UsageInstructions/InsertAutoshapes.htm" onclick="onhyperlinkclick(this)">фигуры</a>,</li>
<li>вставлять <a href="../UsageInstructions/AddHyperlinks.htm" onclick="onhyperlinkclick(this)">гиперссылки</a>, <a href="../UsageInstructions/InsertFootnotes.htm" onclick="onhyperlinkclick(this)">сноски</a>, <a href="../HelpfulHints/CollaborativeEditing.htm#comments" onclick="onhyperlinkclick(this)">комментарии</a>,</li>
<li>вставлять <a href="../UsageInstructions/InsertTextObjects.htm" onclick="onhyperlinkclick(this)">текстовые поля и объекты Text Art</a>, <a href="../UsageInstructions/InsertEquation.htm" onclick="onhyperlinkclick(this)">формулы</a>, <a href="../UsageInstructions/InsertDropCap.htm" onclick="onhyperlinkclick(this)">буквицы</a>.</li>
</ul>
</div>
</body>
</html>

View file

@ -0,0 +1,25 @@
<!DOCTYPE html>
<html>
<head>
<title>Вкладка Макет</title>
<meta charset="utf-8" />
<meta name="description" content="Знакомство с пользовательским интерфейсом редактора документов - Вкладка Макет" />
<link type="text/css" rel="stylesheet" href="../editor.css" />
<script type="text/javascript" src="../callback.js"></script>
</head>
<body>
<div class="mainpart">
<h1>Вкладка Макет</h1>
<p>Вкладка <b>Макет</b> позволяет изменить внешний вид документа: задать параметры страницы и определить расположение визуальных элементов.</p>
<p><img alt="Вкладка Макет" src="../images/interface/layouttab.png" /></p>
<p>С помощью этой вкладки вы можете выполнить следующие действия:</p>
<ul>
<li>настраивать <a href="../UsageInstructions/SetPageParameters.htm#margins" onclick="onhyperlinkclick(this)">поля</a>, <a href="../UsageInstructions/SetPageParameters.htm#orientation" onclick="onhyperlinkclick(this)">ориентацию</a>, <a href="../UsageInstructions/SetPageParameters.htm#size" onclick="onhyperlinkclick(this)">размер</a> страницы,</li>
<li>добавлять <a href="../UsageInstructions/SetPageParameters.htm#columns" onclick="onhyperlinkclick(this)">колонки</a>,</li>
<li>вставлять <a href="../UsageInstructions/PageBreaks.htm" onclick="onhyperlinkclick(this)">разрывы страниц</a>, <a href="../UsageInstructions/SectionBreaks.htm" onclick="onhyperlinkclick(this)">разрывы разделов</a> и <a href="../UsageInstructions/SetPageParameters.htm#columns" onclick="onhyperlinkclick(this)">разрывы колонок</a>,</li>
<li>выравнивать и располагать в определенном порядке объекты (<a href="../UsageInstructions/InsertTables.htm" onclick="onhyperlinkclick(this)">таблицы</a>, <a href="../UsageInstructions/InsertImages.htm" onclick="onhyperlinkclick(this)">изображения</a>, <a href="../UsageInstructions/InsertCharts.htm" onclick="onhyperlinkclick(this)">диаграммы</a>, <a href="../UsageInstructions/InsertAutoshapes.htm" onclick="onhyperlinkclick(this)">фигуры</a>),</li>
<li>изменять <a href="../UsageInstructions/ChangeWrappingStyle.htm" onclick="onhyperlinkclick(this)">стиль обтекания</a>.</li>
</ul>
</div>
</body>
</html>

View file

@ -0,0 +1,28 @@
<!DOCTYPE html>
<html>
<head>
<title>Вкладка Плагины</title>
<meta charset="utf-8" />
<meta name="description" content="Знакомство с пользовательским интерфейсом редактора документов - Вкладка Плагины" />
<link type="text/css" rel="stylesheet" href="../editor.css" />
<script type="text/javascript" src="../callback.js"></script>
</head>
<body>
<div class="mainpart">
<h1>Вкладка Плагины</h1>
<p>Вкладка <b>Плагины</b> позволяет получить доступ к дополнительным возможностям редактирования, используя доступные сторонние компоненты.</p>
<p><img alt="Вкладка Плагины" src="../images/interface/pluginstab.png" /></p>
<p>В настоящее время доступны следующие плагины:</p>
<ul>
<li><b>ClipArt</b> позволяет добавлять в документ изображения из коллекции картинок,</li>
<li><b>OCR</b> позволяет распознавать текст с картинки и вставлять его в текст документа,</li>
<li><b>PhotoEditor</b> позволяет редактировать изображения: обрезать, изменять размер, применять эффекты и так далее,</li>
<li><b>Speech</b> позволяет преобразовать выделенный текст в речь,</li>
<li><b>Symbol Table</b> позволяет вставлять в текст специальные символы,</li>
<li><b>Translator</b> позволяет переводить выделенный текст на другие языки,</li>
<li><b>YouTube</b> позволяет встраивать в документ видео с YouTube.</li>
</ul>
<p>Для получения дополнительной информации о плагинах, пожалуйста, обратитесь к нашей <a target="_blank" href="https://api.onlyoffice.com/plugin/basic" onclick="onhyperlinkclick(this)">Документации по API</a>. Все существующие в настоящий момент примеры плагинов с открытым исходным кодом доступны на <a target="_blank" href="https://github.com/ONLYOFFICE/sdkjs-plugins" onclick="onhyperlinkclick(this)">GitHub</a>.</p>
</div>
</body>
</html>

View file

@ -0,0 +1,35 @@
<!DOCTYPE html>
<html>
<head>
<title>Знакомство с пользовательским интерфейсом редактора документов</title>
<meta charset="utf-8" />
<meta name="description" content="Знакомство с пользовательским интерфейсом редактора документов" />
<link type="text/css" rel="stylesheet" href="../editor.css" />
<script type="text/javascript" src="../callback.js"></script>
</head>
<body>
<div class="mainpart">
<h1>Знакомство с пользовательским интерфейсом редактора документов</h1>
<p>В <b>редакторе документов</b> используется вкладочный интерфейс, в котором команды редактирования сгруппированы во вкладки по функциональности.</p>
<p><img alt="Окно редактора" src="../images/interface/editorwindow.png" /></p>
<p>Интерфейс редактора состоит из следующих основных элементов:</p>
<ol>
<li>В <b>Шапке редактора</b> отображается логотип, вкладки меню, название документа. Cправа также находятся два значка, с помощью которых можно <a href="../HelpfulHints/CollaborativeEditing.htm" onclick="onhyperlinkclick(this)">задать права доступа</a> и вернуться в список документов.
<p><img alt="Значки в шапке редактора" src="../images/interface/rightpart.png" /></p>
</li>
<li>На <b>Верхней панели инструментов</b> отображается набор команд редактирования в зависимости от выбранной вкладки меню. В настоящее время доступны следующие вкладки: <a href="../ProgramInterface/FileTab.htm" onclick="onhyperlinkclick(this)">Файл</a>, <a href="../ProgramInterface/HomeTab.htm" onclick="onhyperlinkclick(this)">Главная</a>, <a href="../ProgramInterface/InsertTab.htm" onclick="onhyperlinkclick(this)">Вставка</a>, <a href="../ProgramInterface/LayoutTab.htm" onclick="onhyperlinkclick(this)">Макет</a>, <a href="../ProgramInterface/ReviewTab.htm" onclick="onhyperlinkclick(this)">Рецензирование</a>, <a href="../ProgramInterface/PluginsTab.htm" onclick="onhyperlinkclick(this)">Плагины</a>.
<p>Опции <b>Печать</b>, <b>Сохранить</b>, <b>Копировать</b>, <b>Вставить</b>, <b>Отменить</b> и <b>Повторить</b> всегда доступны в левой части <b>Верхней панели инструментов</b>, независимо от выбранной вкладки.</p>
<p><img alt="Значки на верхней панели инструментов" src="../images/interface/leftpart.png" /></p>
</li>
<li>В <b>Строке состояния</b>, расположенной внизу окна редактора, находится указатель номера страницы, отображаются некоторые оповещения (например, "Все изменения сохранены" и т.д.), с ее помощью также можно <a href="../HelpfulHints/SpellChecking.htm" onclick="onhyperlinkclick(this)">задать язык текста, включить проверку орфографии</a>, включить <a href="../HelpfulHints/Review.htm" onclick="onhyperlinkclick(this)">режим отслеживания изменений</a>, настроить <a href="../HelpfulHints/Navigation.htm" onclick="onhyperlinkclick(this)">масштаб</a>.</li>
<li>На <b>Левой боковой панели</b> находятся значки, позволяющие использовать инструмент <a href="../HelpfulHints/Search.htm" onclick="onhyperlinkclick(this)">поиска и замены</a>, открыть панель <a href="../HelpfulHints/CollaborativeEditing.htm#comments" onclick="onhyperlinkclick(this)">Комментариев</a> и <a href="../HelpfulHints/CollaborativeEditing.htm#chat" onclick="onhyperlinkclick(this)">Чата</a>, обратиться в службу технической поддержки и посмотреть информацию о программе.</li>
<li><b>Правая боковая панель</b> позволяет настроить дополнительные параметры различных объектов. При выделении в тексте определенного объекта активируется соответствующий значок на правой боковой панели. Нажмите на этот значок, чтобы развернуть правую боковую панель.</li>
<li>Горизонтальная и вертикальная <b>Линейки</b> позволяют выравнивать текст и другие элементы в документе, настраивать поля, позиции табуляции и отступы абзацев.</li>
<li>В <b>Рабочей области</b> вы можете просматривать содержимое документа, вводить и редактировать данные.</li>
<li><b>Полоса прокрутки</b>, расположенная справа, позволяет прокручивать вверх и вниз многостраничные документы.</li>
</ol>
<p>Для удобства вы можете скрыть некоторые элементы и снова отобразить их при необходимости. Для получения дополнительной информации о настройке параметров представления, пожалуйста, обратитесь к <a href="../HelpfulHints/Navigation.htm" onclick="onhyperlinkclick(this)">этой странице</a>.</p>
</div>
</body>
</html>

View file

@ -0,0 +1,25 @@
<!DOCTYPE html>
<html>
<head>
<title>Вкладка Рецензирование</title>
<meta charset="utf-8" />
<meta name="description" content="Знакомство с пользовательским интерфейсом редактора документов - Вкладка Рецензирование" />
<link type="text/css" rel="stylesheet" href="../editor.css" />
<script type="text/javascript" src="../callback.js"></script>
</head>
<body>
<div class="mainpart">
<h1>Вкладка Рецензирование</h1>
<p>Вкладка <b>Рецензирование</b> позволяет проверить документ: убедиться в отсутствии орфографических ошибок, управлять комментариями, отслеживать изменения, внесенные рецензентом.</p>
<p><img alt="Вкладка Рецензирование" src="../images/interface/reviewtab.png" /></p>
<p>С помощью этой вкладки вы можете выполнить следующие действия:</p>
<ul>
<li>переключать язык документа и включать <a href="../HelpfulHints/SpellChecking.htm" onclick="onhyperlinkclick(this)">проверку орфографии</a>,</li>
<li>добавлять <a href="../HelpfulHints/CollaborativeEditing.htm#comments" onclick="onhyperlinkclick(this)">комментарии</a> к документу,</li>
<li>включать функцию <a href="../HelpfulHints/Review.htm" onclick="onhyperlinkclick(this)">отслеживания изменений</a>,</li>
<li>выбирать <a href="../HelpfulHints/Review.htm#displaymode" onclick="onhyperlinkclick(this)">режим отображения изменений</a>,</li>
<li>управлять <a href="../HelpfulHints/Review.htm#managechanges" onclick="onhyperlinkclick(this)">предложенными изменениями</a>.</li>
</ul>
</div>
</body>
</html>

View file

@ -13,7 +13,7 @@
<ol>
<li>установите курсор в пределах нужного абзаца или выделите мышью несколько абзацев или весь текст документа, нажав сочетание клавиш <b>Ctrl+A</b>,</li>
<li>щелкните правой кнопкой мыши и выберите из меню пункт <b>Дополнительные параметры абзаца</b> или используйте ссылку <b>Дополнительные параметры</b> на правой боковой панели,</li>
<li>в открывшемся окне <b>Абзац - Дополнительные параметры</b> переключитесь на вкладку <b>Границы и заливка</b>,</li>
<li>в открывшемся окне <b>Абзац - дополнительные параметры</b> переключитесь на вкладку <b>Границы и заливка</b>,</li>
<li>задайте нужное значение для <b>Ширины границ</b> и выберите <b>Цвет границ</b>,</li>
<li>щелкайте по имеющейся схеме или используйте кнопки, чтобы выбрать границы и применить к ним выбранный стиль,</li>
<li>нажмите кнопку <b>OK</b>.</li>

View file

@ -19,14 +19,14 @@
<ul>
<li>нажмите на направленную вниз стрелку рядом со значком <img alt="Значок Цвет фона абзаца" src="../images/backgroundcolor.png" /> на вкладке <b>Главная</b> верхней панели инструментов, или</li>
<li>нажмите на цветовое поле рядом с надписью <b>Цвет фона</b> на правой боковой панели инструментов, или</li>
<li>нажмите на ссылку "Дополнительные параметры" на правой боковой панели инструментов или воспользуйтесь опцией "Дополнительные параметры абзаца" в контекстном меню, а затем перейдите на вкладку "Границы и заливка" в окне "Абзац - Дополнительные параметры" и нажмите на цветовое поле рядом с надписью <b>Цвет фона</b>.</li>
<li>нажмите на ссылку "Дополнительные параметры" на правой боковой панели инструментов или воспользуйтесь опцией "Дополнительные параметры абзаца" в контекстном меню, а затем перейдите на вкладку "Границы и заливка" в окне "Абзац - дополнительные параметры" и нажмите на цветовое поле рядом с надписью <b>Цвет фона</b>.</li>
</ul>
</li>
<li>выберите любой цвет на доступных <a href="../UsageInstructions/ChangeColorScheme.htm" onclick="onhyperlinkclick(this)">палитрах</a> </li>
</ol>
<p>Выбрав нужный цвет с помощью значка <img alt="Значок Цвет фона абзаца" src="../images/backgroundcolor.png" />, вы сможете применить этот цвет к любому выделенному абзацу, просто щелкнув по значку <img alt="Выбранный цвет фона абзаца" src="../images/backgroundcolor_selected.png" /> (он показывает выбранный цвет).
При этом не придется снова выбирать этот цвет на палитре. Если вы используете опцию <b>Цвет фона</b> на правой боковой панели или
в окне "Абзац - Дополнительные параметры", имейте в виду, что выбранный цвет не запоминается. (Эти опции могут быть полезны, если вы хотите выбрать другой цвет фона для конкретного абзаца,
в окне "Абзац - дополнительные параметры", имейте в виду, что выбранный цвет не запоминается. (Эти опции могут быть полезны, если вы хотите выбрать другой цвет фона для конкретного абзаца,
продолжая при этом использовать один и тот же основной цвет, выбранный с помощью значка <img alt="Значок Цвет фона абзаца" src="../images/backgroundcolor.png" />).
</p>
<hr />

View file

@ -47,7 +47,7 @@
<li>откройте настройки обтекания текстом:
<ul>
<li>выберите пункт контекстного меню <b>Дополнительные параметры таблицы</b> и перейдите на вкладку <b>Обтекание текстом</b> окна <b>Таблица - Дополнительные параметры</b> или</li>
<li>выберите пункт контекстного меню <b>Дополнительные параметры таблицы</b> и перейдите на вкладку <b>Обтекание текстом</b> окна <b>Таблица - дополнительные параметры</b> или</li>
<li>выберите один из следующих пунктов контекстного меню:
<ul>
<li><b>Стиль обтекания - Встроенный</b> - используется для выбора встроенного стиля обтекания (при котором таблица разрывает текст), а также выравнивания: по левому краю, по центру, по правому краю.</li>
@ -57,7 +57,7 @@
</ul>
</li>
</ol>
<p>На вкладке <b>Обтекание текстом</b> окна <b>Таблица - Дополнительные параметры</b> можно также задать следующие дополнительные параметры:</p>
<p>На вкладке <b>Обтекание текстом</b> окна <b>Таблица - дополнительные параметры</b> можно также задать следующие дополнительные параметры:</p>
<ul>
<li>Для встроенных таблиц можно задать тип <b>Выравнивания</b> таблицы (по левому краю, по центру или по правому краю) и <b>Отступ слева</b>.</li>
<li>Для плавающих таблиц можно задать <b>Расстояние до текста</b> и <b>положение</b> на вкладке <a href="../UsageInstructions/InsertTables.htm#position" onclick="onhyperlinkclick(this)">Положение таблицы</a>.</li>

View file

@ -44,7 +44,7 @@
<td>Используется, чтобы сделать текст мельче и поместить его в нижней части строки, например, как в химических формулах.</td>
</tr>
</table>
<p>Для получения доступа к дополнительным настройкам шрифта щелкните правой кнопкой мыши и выберите в меню пункт <b>Дополнительные параметры абзаца</b> или используйте ссылку <b>Дополнительные параметры</b> на правой боковой панели. Откроется окно <b>Абзац - Дополнительные параметры</b>, в котором необходимо переключиться на вкладку <b>Шрифт</b>.</p>
<p>Для получения доступа к дополнительным настройкам шрифта щелкните правой кнопкой мыши и выберите в меню пункт <b>Дополнительные параметры абзаца</b> или используйте ссылку <b>Дополнительные параметры</b> на правой боковой панели. Откроется окно <b>Абзац - дополнительные параметры</b>, в котором необходимо переключиться на вкладку <b>Шрифт</b>.</p>
<p>Здесь можно применить следующие стили оформления и настройки шрифта:</p>
<ul>
<li><b>Зачёркивание</b> - используется для зачеркивания текста чертой, проведенной по буквам.</li>

View file

@ -38,7 +38,7 @@
<li><b>Порядок</b> - используется, чтобы вынести выбранную автофигуру на передний план, переместить на задний план, перенести вперед или назад, а также сгруппировать или разгруппировать автофигуры для выполнения операций над несколькими из них сразу. Подробнее о расположении объектов в определенном порядке рассказывается на <a href="../UsageInstructions/AlignArrangeObjects.htm" onclick="onhyperlinkclick(this)">этой странице</a>.</li>
<li><b>Выравнивание</b> - используется, чтобы выровнять фигуру по левому краю, по центру, по правому краю, по верхнему краю, по середине, по нижнему краю. Подробнее о выравнивании объектов рассказывается на <a href="../UsageInstructions/AlignArrangeObjects.htm" onclick="onhyperlinkclick(this)">этой странице</a>.</li>
<li><b>Стиль обтекания</b> - используется, чтобы выбрать один из доступных стилей обтекания текстом - в тексте, вокруг рамки, по контуру, сквозное, сверху и снизу, перед текстом, за текстом - или для изменения границы обтекания. Опция <b>Изменить границу обтекания</b> доступна только в том случае, если выбран стиль обтекания, отличный от стиля "В тексте". Чтобы произвольно изменить границу, перетаскивайте точки границы обтекания. Чтобы создать новую точку границы обтекания, щелкните в любом месте на красной линии и перетащите ее в нужную позицию. <img alt="Изменение границы обтекания" src="../images/wrap_boundary.png" /></li>
<li><b>Дополнительные параметры фигуры</b> - используется для вызова окна 'Фигура - Дополнительные параметры'.</li>
<li><b>Дополнительные параметры фигуры</b> - используется для вызова окна 'Фигура - дополнительные параметры'.</li>
</ul>
<hr />
<p>Некоторые параметры автофигуры можно изменить с помощью вкладки <b>Параметры фигуры</b> на правой боковой панели. Чтобы ее активировать, щелкните по фигуре и выберите значок <b>Параметры фигуры</b> <img alt="Значок Параметры фигуры" src="../images/shape_settings_icon.png" /> справа. Здесь можно изменить следующие свойства:</p>
@ -99,8 +99,8 @@
<li><b>Изменить автофигуру</b> - используйте этот раздел, чтобы заменить текущую автофигуру на другую, выбрав ее из выпадающего списка.</li>
</ul>
<hr />
<p>Чтобы изменить дополнительные параметры автофигуры, щелкните по ней правой кнопкой мыши и выберите из контекстного меню пункт <b>Дополнительные параметры</b>. Или нажмите ссылку <b>Дополнительные параметры</b> на правой боковой панели. Откроется окно 'Фигура - Дополнительные параметры':</p>
<p><img alt="Фигура - Дополнительные параметры" src="../images/shape_properties.png" /></p>
<p>Чтобы изменить дополнительные параметры автофигуры, щелкните по ней правой кнопкой мыши и выберите из контекстного меню пункт <b>Дополнительные параметры</b>. Или нажмите ссылку <b>Дополнительные параметры</b> на правой боковой панели. Откроется окно 'Фигура - дополнительные параметры':</p>
<p><img alt="Фигура - дополнительные параметры" src="../images/shape_properties.png" /></p>
<p>Вкладка <b>Размер</b> содержит следующие параметры:</p>
<ul>
<li>
@ -119,7 +119,7 @@
</li>
<li>Если установлен флажок <b>Сохранять пропорции</b>, ширина и высота будут изменены пропорционально, сохраняя исходное соотношение сторон фигуры.</li>
</ul>
<p id="shape_wrapping"><img alt="Фигура - Дополнительные параметры" src="../images/shape_properties_1.png" /></p>
<p id="shape_wrapping"><img alt="Фигура - дополнительные параметры" src="../images/shape_properties_1.png" /></p>
<p>Вкладка <b>Обтекание текстом</b> содержит следующие параметры:</p>
<ul>
<li><b>Стиль обтекания</b> - используйте эту опцию, чтобы изменить способ размещения автофигуры относительно текста: или она будет являться частью текста (если выбран стиль обтекания "В тексте") или текст будет обтекать ее со всех сторон (если выбран один из остальных стилей).
@ -137,7 +137,7 @@
</li>
</ul>
<p>При выборе стиля обтекания вокруг рамки, по контуру, сквозное или сверху и снизу можно задать дополнительные параметры - <b>расстояние до текста</b> со всех сторон (сверху, снизу, слева, справа).</p>
<p id="position"><img alt="Фигура - Дополнительные параметры" src="../images/shape_properties_2.png" /></p>
<p id="position"><img alt="Фигура - дополнительные параметры" src="../images/shape_properties_2.png" /></p>
<p>Вкладка <b>Положение</b> доступна только в том случае, если выбран стиль обтекания, отличный от стиля "В тексте". Вкладка содержит следующие параметры, которые различаются в зависимости от выбранного стиля обтекания:</p>
<ul>
<li>
@ -159,7 +159,7 @@
<li>Опция <b>Перемещать с текстом</b> определяет, будет ли автофигура перемещаться вместе с текстом, к которому она привязана.</li>
<li>Опция <b>Разрешить перекрытие</b> определяет, будут ли перекрываться две автофигуры, если перетащить их близко друг к другу на странице.</li>
</ul>
<p><img alt="Фигура - Дополнительные параметры" src="../images/shape_properties_3.png" /></p>
<p><img alt="Фигура - дополнительные параметры" src="../images/shape_properties_3.png" /></p>
<p>Вкладка <b>Параметры фигуры</b> содержит следующие параметры:</p>
<ul>
<li><b>Стиль линии</b> - эта группа опций позволяет задать такие параметры:
@ -183,10 +183,10 @@
</li>
<li><b>Стрелки</b> - эта группа опций доступна только в том случае, если выбрана фигура из группы автофигур <b>Линии</b>. Она позволяет задать <b>Начальный</b> и <b>Конечный стиль</b> и <b>Размер</b> стрелки, выбрав соответствующие опции из выпадающих списков.</li>
</ul>
<p><img alt="Фигура - Дополнительные параметры" src="../images/shape_properties_4.png" /></p>
<p><img alt="Фигура - дополнительные параметры" src="../images/shape_properties_4.png" /></p>
<p>На вкладке <b>Поля вокруг текста</b> можно изменить внутренние поля автофигуры <b>Сверху</b>, <b>Снизу</b>, <b>Слева</b> и <b>Справа</b> (то есть расстояние между текстом внутри фигуры и границами автофигуры).</p>
<p class="note"><b>Примечание</b>: эта вкладка доступна, только если в автофигуру добавлен текст, в противном случае вкладка неактивна.</p>
<p><img alt="Фигура - Дополнительные параметры" src="../images/shape_properties_5.png" /></p>
<p><img alt="Фигура - дополнительные параметры" src="../images/shape_properties_5.png" /></p>
<p>Вкладка <b>Альтернативный текст</b> позволяет задать <b>Заголовок</b> и <b>Описание</b>, которые будут зачитываться для людей с нарушениями зрения или когнитивными нарушениями, чтобы помочь им лучше понять, какую информацию содержит фигура.</p>
</div>
</body>

View file

@ -29,8 +29,8 @@
</ul>
<p><img alt="Окно Редактор диаграмм" src="../images/charteditor.png" /></p>
</li>
<li>измените параметры диаграммы, нажав на кнопку <b>Изменить диаграмму</b> в окне <b>Редактор диаграмм</b>. Откроется окно <b>Диаграмма - Дополнительные параметры</b>.
<p><img alt="Окно Диаграмма - Дополнительные параметры" src="../images/chartsettings.png" /></p>
<li>измените параметры диаграммы, нажав на кнопку <b>Изменить диаграмму</b> в окне <b>Редактор диаграмм</b>. Откроется окно <b>Диаграмма - дополнительные параметры</b>.
<p><img alt="Окно Диаграмма - дополнительные параметры" src="../images/chartsettings.png" /></p>
На вкладке <b>Тип и данные</b> можно изменить тип диаграммы, а также данные, которые вы хотите использовать для создания диаграммы.
<ul>
<li>Выберите <b>Тип</b> диаграммы, который требуется применить: гистограмма, график, круговая, линейчатая, с областями, точечная, биржевая.</li>
@ -41,7 +41,7 @@
Измените способ расположения данных. Можно выбрать ряды данных для использования по оси X: <b>в строках</b> или <b>в столбцах</b>.
</li>
</ul>
<p><img alt="Окно Диаграмма - Дополнительные параметры" src="../images/chartsettings2.png" /></p>
<p><img alt="Окно Диаграмма - дополнительные параметры" src="../images/chartsettings2.png" /></p>
<p>На вкладке <b>Макет</b> можно изменить расположение элементов диаграммы:</p>
<ul>
<li>
@ -130,7 +130,7 @@
</li>
</ul>
<p>
<img alt="Окно Диаграмма - Дополнительные параметры" src="../images/chartsettings3.png" />
<img alt="Окно Диаграмма - дополнительные параметры" src="../images/chartsettings3.png" />
</p>
<p class="note">
<b>Примечание</b>: Вкладки <b>Вертикальная/горизонтальная ось</b> недоступны для <b>круговых диаграмм</b>, так как у круговых диаграмм нет осей.
@ -212,7 +212,7 @@
</li>
</ul>
<p>
<img alt="Окно Диаграмма - Дополнительные параметры" src="../images/chartsettings4.png" />
<img alt="Окно Диаграмма - дополнительные параметры" src="../images/chartsettings4.png" />
</p>
<p>
На вкладке <b>Горизонтальная ось</b> можно изменить параметры горизонтальной оси, которую также называют
@ -276,7 +276,7 @@
</ul>
</li>
</ul>
<p><img alt="Диаграмма - Дополнительные параметры" src="../images/chartsettings5.png" /></p>
<p><img alt="Диаграмма - дополнительные параметры" src="../images/chartsettings5.png" /></p>
<p>Вкладка <b>Альтернативный текст</b> позволяет задать <b>Заголовок</b> и <b>Описание</b>, которые будут зачитываться для людей с нарушениями зрения или когнитивными нарушениями, чтобы помочь им лучше понять, какую информацию содержит диаграмма.</p>
</li>
</ol>
@ -315,7 +315,7 @@
<li><b>Выравнивание</b> - используется, чтобы выровнять диаграмму по левому краю, по центру, по правому краю, по верхнему краю, по середине, по нижнему краю. Подробнее о выравнивании объектов рассказывается на <a href="../UsageInstructions/AlignArrangeObjects.htm" onclick="onhyperlinkclick(this)">этой странице</a>.</li>
<li><b>Стиль обтекания</b> - используется, чтобы выбрать один из доступных стилей обтекания текстом - в тексте, вокруг рамки, по контуру, сквозное, сверху и снизу, перед текстом, за текстом. Опция <b>Изменить границу обтекания</b> для диаграмм недоступна.</li>
<li><b>Изменить данные</b> - используется для вызова окна 'Редактор диаграмм'.</li>
<li><b>Дополнительные параметры диаграммы</b> - используется для вызова окна 'Диаграмма - Дополнительные параметры'.</li>
<li><b>Дополнительные параметры диаграммы</b> - используется для вызова окна 'Диаграмма - дополнительные параметры'.</li>
</ul>
<p>
При выборе диаграммы справа также появляется значок <b>Параметры фигуры</b> <img alt="Значок Параметры фигуры" src="../images/shape_settings_icon.png" />,
@ -325,12 +325,12 @@
</p>
<hr />
<p>Чтобы изменить дополнительные параметры диаграммы, щелкните по ней правой кнопкой мыши и выберите из контекстного меню пункт <b>Дополнительные параметры диаграммы</b>. Или нажмите ссылку <b>Дополнительные параметры</b> на правой боковой панели. Откроется окно свойств диаграммы:</p>
<p><img alt="Диаграмма - Дополнительные параметры: Размер" src="../images/chart_properties.png" /></p>
<p><img alt="Диаграмма - дополнительные параметры: Размер" src="../images/chart_properties.png" /></p>
<p>Вкладка <b>Размер</b> содержит следующие параметры:</p>
<ul>
<li><b>Ширина</b> и <b>Высота</b> - используйте эти опции, чтобы изменить ширину и/или высоту диаграммы. Если нажата кнопка <b>Сохранять пропорции</b> <img alt="Кнопка Сохранять пропорции" src="../images/constantproportions.png" /> (в этом случае она выглядит так: <img alt="Кнопка Сохранять пропорции нажата" src="../images/constantproportionsactivated.png" />), ширина и высота будут изменены пропорционально, сохраняя исходное соотношение сторон диаграммы.</li>
</ul>
<p><img alt="Диаграмма - Дополнительные параметры: Обтекание текстом" src="../images/chart_properties_1.png" /></p>
<p><img alt="Диаграмма - дополнительные параметры: Обтекание текстом" src="../images/chart_properties_1.png" /></p>
<p>Вкладка <b>Обтекание текстом</b> содержит следующие параметры:</p>
<ul>
<li><b>Стиль обтекания</b> - используйте эту опцию, чтобы изменить способ размещения диаграммы относительно текста: или она будет являться частью текста (если выбран стиль обтекания "В тексте") или текст будет обтекать ее со всех сторон (если выбран один из остальных стилей).
@ -348,7 +348,7 @@
</li>
</ul>
<p>При выборе стиля обтекания вокруг рамки, по контуру, сквозное или сверху и снизу можно задать дополнительные параметры - <b>расстояние до текста</b> со всех сторон (сверху, снизу, слева, справа).</p>
<p id="position"><img alt="Диаграмма - Дополнительные параметры: Положение" src="../images/chart_properties_2.png" /></p>
<p id="position"><img alt="Диаграмма - дополнительные параметры: Положение" src="../images/chart_properties_2.png" /></p>
<p>Вкладка <b>Положение</b> доступна только в том случае, если выбран стиль обтекания, отличный от стиля "В тексте". Вкладка содержит следующие параметры, которые различаются в зависимости от выбранного стиля обтекания:</p>
<ul>
<li>
@ -370,7 +370,7 @@
<li>Опция <b>Перемещать с текстом</b> определяет, будет ли диаграмма перемещаться вместе с текстом, к которому она привязана.</li>
<li>Опция <b>Разрешить перекрытие</b> определяет, будут ли перекрываться две диаграммы, если перетащить их близко друг к другу на странице.</li>
</ul>
<p><img alt="Диаграмма - Дополнительные параметры" src="../images/chart_properties_3.png" /></p>
<p><img alt="Диаграмма - дополнительные параметры" src="../images/chart_properties_3.png" /></p>
<p>Вкладка <b>Альтернативный текст</b> позволяет задать <b>Заголовок</b> и <b>Описание</b>, которые будут зачитываться для людей с нарушениями зрения или когнитивными нарушениями, чтобы помочь им лучше понять, какую информацию содержит диаграмма.</p>
</div>
</body>

View file

@ -45,16 +45,16 @@
<li><b>Выравнивание</b> - используется, чтобы выровнять изображение по левому краю, по центру, по правому краю, по верхнему краю, по середине, по нижнему краю. Подробнее о выравнивании объектов рассказывается на <a href="../UsageInstructions/AlignArrangeObjects.htm" onclick="onhyperlinkclick(this)">этой странице</a>.</li>
<li><b>Стиль обтекания</b> - используется, чтобы выбрать один из доступных стилей обтекания текстом - в тексте, вокруг рамки, по контуру, сквозное, сверху и снизу, перед текстом, за текстом - или для изменения границы обтекания. Опция <b>Изменить границу обтекания</b> доступна только в том случае, если выбран стиль обтекания, отличный от стиля "В тексте". Чтобы произвольно изменить границу, перетаскивайте точки границы обтекания. Чтобы создать новую точку границы обтекания, щелкните в любом месте на красной линии и перетащите ее в нужную позицию. <img alt="Изменение границы обтекания" src="../images/wrap_boundary.png" /></li>
<li><b>Размер по умолчанию</b> - используется для смены текущего размера изображения на размер по умолчанию.</li>
<li><b>Дополнительные параметры изображения</b> - используется для вызова окна 'Изображение - Дополнительные параметры'.</li>
<li><b>Дополнительные параметры изображения</b> - используется для вызова окна 'Изображение - дополнительные параметры'.</li>
</ul>
<hr />
<p>Чтобы изменить дополнительные параметры изображения, щелкните по нему правой кнопкой мыши и выберите из контекстного меню пункт <b>Дополнительные параметры изображения</b>. Или нажмите ссылку <b>Дополнительные параметры</b> на правой боковой панели. Откроется окно свойств изображения:</p>
<p><img alt="Изображение - Дополнительные параметры: Размер" src="../images/image_properties.png" /></p>
<p><img alt="Изображение - дополнительные параметры: Размер" src="../images/image_properties.png" /></p>
<p>Вкладка <b>Размер</b> содержит следующие параметры:</p>
<ul>
<li><b>Ширина</b> и <b>Высота</b> - используйте эти опции, чтобы изменить ширину и/или высоту изображения. Если нажата кнопка <b>Сохранять пропорции</b> <img alt="Кнопка Сохранять пропорции" src="../images/constantproportions.png" /> (в этом случае она выглядит так: <img alt="Кнопка Сохранять пропорции нажата" src="../images/constantproportionsactivated.png" />), ширина и высота будут изменены пропорционально, сохраняя исходное соотношение сторон изображения. Чтобы восстановить размер по умолчанию добавленного изображения, нажмите кнопку <b>По умолчанию</b>.</li>
</ul>
<p><img alt="Изображение - Дополнительные параметры: Обтекание текстом" src="../images/image_properties_1.png" /></p>
<p><img alt="Изображение - дополнительные параметры: Обтекание текстом" src="../images/image_properties_1.png" /></p>
<p>Вкладка <b>Обтекание текстом</b> содержит следующие параметры:</p>
<ul>
<li><b>Стиль обтекания</b> - используйте эту опцию, чтобы изменить способ размещения изображения относительно текста: или оно будет являться частью текста (если выбран стиль обтекания "В тексте") или текст будет обтекать его со всех сторон (если выбран один из остальных стилей).
@ -72,7 +72,7 @@
</li>
</ul>
<p>При выборе стиля обтекания вокруг рамки, по контуру, сквозное или сверху и снизу можно задать дополнительные параметры - <b>расстояние до текста</b> со всех сторон (сверху, снизу, слева, справа).</p>
<p id="position"><img alt="Изображение - Дополнительные параметры: Положение" src="../images/image_properties_2.png" /></p>
<p id="position"><img alt="Изображение - дополнительные параметры: Положение" src="../images/image_properties_2.png" /></p>
<p>Вкладка <b>Положение</b> доступна только в том случае, если выбран стиль обтекания, отличный от стиля "В тексте". Вкладка содержит следующие параметры, которые различаются в зависимости от выбранного стиля обтекания:</p>
<ul>
<li>В разделе <b>По горизонтали</b> можно выбрать один из следующих трех способов позиционирования изображения:
@ -92,7 +92,7 @@
<li>Опция <b>Перемещать с текстом</b> определяет, будет ли изображение перемещаться вместе с текстом, к которому оно привязано.</li>
<li>Опция <b>Разрешить перекрытие</b> определяет, будут ли перекрываться два изображения, если перетащить их близко друг к другу на странице.</li>
</ul>
<p><img alt="Изображение - Дополнительные параметры" src="../images/image_properties_3.png" /></p>
<p><img alt="Изображение - дополнительные параметры" src="../images/image_properties_3.png" /></p>
<p>Вкладка <b>Альтернативный текст</b> позволяет задать <b>Заголовок</b> и <b>Описание</b>, которые будут зачитываться для людей с нарушениями зрения или когнитивными нарушениями, чтобы помочь им лучше понять, какую информацию содержит изображение.</p>
</div>
</body>

View file

@ -41,9 +41,9 @@
<li><b>Направление текста</b> - используется для изменения ориентации текста в ячейке. Текст можно расположить по горизонтали, по вертикали сверху вниз (<b>Поворот на 90°</b>), или по вертикали снизу вверх (<b>Поворот на 270°</b>).</li>
<li><b>Стиль обтекания - Встроенный</b> - используется для выбора встроенного стиля обтекания (при котором таблица разрывает текст), а также выравнивания: по левому краю, по центру, по правому краю.</li>
<li><b>Стиль обтекания - Плавающий</b> - используется для выбора плавающего стиля обтекания, при котором текст размещается вокруг таблицы.</li>
<li><b>Дополнительные параметры таблицы</b> - используется для вызова окна 'Таблица - Дополнительные параметры'.</li>
<li><b>Дополнительные параметры таблицы</b> - используется для вызова окна 'Таблица - дополнительные параметры'.</li>
<li><b>Гиперссылка</b> - используется для вставки гиперссылки.</li>
<li><b>Дополнительные параметры абзаца</b> - используется для вызова окна 'Абзац - Дополнительные параметры'.</li>
<li><b>Дополнительные параметры абзаца</b> - используется для вызова окна 'Абзац - дополнительные параметры'.</li>
</ul>
<hr />
<p><img class="floatleft"alt="Правая боковая панель - Настройки таблицы" src="../images/right_table.png" /></p>
@ -68,11 +68,11 @@
<li><p><b>Стиль обтекания</b> - используется для выбора одного из двух стилей обтекания текстом - встроенного и плавающего.</p></li>
<li><p><b>Строки и столбцы</b> - используется для выполнения некоторых операций с таблицей: выделения, удаления, вставки строк и столбцов, объединения ячеек, разделения ячейки.</p></li>
<li><p><b>Повторять как заголовок на каждой странице</b> - в длинных таблицах используется для вставки одной и той же строки заголовка наверху каждой страницы.</p></li>
<li><p><b>Дополнительные параметры</b> - используется для вызова окна 'Таблица - Дополнительные параметры'.</p></li>
<li><p><b>Дополнительные параметры</b> - используется для вызова окна 'Таблица - дополнительные параметры'.</p></li>
</ul>
<hr />
<p>Чтобы изменить дополнительные параметры таблицы, щелкните по таблице правой кнопкой мыши и выберите из контекстного меню пункт <b>Дополнительные параметры таблицы</b>. Или нажмите ссылку <b>Дополнительные параметры</b> на правой боковой панели. Откроется окно свойств таблицы:</p>
<p><img alt="Таблица - Дополнительные параметры" src="../images/table_properties_1.png" /></p>
<p><img alt="Таблица - дополнительные параметры" src="../images/table_properties_1.png" /></p>
<p>На вкладке <b>Таблица</b> можно изменить свойства всей таблицы.</p>
<ul>
<li>
@ -96,7 +96,7 @@
</ul>
</li>
</ul>
<p><img alt="Таблица - Дополнительные параметры" src="../images/table_properties_5.png" /></p>
<p><img alt="Таблица - дополнительные параметры" src="../images/table_properties_5.png" /></p>
<p>На вкладке <b>Ячейка</b> можно изменить свойства отдельных ячеек. Сначала надо выбрать ячейку, к которой требуется применить изменения, или выделить всю таблицу, чтобы изменить свойства всех ее ячеек.</p>
<ul>
<li>
@ -117,7 +117,7 @@
</ul>
</li>
</ul>
<p><img alt="Таблица - Дополнительные параметры" src="../images/table_properties_3.png" /></p>
<p><img alt="Таблица - дополнительные параметры" src="../images/table_properties_3.png" /></p>
<p>Вкладка <b>Границы и фон</b> содержит следующие параметры:</p>
<ul>
<li>
@ -130,7 +130,7 @@
<li><b>Фон ячейки</b> - цвет фона внутри ячейки (опция доступна только в том случае, если выделены одна или более ячеек или выбрана опция <b>Интервалы между ячейками</b> на вкладке <b>Таблица</b>).</li>
<li><b>Фон таблицы</b> - цвет фона таблицы или фона пространства между ячейками в том случае, если выбрана опция <b>Интервалы между ячейками</b> на вкладке <b>Таблица</b>.</li>
</ul>
<p id="position"><img alt="Таблица - Дополнительные параметры" src="../images/table_properties_4.png" /></p>
<p id="position"><img alt="Таблица - дополнительные параметры" src="../images/table_properties_4.png" /></p>
<p>Вкладка <b>Положение таблицы</b> доступна только в том случае, если на вкладке <b>Обтекание текстом</b> выбран <b>Плавающий</b> стиль обтекания, и содержит следующие параметры:</p>
<ul>
<li>Параметры раздела <b>По горизонтали</b> включают в себя <b>выравнивание</b> таблицы (по левому краю, по центру, по правому краю) <b>относительно</b> поля, страницы или текста, а также <b>положение</b> таблицы <b>справа от</b> поля, страницы или текста.</li>
@ -143,7 +143,7 @@
</ul>
</li>
</ul>
<p><img alt="Таблица - Дополнительные параметры" src="../images/table_properties_2.png" /></p>
<p><img alt="Таблица - дополнительные параметры" src="../images/table_properties_2.png" /></p>
<p>Вкладка <b>Обтекание текстом</b> содержит следующие параметры:</p>
<ul>
<li><b>Стиль обтекания</b> текстом - <b>Встроенный</b> или <b>Плавающий</b>. Используйте нужную опцию, чтобы изменить способ размещения таблицы относительно текста: или она будет являться частью текста (если Вы выбрали встроенный стиль), или текст будет обтекать ее со всех сторон (если Вы выбрали плавающий стиль).</li>
@ -155,7 +155,7 @@
</ul>
</li>
</ul>
<p><img alt="Таблица - Дополнительные параметры" src="../images/table_properties_6.png" /></p>
<p><img alt="Таблица - дополнительные параметры" src="../images/table_properties_6.png" /></p>
<p>Вкладка <b>Альтернативный текст</b> позволяет задать <b>Заголовок</b> и <b>Описание</b>, которые будут зачитываться для людей с нарушениями зрения или когнитивными нарушениями, чтобы помочь им лучше понять, какую информацию содержит таблица.</p>
</div>

View file

@ -15,12 +15,12 @@
<p>Чтобы вставить разрыв страницы перед выбранным абзацем, то есть начать этот абзац в верхней части новой страницы:</p>
<ul>
<li>щелкните правой кнопкой мыши и выберите в меню пункт <b>С новой страницы</b>, или</li>
<li>щелкните правой кнопкой мыши, выберите в меню пункт <b>Дополнительные параметры абзаца</b> или используйте ссылку <b>Дополнительные параметры</b> на правой боковой панели, затем в открывшемся окне <b>Абзац - Дополнительные параметры</b> установите флажок <b>С новой страницы</b>.</li>
<li>щелкните правой кнопкой мыши, выберите в меню пункт <b>Дополнительные параметры абзаца</b> или используйте ссылку <b>Дополнительные параметры</b> на правой боковой панели, затем в открывшемся окне <b>Абзац - дополнительные параметры</b> установите флажок <b>С новой страницы</b>.</li>
</ul>
<p>Чтобы располагать строки абзаца на одной странице и переносить на новую страницу только целые абзацы (то есть не допускать разрыва страниц между строками одного абзаца),</p>
<ul>
<li>щелкните правой кнопкой мыши и выберите в меню пункт <b>Не разрывать абзац</b> или</li>
<li>щелкните правой кнопкой мыши, выберите в меню пункт <b>Дополнительные параметры абзаца</b> или используйте ссылку <b>Дополнительные параметры</b> на правой боковой панели, и установите флажок <b>Не разрывать абзац</b> в открывшемся окне <b>Абзац - Дополнительные параметры</b>.</li>
<li>щелкните правой кнопкой мыши, выберите в меню пункт <b>Дополнительные параметры абзаца</b> или используйте ссылку <b>Дополнительные параметры</b> на правой боковой панели, и установите флажок <b>Не разрывать абзац</b> в открывшемся окне <b>Абзац - дополнительные параметры</b>.</li>
</ul>
<p>В окне <b>Абзац - дополнительные параметры</b> можно задать еще два параметра разбивки на страницы:</p>
<ul>

View file

@ -14,7 +14,7 @@
<ol>
<li>установите курсор в пределах нужного абзаца, или выделите мышью несколько абзацев, или весь текст документа, нажав сочетание клавиш <b>Ctrl+A</b>,</li>
<li>щелкните правой кнопкой мыши и выберите из меню пункт <b>Дополнительные параметры абзаца</b> или используйте ссылку <b>Дополнительные параметры</b> на правой боковой панели,</li>
<li>в открывшемся окне <b>Абзац - Дополнительные параметры</b> задайте нужный отступ для <b>первой строки</b> и смещение всего абзаца от <b>левого</b> и <b>правого</b> полей страницы,</li>
<li>в открывшемся окне <b>Абзац - дополнительные параметры</b> задайте нужный отступ для <b>первой строки</b> и смещение всего абзаца от <b>левого</b> и <b>правого</b> полей страницы,</li>
<li>нажмите кнопку <b>OK</b>.
<p><img alt="Дополнительные параметры абзаца - Отступы и положение" src="../images/paradvsettings_indents.png" /></p>
</li>

View file

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html>
<head>
<title>Сохранение / загрузка / печать документа</title>
<title>Сохранение / скачивание / печать документа</title>
<meta charset="utf-8" />
<meta name="description" content="Сохраните, распечатайте и скачайте документ в разных форматах" />
<link type="text/css" rel="stylesheet" href="../editor.css" />
@ -9,7 +9,7 @@
</head>
<body>
<div class="mainpart">
<h1>Сохранение /<span class="onlineDocumentFeatures"> загрузка /</span> печать документа</h1>
<h1>Сохранение /<span class="onlineDocumentFeatures"> скачивание /</span> печать документа</h1>
<p>По умолчанию онлайн-редактор документов автоматически сохраняет файл каждые 2 секунды, когда вы работаете над ним, чтобы не допустить потери данных в случае непредвиденного закрытия программы. Если вы совместно редактируете файл в <b>Быстром</b> режиме, таймер запрашивает наличие изменений 25 раз в секунду и сохраняет их, если они были внесены. При совместном редактировании файла в <b>Строгом</b> режиме изменения автоматически сохраняются каждые 10 минут. При необходимости можно легко выбрать предпочтительный режим совместного редактирования или отключить функцию автоматического сохранения на странице <a href="../HelpfulHints/AdvancedSettings.htm" onclick="onhyperlinkclick(this)">Дополнительные параметры</a>.</p>
<p>Чтобы сохранить текущий документ вручную,</p>
<ul>

View file

@ -12,9 +12,9 @@
<h1>Задание параметров страницы</h1>
<p>Чтобы изменить разметку страницы, а именно задать ориентацию и размер страницы, настроить поля и вставить колонки, используйте соответствующие значки на вкладке <b>Макет</b> верхней панели инструментов.</p>
<p class="note"><b>Примечание</b>: все эти параметры применяются ко всему документу. Если вам нужно установить разные поля, ориентацию, размер страниц или количество колонок в разных частях документа, обратитесь к <a href="../UsageInstructions/SectionBreaks.htm" onclick="onhyperlinkclick(this)">этой странице</a>.</p>
<h3>Ориентация страницы</h3>
<h3 id="orientation">Ориентация страницы</h3>
<p>Измените текущий тип ориентации, нажав на значок <img alt="Значок Ориентация" src="../images/orientation.png" /> <b>Ориентация</b>. По умолчанию используется <b>Портретный</b> тип ориентации, который можно переключить на <b>Альбомный</b>.</p>
<h3>Размер страницы</h3>
<h3 id="size">Размер страницы</h3>
<p>Измените используемый по умолчанию формат A4, нажав на значок <img alt="Значок Размер" src="../images/pagesize.png" /> <b>Размер</b> и выбрав нужный из списка. Доступны следующие предустановленные размеры:</p>
<ul>
<li>US Letter (21,59 см x 27,94 см)</li>
@ -33,12 +33,12 @@
</ul>
<p>Можно также задать нестандартный размер страницы, выбрав из списка опцию <b>Особый размер страницы</b>. Откроется окно <b>Размер страницы</b>, в котором можно будет указать нужные значения <b>Ширины</b> и <b>Высоты</b>. Введите новые значения в поля ввода или скорректируйте имеющиеся значения с помощью кнопок со стрелками. Когда все будет готово, нажмите кнопку <b>OK</b>, чтобы применить изменения.</p>
<p><img alt="Особый размер страницы" src="../images/custompagesize.png" /></p>
<h3>Поля страницы</h3>
<h3 id="margins">Поля страницы</h3>
<p>Измените используемые по умолчанию поля, то есть пустое пространство между левым, правым, верхним и нижним краями страницы и текстом абзаца, нажав на значок <img alt="Значок Поля" src="../images/pagemargins.png" /> <b>Поля</b> и выбрав один из доступных предустановленных вариантов: <b>Обычные</b>, <b>Обычные (американский стандарт)</b>, <b>Узкие</b>, <b>Средние</b>, <b>Широкие</b>. Можно также использовать опцию <b>Настраиваемые поля</b> и указать свои собственные значения в открывшемся окне <b>Поля</b>. Введите в поля ввода нужные значения для <b>Верхнего</b>, <b>Нижнего</b>, <b>Левого</b> и <b>Правого</b> полей страницы или скорректируйте имеющиеся значения с помощью кнопок со стрелками. Когда все будет готово, нажмите кнопку <b>OK</b>. Особые поля будут применены к текущему документу, а в списке <img alt="Значок Поля" src="../images/pagemargins.png" /> <b>Поля</b> появится пункт <b>Последние настраиваемые</b> с указанными параметрами, чтобы можно было применить их к каким-то другим документам.</p>
<p><img alt="Настраиваемые поля" src="../images/custommargins.png" /></p>
<p>Поля можно также изменить вручную, перемещая мышью границу между серой и белой областью на линейке (серые области на линейке обозначают поля страниц):</p>
<p><img alt="Установка полей" src="../images/margins.png" /></p>
<h3>Колонки</h3>
<h3 id="columns">Колонки</h3>
<p>Примените разметку с несколькими колонками, нажав на значок <img alt="Значок Колонки" src="../images/insertcolumns.png" /> <b>Колонки</b> и выбрав из выпадающего списка нужный тип колонок. Доступны следующие варианты:</p>
<ul>
<li><b>Две</b> <img alt="Значок Две колонки" src="../images/twocolumns.png" /> - чтобы добавить две колонки одинаковой ширины,</li>

View file

@ -10,6 +10,7 @@ img
{
border: none;
vertical-align: middle;
max-width: 95%;
}
img.floatleft

Binary file not shown.

After

Width:  |  Height:  |  Size: 88 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 35 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 468 B

View file

@ -1,4 +1,9 @@
[
{"src": "ProgramInterface/ProgramInterface.htm", "name": "Introducing Presentation Editor user interface", "headername": "Program Interface"},
{"src": "ProgramInterface/FileTab.htm", "name": "File tab"},
{"src": "ProgramInterface/HomeTab.htm", "name": "Home Tab"},
{"src": "ProgramInterface/InsertTab.htm", "name": "Insert tab"},
{"src": "ProgramInterface/PluginsTab.htm", "name": "Plugins tab"},
{"src": "UsageInstructions/OpenCreateNew.htm", "name": "Create a new presentation or open an existing one", "headername": "Usage Instructions"},
{"src": "UsageInstructions/ManageSlides.htm", "name": "Manage slides"},
{"src": "UsageInstructions/SetSlideParameters.htm", "name": "Set slide parameters"},

View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html>
<head>
<title>File tab</title>
<meta charset="utf-8" />
<meta name="description" content="Introducing the Presentation Editor user interface - File tab" />
<link type="text/css" rel="stylesheet" href="../editor.css" />
<script type="text/javascript" src="../callback.js"></script>
</head>
<body>
<div class="mainpart">
<h1>File tab</h1>
<p>The <b>File</b> tab allows to perform some basic operations on the current file.</p>
<p><img alt="File tab" src="../images/interface/filetab.png" /></p>
<p>Using this tab, you can:</p>
<ul>
<li><a href="../UsageInstructions/SavePrintDownload.htm" onclick="onhyperlinkclick(this)">save</a> the current file (in case the <b>Autosave</b> option is disabled), <a href="../UsageInstructions/SavePrintDownload.htm" onclick="onhyperlinkclick(this)">download, print</a> or <a href="../UsageInstructions/ViewPresentationInfo.htm" onclick="onhyperlinkclick(this)">rename</a> it,</li>
<li><a href="../UsageInstructions/OpenCreateNew.htm" onclick="onhyperlinkclick(this)">create</a> a new presentation or open a recently edited one,</li>
<li>view <a href="../UsageInstructions/ViewPresentationInfo.htm" onclick="onhyperlinkclick(this)">general information</a> about the presentation,</li>
<li>manage <a href="../UsageInstructions/ViewPresentationInfo.htm" onclick="onhyperlinkclick(this)">access rights</a>,</li>
<li>access the editor <a href="../HelpfulHints/AdvancedSettings.htm" onclick="onhyperlinkclick(this)">Advanced Settings</a>,</li>
<li>return to the Documents list.</li>
</ul>
</div>
</body>
</html>

View file

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<title>Home tab</title>
<meta charset="utf-8" />
<meta name="description" content="Introducing the Presentation Editor user interface - Home tab" />
<link type="text/css" rel="stylesheet" href="../editor.css" />
<script type="text/javascript" src="../callback.js"></script>
</head>
<body>
<div class="mainpart">
<h1>Home tab</h1>
<p>The <b>Home</b> tab opens by default when you open a presentation. It allows to set general slide parameters, format text, insert some objects, align and arrange them.</p>
<p><img alt="Home tab" src="../images/interface/hometab.png" /></p>
<p>Using this tab, you can:</p>
<ul>
<li>manage <a href="../UsageInstructions/ManageSlides.htm" onclick="onhyperlinkclick(this)">slides</a> and <a href="../UsageInstructions/PreviewPresentation.htm" onclick="onhyperlinkclick(this)">start slideshow</a>,</li>
<li>format <a href="../UsageInstructions/InsertText.htm#formattext" onclick="onhyperlinkclick(this)">text</a> within a text box,</li>
<li>insert <a href="../UsageInstructions/InsertText.htm" onclick="onhyperlinkclick(this)">text boxes</a>, <a href="../UsageInstructions/InsertImages.htm" onclick="onhyperlinkclick(this)">pictures</a>, <a href="../UsageInstructions/InsertAutoshapes.htm" onclick="onhyperlinkclick(this)">shapes</a>,</li>
<li><a href="../UsageInstructions/AlignArrangeObjects.htm" onclick="onhyperlinkclick(this)">align and arrange objects</a> on a slide,</li>
<li><a href="../UsageInstructions/CopyClearFormatting.htm" onclick="onhyperlinkclick(this)">copy/clear</a> text formatting,</li>
<li>change a <a href="../UsageInstructions/SetSlideParameters.htm" onclick="onhyperlinkclick(this)">theme, color scheme or slide size</a>,</li>
<li>adjust <a href="../HelpfulHints/Navigation.htm" onclick="onhyperlinkclick(this)">View Settings</a> and access the editor <a href="../HelpfulHints/AdvancedSettings.htm" onclick="onhyperlinkclick(this)">Advanced Settings</a>.</li>
</ul>
</div>
</body>
</html>

View file

@ -0,0 +1,24 @@
<!DOCTYPE html>
<html>
<head>
<title>Insert tab</title>
<meta charset="utf-8" />
<meta name="description" content="Introducing the Presentation Editor user interface - Insert tab" />
<link type="text/css" rel="stylesheet" href="../editor.css" />
<script type="text/javascript" src="../callback.js"></script>
</head>
<body>
<div class="mainpart">
<h1>Insert tab</h1>
<p>The <b>Insert</b> tab allows to add visual objects and comments into your presentation.</p>
<p><img alt="Insert tab" src="../images/interface/inserttab.png" /></p>
<p>Using this tab, you can:</p>
<ul>
<li>insert <a href="../UsageInstructions/InsertTables.htm" onclick="onhyperlinkclick(this)">tables</a>,</li>
<li>insert <a href="../UsageInstructions/InsertText.htm" onclick="onhyperlinkclick(this)">text boxes and Text Art objects</a>, <a href="../UsageInstructions/InsertImages.htm" onclick="onhyperlinkclick(this)">pictures</a>, <a href="../UsageInstructions/InsertAutoshapes.htm" onclick="onhyperlinkclick(this)">shapes</a>, <a href="../UsageInstructions/InsertCharts.htm" onclick="onhyperlinkclick(this)">charts</a>,</li>
<li>insert <a href="../HelpfulHints/CollaborativeEditing.htm#comments" onclick="onhyperlinkclick(this)">comments</a> and <a href="../UsageInstructions/AddHyperlinks.htm" onclick="onhyperlinkclick(this)">hyperlinks</a>,</li>
<li>insert <a href="../UsageInstructions/InsertEquation.htm" onclick="onhyperlinkclick(this)">equations</a>.</li>
</ul>
</div>
</body>
</html>

View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html>
<head>
<title>Plugins tab</title>
<meta charset="utf-8" />
<meta name="description" content="Introducing the Presentation Editor user interface - Plugins tab" />
<link type="text/css" rel="stylesheet" href="../editor.css" />
<script type="text/javascript" src="../callback.js"></script>
</head>
<body>
<div class="mainpart">
<h1>Plugins tab</h1>
<p>The <b>Plugins</b> tab allows to access advanced editing features using available third-party components.</p>
<p><img alt="Plugins tab" src="../images/interface/pluginstab.png" /></p>
<p>Currently, the following plugins are available:</p>
<ul>
<li><b>ClipArt</b> allows to add images from the clipart collection into your presentation,</li>
<li><b>PhotoEditor</b> allows to edit images: crop, resize them, apply effects etc.,</li>
<li><b>Symbol Table</b> allows to insert special symbols into your text,</li>
<li><b>Translator</b> allows to translate the selected text into other languages,</li>
<li><b>YouTube</b> allows to embed YouTube videos into your presentation.</li>
</ul>
<p>To learn more about plugins please refer to our <a target="_blank" href="https://api.onlyoffice.com/plugin/basic" onclick="onhyperlinkclick(this)">API Documentation</a>. All the currently existing open source plugin examples are available on <a target="_blank" href="https://github.com/ONLYOFFICE/sdkjs-plugins" onclick="onhyperlinkclick(this)">GitHub</a>.</p>
</div>
</body>
</html>

View file

@ -0,0 +1,35 @@
<!DOCTYPE html>
<html>
<head>
<title>Introducing the Presentation Editor user interface</title>
<meta charset="utf-8" />
<meta name="description" content="Introducing the Presentation Editor user interface" />
<link type="text/css" rel="stylesheet" href="../editor.css" />
<script type="text/javascript" src="../callback.js"></script>
</head>
<body>
<div class="mainpart">
<h1>Introducing the Presentation Editor user interface</h1>
<p><b>Presentation Editor</b> uses a tabbed interface where editing commands are grouped into tabs by functionality.</p>
<p><img alt="Editor window" src="../images/interface/editorwindow.png" /></p>
<p>The editor interface consists of the following main elements:</p>
<ol>
<li><b>Editor header</b> displays the logo, menu tabs, presentation name as well as two icons on the right that allow to <a href="../HelpfulHints/CollaborativeEditing.htm" onclick="onhyperlinkclick(this)">set access rights</a> and return to the Documents list.
<p><img alt="Icons in the editor header" src="../images/interface/rightpart.png" /></p>
</li>
<li><b>Top toolbar</b> displays a set of editing commands depending on the selected menu tab. Currently, the following tabs are available: <a href="../ProgramInterface/FileTab.htm" onclick="onhyperlinkclick(this)">File</a>, <a href="../ProgramInterface/HomeTab.htm" onclick="onhyperlinkclick(this)">Home</a>, <a href="../ProgramInterface/InsertTab.htm" onclick="onhyperlinkclick(this)">Insert</a>, <a href="../ProgramInterface/PluginsTab.htm" onclick="onhyperlinkclick(this)">Plugins</a>.
<p>The <b>Print</b>, <b>Save</b>, <b>Copy</b>, <b>Paste</b>, <b>Undo</b>, <b>Redo</b> and <b>Add Slide</b> options are always available at the left part of the <b>Top toolbar</b> regardless of the selected tab.</p>
<p><img alt="Icons on the top toolbar" src="../images/interface/leftpart.png" /></p>
</li>
<li><b>Status bar</b> at the bottom of the editor window contains the <a href="../UsageInstructions/PreviewPresentation.htm" onclick="onhyperlinkclick(this)">Start slideshow</a> icon, some <a href="../HelpfulHints/Navigation.htm" onclick="onhyperlinkclick(this)">navigation tools</a>: slide number indicator and zoom buttons. The <b>Status bar</b> also displays some notifications (such as "All changes saved" etc.) and allows to <a href="../HelpfulHints/SpellChecking.htm" onclick="onhyperlinkclick(this)">set text language and enable spell checking</a>.</li>
<li><b>Left sidebar</b> contains icons that allow to use the <a href="../HelpfulHints/Search.htm" onclick="onhyperlinkclick(this)">Search</a> tool, minimize/expand the slide list, open the <a href="../HelpfulHints/CollaborativeEditing.htm#comments" onclick="onhyperlinkclick(this)">Comments</a> and <a href="../HelpfulHints/CollaborativeEditing.htm#chat" onclick="onhyperlinkclick(this)">Chat</a> panel, contact our support team and view the information about the program.</li>
<li><b>Right sidebar</b> allows to adjust additional parameters of different objects. When you select a particular object on a slide, the corresponding icon is activated at the right sidebar. Click this icon to expand the right sidebar.</li>
<li>Horizontal and vertical <b>Rulers</b> help you place objects on a slide and allow to set up tab stops and paragraph indents within the text boxes.</li>
<li><b>Working area</b> allows to view presentation content, enter and edit data.</li>
<li><b>Scroll bar</b> on the right allows to scroll the presentation up and down.</li>
</ol>
<p>For your convenience you can hide some components and display them again when it is necessary. To learn more on how to adjust view settings please refer to <a href="../HelpfulHints/Navigation.htm" onclick="onhyperlinkclick(this)">this page</a>.</p>
</div>
</body>
</html>

View file

@ -10,6 +10,7 @@ img
{
border: none;
vertical-align: middle;
max-width: 95%;
}
img.floatleft

Binary file not shown.

After

Width:  |  Height:  |  Size: 483 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 448 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.3 KiB

After

Width:  |  Height:  |  Size: 3.7 KiB

View file

@ -1,4 +1,9 @@
[
{"src": "ProgramInterface/ProgramInterface.htm", "name": "Знакомство с пользовательским интерфейсом редактора презентаций", "headername": "Интерфейс программы"},
{"src": "ProgramInterface/FileTab.htm", "name": "Вкладка Файл"},
{"src": "ProgramInterface/HomeTab.htm", "name": "Вкладка Главная"},
{"src": "ProgramInterface/InsertTab.htm", "name": "Вкладка Вставка"},
{"src": "ProgramInterface/PluginsTab.htm", "name": "Вкладка Плагины"},
{"src": "UsageInstructions/OpenCreateNew.htm", "name": "Создание новой презентации или открытие существующей", "headername": "Инструкции по использованию"},
{"src": "UsageInstructions/ManageSlides.htm", "name": "Управление слайдами"},
{"src": "UsageInstructions/SetSlideParameters.htm", "name": "Настройка параметров слайда"},

View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html>
<head>
<title>Вкладка Файл</title>
<meta charset="utf-8" />
<meta name="description" content="Знакомство с пользовательским интерфейсом редактора презентаций - Вкладка Файл" />
<link type="text/css" rel="stylesheet" href="../editor.css" />
<script type="text/javascript" src="../callback.js"></script>
</head>
<body>
<div class="mainpart">
<h1>Вкладка Файл</h1>
<p>Вкладка <b>Файл</b> позволяет выполнить некоторые базовые операции с текущим файлом.</p>
<p><img alt="Вкладка Файл" src="../images/interface/filetab.png" /></p>
<p>С помощью этой вкладки вы можете выполнить следующие действия:</p>
<ul>
<li><a href="../UsageInstructions/SavePrintDownload.htm" onclick="onhyperlinkclick(this)">сохранить</a> текущий файл (если отключена опция <b>Автосохранение</b>), <a href="../UsageInstructions/SavePrintDownload.htm" onclick="onhyperlinkclick(this)">скачать, распечатать</a> или <a href="../UsageInstructions/ViewPresentationInfo.htm" onclick="onhyperlinkclick(this)">переименовать</a> его,</li>
<li><a href="../UsageInstructions/OpenCreateNew.htm" onclick="onhyperlinkclick(this)">создать</a> новую презентацию или открыть недавно отредактированную,</li>
<li>просмотреть <a href="../UsageInstructions/ViewPresentationInfo.htm" onclick="onhyperlinkclick(this)">общие сведения</a> о презентации,</li>
<li>управлять <a href="../UsageInstructions/ViewPresentationInfo.htm" onclick="onhyperlinkclick(this)">правами доступа</a>,</li>
<li>открыть <a href="../HelpfulHints/AdvancedSettings.htm" onclick="onhyperlinkclick(this)">дополнительные параметры</a> редактора,</li>
<li>вернуться в список документов.</li>
</ul>
</div>
</body>
</html>

View file

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<title>Вкладка Главная</title>
<meta charset="utf-8" />
<meta name="description" content="Знакомство с пользовательским интерфейсом редактора презентаций - Вкладка Главная" />
<link type="text/css" rel="stylesheet" href="../editor.css" />
<script type="text/javascript" src="../callback.js"></script>
</head>
<body>
<div class="mainpart">
<h1>Вкладка Главная</h1>
<p>Вкладка <b>Главная</b> открывается по умолчанию при открытии презентации. Она позволяет задать основные параметры слайда, форматировать текст, вставлять некоторые объекты, выравнивать и располагать их в определенном порядке.</p>
<p><img alt="Вкладка Главная" src="../images/interface/hometab.png" /></p>
<p>С помощью этой вкладки вы можете выполнить следующие действия:</p>
<ul>
<li>управлять <a href="../UsageInstructions/ManageSlides.htm" onclick="onhyperlinkclick(this)">слайдами</a> и <a href="../UsageInstructions/PreviewPresentation.htm" onclick="onhyperlinkclick(this)">начать показ слайдов</a>,</li>
<li>форматировать <a href="../UsageInstructions/InsertText.htm#formattext" onclick="onhyperlinkclick(this)">текст</a> внутри текстового поля,</li>
<li>вставлять <a href="../UsageInstructions/InsertText.htm" onclick="onhyperlinkclick(this)">текстовые поля</a>, <a href="../UsageInstructions/InsertImages.htm" onclick="onhyperlinkclick(this)">изображения</a>, <a href="../UsageInstructions/InsertAutoshapes.htm" onclick="onhyperlinkclick(this)">фигуры</a>,</li>
<li><a href="../UsageInstructions/AlignArrangeObjects.htm" onclick="onhyperlinkclick(this)">выравнивать и упорядочивать объекты</a> на слайде,</li>
<li><a href="../UsageInstructions/CopyClearFormatting.htm" onclick="onhyperlinkclick(this)">копировать и очищать</a> форматирование текста,</li>
<li>изменять <a href="../UsageInstructions/SetSlideParameters.htm" onclick="onhyperlinkclick(this)">тему, цветовую схему или размер слайдов</a>,</li>
<li>настраивать <a href="../HelpfulHints/Navigation.htm" onclick="onhyperlinkclick(this)">параметры представления</a> и получать доступ к <a href="../HelpfulHints/AdvancedSettings.htm" onclick="onhyperlinkclick(this)">дополнительным параметрам</a> редактора.</li>
</ul>
</div>
</body>
</html>

View file

@ -0,0 +1,24 @@
<!DOCTYPE html>
<html>
<head>
<title>Вкладка Вставка</title>
<meta charset="utf-8" />
<meta name="description" content="Знакомство с пользовательским интерфейсом редактора презентаций - Вкладка Вставка" />
<link type="text/css" rel="stylesheet" href="../editor.css" />
<script type="text/javascript" src="../callback.js"></script>
</head>
<body>
<div class="mainpart">
<h1>Вкладка Вставка</h1>
<p>Вкладка <b>Вставка</b> позволяет добавлять в презентацию визуальные объекты и комментарии.</p>
<p><img alt="Вкладка Вставка" src="../images/interface/inserttab.png" /></p>
<p>С помощью этой вкладки вы можете выполнить следующие действия:</p>
<ul>
<li>вставлять <a href="../UsageInstructions/InsertTables.htm" onclick="onhyperlinkclick(this)">таблицы</a>,</li>
<li>вставлять <a href="../UsageInstructions/InsertText.htm" onclick="onhyperlinkclick(this)">текстовые поля и объекты Text Art</a>, <a href="../UsageInstructions/InsertImages.htm" onclick="onhyperlinkclick(this)">изображения</a>, <a href="../UsageInstructions/InsertAutoshapes.htm" onclick="onhyperlinkclick(this)">фигуры</a>, <a href="../UsageInstructions/InsertCharts.htm" onclick="onhyperlinkclick(this)">диаграммы</a>,</li>
<li>вставлять <a href="../HelpfulHints/CollaborativeEditing.htm#comments" onclick="onhyperlinkclick(this)">комментарии</a> и <a href="../UsageInstructions/AddHyperlinks.htm" onclick="onhyperlinkclick(this)">гиперссылки</a>,</li>
<li>вставлять <a href="../UsageInstructions/InsertEquation.htm" onclick="onhyperlinkclick(this)">формулы</a>.</li>
</ul>
</div>
</body>
</html>

View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html>
<head>
<title>Вкладка Плагины</title>
<meta charset="utf-8" />
<meta name="description" content="Знакомство с пользовательским интерфейсом редактора презентаций - Вкладка Плагины" />
<link type="text/css" rel="stylesheet" href="../editor.css" />
<script type="text/javascript" src="../callback.js"></script>
</head>
<body>
<div class="mainpart">
<h1>Вкладка Плагины</h1>
<p>Вкладка <b>Плагины</b> позволяет получить доступ к дополнительным возможностям редактирования, используя доступные сторонние компоненты.</p>
<p><img alt="Вкладка Плагины" src="../images/interface/pluginstab.png" /></p>
<p>В настоящее время доступны следующие плагины:</p>
<ul>
<li><b>ClipArt</b> позволяет добавлять в презентацию изображения из коллекции картинок,</li>
<li><b>PhotoEditor</b> позволяет редактировать изображения: обрезать, изменять размер, применять эффекты и так далее,</li>
<li><b>Symbol Table</b> позволяет вставлять в текст специальные символы,</li>
<li><b>Translator</b> позволяет переводить выделенный текст на другие языки,</li>
<li><b>YouTube</b> позволяет встраивать в презентацию видео с YouTube.</li>
</ul>
<p>Для получения дополнительной информации о плагинах, пожалуйста, обратитесь к нашей <a target="_blank" href="https://api.onlyoffice.com/plugin/basic" onclick="onhyperlinkclick(this)">Документации по API</a>. Все существующие в настоящий момент примеры плагинов с открытым исходным кодом доступны на <a target="_blank" href="https://github.com/ONLYOFFICE/sdkjs-plugins" onclick="onhyperlinkclick(this)">GitHub</a>.</p>
</div>
</body>
</html>

View file

@ -0,0 +1,35 @@
<!DOCTYPE html>
<html>
<head>
<title>Знакомство с пользовательским интерфейсом редактора презентаций</title>
<meta charset="utf-8" />
<meta name="description" content="Знакомство с пользовательским интерфейсом редактора презентаций" />
<link type="text/css" rel="stylesheet" href="../editor.css" />
<script type="text/javascript" src="../callback.js"></script>
</head>
<body>
<div class="mainpart">
<h1>Знакомство с пользовательским интерфейсом редактора презентаций</h1>
<p>В <b>редакторе презентаций</b> используется вкладочный интерфейс, в котором команды редактирования сгруппированы во вкладки по функциональности.</p>
<p><img alt="Окно редактора" src="../images/interface/editorwindow.png" /></p>
<p>Интерфейс редактора состоит из следующих основных элементов:</p>
<ol>
<li>В <b>Шапке редактора</b> отображается логотип, вкладки меню, название презентации. Cправа также находятся два значка, с помощью которых можно <a href="../HelpfulHints/CollaborativeEditing.htm" onclick="onhyperlinkclick(this)">задать права доступа</a> и вернуться в список документов.
<p><img alt="Значки в шапке редактора" src="../images/interface/rightpart.png" /></p>
</li>
<li>На <b>Верхней панели инструментов</b> отображается набор команд редактирования в зависимости от выбранной вкладки меню. В настоящее время доступны следующие вкладки: <a href="../ProgramInterface/FileTab.htm" onclick="onhyperlinkclick(this)">Файл</a>, <a href="../ProgramInterface/HomeTab.htm" onclick="onhyperlinkclick(this)">Главная</a>, <a href="../ProgramInterface/InsertTab.htm" onclick="onhyperlinkclick(this)">Вставка</a>, <a href="../ProgramInterface/PluginsTab.htm" onclick="onhyperlinkclick(this)">Плагины</a>.
<p>Опции <b>Печать</b>, <b>Сохранить</b>, <b>Копировать</b>, <b>Вставить</b>, <b>Отменить</b>, <b>Повторить</b> и <b>Добавить слайд</b> всегда доступны в левой части <b>Верхней панели инструментов</b>, независимо от выбранной вкладки.</p>
<p><img alt="Значки на верхней панели инструментов" src="../images/interface/leftpart.png" /></p>
</li>
<li>В <b>Строке состояния</b>, расположенной внизу окна редактора, находится значок <a href="../UsageInstructions/PreviewPresentation.htm" onclick="onhyperlinkclick(this)">Начать показ слайдов</a>, некоторые <a href="../HelpfulHints/Navigation.htm" onclick="onhyperlinkclick(this)">инструменты навигации</a>: указатель номера слайда и кнопки масштаба. В <b>Строке состояния</b> отображаются некоторые оповещения (например, "Все изменения сохранены" и т.д.), с ее помощью также можно <a href="../HelpfulHints/SpellChecking.htm" onclick="onhyperlinkclick(this)">задать язык текста и включить проверку орфографии</a>.</li>
<li>На <b>Левой боковой панели</b> находятся значки, позволяющие использовать инструмент <a href="../HelpfulHints/Search.htm" onclick="onhyperlinkclick(this)">поиска</a>, свернуть или развернуть список слайдов, открыть панель <a href="../HelpfulHints/CollaborativeEditing.htm#comments" onclick="onhyperlinkclick(this)">Комментариев</a> и <a href="../HelpfulHints/CollaborativeEditing.htm#chat" onclick="onhyperlinkclick(this)">Чата</a>, обратиться в службу технической поддержки и посмотреть информацию о программе.</li>
<li><b>Правая боковая панель</b> позволяет настроить дополнительные параметры различных объектов. При выделении на слайде определенного объекта активируется соответствующий значок на правой боковой панели. Нажмите на этот значок, чтобы развернуть правую боковую панель.</li>
<li>Горизонтальная и вертикальная <b>Линейки</b> помогают располагать объекты на слайде и позволяют настраивать позиции табуляции и отступы абзацев внутри текстовых полей.</li>
<li>В <b>Рабочей области</b> вы можете просматривать содержимое презентации, вводить и редактировать данные.</li>
<li><b>Полоса прокрутки</b>, расположенная справа, позволяет прокручивать презентацию вверх и вниз.</li>
</ol>
<p>Для удобства вы можете скрыть некоторые элементы и снова отобразить их при необходимости. Для получения дополнительной информации о настройке параметров представления, пожалуйста, обратитесь к <a href="../HelpfulHints/Navigation.htm" onclick="onhyperlinkclick(this)">этой странице</a>.</p>
</div>
</body>
</html>

View file

@ -29,7 +29,7 @@
</ul>
<p><img alt="Окно Редактор диаграмм" src="../images/charteditor.png" /></p>
</li>
<li>измените параметры диаграммы, нажав на кнопку <b>Изменить диаграмму</b> в окне <b>Редактор диаграмм</b>. Откроется окно <b>Диаграмма - Дополнительные параметры</b>.
<li>измените параметры диаграммы, нажав на кнопку <b>Изменить диаграмму</b> в окне <b>Редактор диаграмм</b>. Откроется окно <b>Диаграмма - дополнительные параметры</b>.
<p><img alt="Окно Параметры диаграммы" src="../images/chartsettings.png" /></p>
<p>На вкладке <b>Тип и данные</b> можно выбрать тип диаграммы, а также данные, которые вы хотите использовать для создания диаграммы.</p>
<ul>

View file

@ -36,7 +36,7 @@
<li>чтобы <a href="../UsageInstructions/ManipulateObjects.htm" onclick="onhyperlinkclick(this)">изменить размер текстового поля, переместить, повернуть</a> его, используйте специальные маркеры по краям фигуры.</li>
<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>
<li>чтобы создать <b>колонки текста</b> внутри текстового поля, щелкните правой кнопкой мыши по границе текстового поля, нажмите на пункт меню <b>Дополнительные параметры фигуры</b> и перейдите на вкладку <a href="../UsageInstructions/InsertAutoshapes.htm#columns" onclick="onhyperlinkclick(this)"><b>Колонки</b></a> в окне <b>Фигура - Дополнительные параметры</b>.</li>
<li>чтобы создать <b>колонки текста</b> внутри текстового поля, щелкните правой кнопкой мыши по границе текстового поля, нажмите на пункт меню <b>Дополнительные параметры фигуры</b> и перейдите на вкладку <a href="../UsageInstructions/InsertAutoshapes.htm#columns" onclick="onhyperlinkclick(this)"><b>Колонки</b></a> в окне <b>Фигура - дополнительные параметры</b>.</li>
</ul>
<h3 id="formattext">Форматирование текста внутри текстового поля</h3>
<p>Щелкните по тексту внутри текстового поля, чтобы можно было изменить его свойства. Когда текст выделен, границы текстового поля отображаются как пунктирные линии.</p>

View file

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html>
<head>
<title>Сохранение / печать / загрузка презентации</title>
<title>Сохранение / печать / скачивание презентации</title>
<meta charset="utf-8" />
<meta name="description" content="Сохраните, распечатайте и скачайте презентацию в разных форматах" />
<link type="text/css" rel="stylesheet" href="../editor.css" />
@ -9,7 +9,7 @@
</head>
<body>
<div class="mainpart">
<h1>Сохранение / печать <span class="onlineDocumentFeatures">/ загрузка</span> презентации</h1>
<h1>Сохранение / печать <span class="onlineDocumentFeatures">/ скачивание</span> презентации</h1>
<p>
По умолчанию онлайн-редактор презентаций автоматически сохраняет файл каждые 2 секунды, когда Вы работаете над ним, чтобы не допустить потери данных в случае непредвиденного закрытия программы. <span class="onlineDocumentFeatures">Если вы совместно редактируете файл в <b>Быстром</b> режиме, таймер запрашивает наличие изменений 25 раз в секунду и сохраняет их, если они были внесены. При совместном редактировании файла в <b>Строгом</b> режиме изменения автоматически сохраняются каждые 10 минут. При необходимости можно легко выбрать предпочтительный режим совместного редактирования или отключить функцию автоматического сохранения на странице <a href="../HelpfulHints/AdvancedSettings.htm" onclick="onhyperlinkclick(this)">Дополнительные параметры</a>.</span></p>
<p>Чтобы сохранить текущую презентацию вручную,</p>

View file

@ -10,6 +10,7 @@ img
{
border: none;
vertical-align: middle;
max-width: 95%;
}
img.floatleft

Binary file not shown.

After

Width:  |  Height:  |  Size: 484 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 29 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 23 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 448 B

View file

@ -1,4 +1,9 @@
[
{"src": "ProgramInterface/ProgramInterface.htm", "name": "Introducing Spreadsheet Editor user interface", "headername": "Program Interface"},
{"src": "ProgramInterface/FileTab.htm", "name": "File tab"},
{"src": "ProgramInterface/HomeTab.htm", "name": "Home Tab"},
{"src": "ProgramInterface/InsertTab.htm", "name": "Insert tab"},
{"src": "ProgramInterface/PluginsTab.htm", "name": "Plugins tab"},
{"src": "UsageInstructions/OpenCreateNew.htm", "name": "Create a new spreadsheet or open an existing one", "headername": "Usage Instructions"},
{"src": "UsageInstructions/ManageSheets.htm", "name": "Manage sheets"},
{"src": "UsageInstructions/InsertDeleteCells.htm", "name": "Manage cells, rows, and columns"},

View file

@ -25,7 +25,7 @@
<p>The number of users who are working at the current document is specified on the right side of the editor header - <img alt="Number of users icon" src="../images/usersnumber.png" />. If you want to see who exactly are editing the file now, you can click this icon or 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 editor header 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 deny 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 in the upper left corner 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.</p>
<h3>Chat</h3>
<h3 id="chat">Chat</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>
@ -37,7 +37,7 @@
<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</h3>
<h3 id="comments">Comments</h3>
<p>To leave a comment,</p>
<ol>
<li>select a cell where you think there is an error or problem,</li>

View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html>
<head>
<title>File tab</title>
<meta charset="utf-8" />
<meta name="description" content="Introducing the Spreadsheet Editor user interface - File tab" />
<link type="text/css" rel="stylesheet" href="../editor.css" />
<script type="text/javascript" src="../callback.js"></script>
</head>
<body>
<div class="mainpart">
<h1>File tab</h1>
<p>The <b>File</b> tab allows to perform some basic operations on the current file.</p>
<p><img alt="File tab" src="../images/interface/filetab.png" /></p>
<p>Using this tab, you can:</p>
<ul>
<li><a href="../UsageInstructions/SavePrintDownload.htm" onclick="onhyperlinkclick(this)">save</a> the current file (in case the <b>Autosave</b> option is disabled), <a href="../UsageInstructions/SavePrintDownload.htm" onclick="onhyperlinkclick(this)">download, print</a> or <a href="../UsageInstructions/ViewDocInfo.htm" onclick="onhyperlinkclick(this)">rename</a> it,</li>
<li><a href="../UsageInstructions/OpenCreateNew.htm" onclick="onhyperlinkclick(this)">create</a> a new spreadsheet or open a recently edited one,</li>
<li>view <a href="../UsageInstructions/ViewDocInfo.htm" onclick="onhyperlinkclick(this)">general information</a> about the spreadsheet,</li>
<li>manage <a href="../UsageInstructions/ViewDocInfo.htm" onclick="onhyperlinkclick(this)">access rights</a>,</li>
<li>access the editor <a href="../HelpfulHints/AdvancedSettings.htm" onclick="onhyperlinkclick(this)">Advanced Settings</a>,</li>
<li>return to the Documents list.</li>
</ul>
</div>
</body>
</html>

View file

@ -0,0 +1,30 @@
<!DOCTYPE html>
<html>
<head>
<title>Home tab</title>
<meta charset="utf-8" />
<meta name="description" content="Introducing the Spreadsheet Editor user interface - Home tab" />
<link type="text/css" rel="stylesheet" href="../editor.css" />
<script type="text/javascript" src="../callback.js"></script>
</head>
<body>
<div class="mainpart">
<h1>Home tab</h1>
<p>The <b>Home</b> tab opens by default when you open a spreadsheet. It allows to format cells and data within them, apply filters, insert functions. Some other options are also available here, such as color schemes, <b>Format as table template</b> feature, view settings and so on.</p>
<p><img alt="Home tab" src="../images/interface/hometab.png" /></p>
<p>Using this tab, you can:</p>
<ul>
<li>set <a href="../UsageInstructions/FontTypeSizeStyle.htm" onclick="onhyperlinkclick(this)">font type, size, style, and colors</a>,</li>
<li><a href="../UsageInstructions/AlignText.htm" onclick="onhyperlinkclick(this)">align your data</a> in cells,</li>
<li>add <a href="../UsageInstructions/AddBorders.htm" onclick="onhyperlinkclick(this)">cell borders</a> and <a href="../UsageInstructions/MergeCells.htm" onclick="onhyperlinkclick(this)">merge cells</a>,</li>
<li>insert <a href="../UsageInstructions/InsertFunction.htm" onclick="onhyperlinkclick(this)">functions</a> and create <a href="../UsageInstructions/UseNamedRanges.htm" onclick="onhyperlinkclick(this)">named ranges</a>,</li>
<li><a href="../UsageInstructions/SortData.htm" onclick="onhyperlinkclick(this)">sort and filter</a> data,</li>
<li>change <a href="../UsageInstructions/ChangeNumberFormat.htm" onclick="onhyperlinkclick(this)">number format</a>,</li>
<li>add or remove <a href="../UsageInstructions/InsertDeleteCells.htm" onclick="onhyperlinkclick(this)">cells, rows, columns</a>,</li>
<li><a href="../UsageInstructions/ClearFormatting.htm" onclick="onhyperlinkclick(this)">copy/clear</a> cell formatting,</li>
<li><a href="../UsageInstructions/SortData.htm#tabletemplate" onclick="onhyperlinkclick(this)">apply a table template</a> to a selected cell range,</li>
<li>adjust <a href="../HelpfulHints/Navigation.htm" onclick="onhyperlinkclick(this)">View Settings</a> and access the editor <a href="../HelpfulHints/AdvancedSettings.htm" onclick="onhyperlinkclick(this)">Advanced Settings</a>.</li>
</ul>
</div>
</body>
</html>

View file

@ -0,0 +1,23 @@
<!DOCTYPE html>
<html>
<head>
<title>Insert tab</title>
<meta charset="utf-8" />
<meta name="description" content="Introducing the Spreadsheet Editor user interface - Insert tab" />
<link type="text/css" rel="stylesheet" href="../editor.css" />
<script type="text/javascript" src="../callback.js"></script>
</head>
<body>
<div class="mainpart">
<h1>Insert tab</h1>
<p>The <b>Insert</b> tab allows to add visual objects and comments into your spreadsheet.</p>
<p><img alt="Insert tab" src="../images/interface/inserttab.png" /></p>
<p>Using this tab, you can:</p>
<ul>
<li>insert <a href="../UsageInstructions/InsertImages.htm" onclick="onhyperlinkclick(this)">pictures</a>, <a href="../UsageInstructions/InsertAutoshapes.htm" onclick="onhyperlinkclick(this)">shapes</a>, <a href="../UsageInstructions/InsertTextObjects.htm" onclick="onhyperlinkclick(this)">text boxes and Text Art objects</a>, <a href="../UsageInstructions/InsertChart.htm" onclick="onhyperlinkclick(this)">charts</a>,</li>
<li>insert <a href="../HelpfulHints/CollaborativeEditing.htm#comments" onclick="onhyperlinkclick(this)">comments</a> and <a href="../UsageInstructions/AddHyperlinks.htm" onclick="onhyperlinkclick(this)">hyperlinks</a>,</li>
<li>insert <a href="../UsageInstructions/InsertEquation.htm" onclick="onhyperlinkclick(this)">equations</a>.</li>
</ul>
</div>
</body>
</html>

View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html>
<head>
<title>Plugins tab</title>
<meta charset="utf-8" />
<meta name="description" content="Introducing the Spreadsheet Editor user interface - Plugins tab" />
<link type="text/css" rel="stylesheet" href="../editor.css" />
<script type="text/javascript" src="../callback.js"></script>
</head>
<body>
<div class="mainpart">
<h1>Plugins tab</h1>
<p>The <b>Plugins</b> tab allows to access advanced editing features using available third-party components.</p>
<p><img alt="Plugins tab" src="../images/interface/pluginstab.png" /></p>
<p>Currently, the following plugins are available:</p>
<ul>
<li><b>ClipArt</b> allows to add images from the clipart collection into your spreadsheet,</li>
<li><b>PhotoEditor</b> allows to edit images: crop, resize them, apply effects etc.,</li>
<li><b>Symbol Table</b> allows to insert special symbols into your text,</li>
<li><b>Translator</b> allows to translate the selected text into other languages,</li>
<li><b>YouTube</b> allows to embed YouTube videos into your spreadsheet.</li>
</ul>
<p>To learn more about plugins please refer to our <a target="_blank" href="https://api.onlyoffice.com/plugin/basic" onclick="onhyperlinkclick(this)">API Documentation</a>. All the currently existing open source plugin examples are available on <a target="_blank" href="https://github.com/ONLYOFFICE/sdkjs-plugins" onclick="onhyperlinkclick(this)">GitHub</a>.</p>
</div>
</body>
</html>

View file

@ -0,0 +1,35 @@
<!DOCTYPE html>
<html>
<head>
<title>Introducing the Spreadsheet Editor user interface</title>
<meta charset="utf-8" />
<meta name="description" content="Introducing the Spreadsheet Editor user interface" />
<link type="text/css" rel="stylesheet" href="../editor.css" />
<script type="text/javascript" src="../callback.js"></script>
</head>
<body>
<div class="mainpart">
<h1>Introducing the Spreadsheet Editor user interface</h1>
<p><b>Spreadsheet Editor</b> uses a tabbed interface where editing commands are grouped into tabs by functionality.</p>
<p><img alt="Editor window" src="../images/interface/editorwindow.png" /></p>
<p>The editor interface consists of the following main elements:</p>
<ol>
<li><b>Editor header</b> displays the logo, menu tabs, spreadsheet name as well as two icons on the right that allow to <a href="../HelpfulHints/CollaborativeEditing.htm" onclick="onhyperlinkclick(this)">set access rights</a> and return to the Documents list.
<p><img alt="Icons in the editor header" src="../images/interface/rightpart.png" /></p>
</li>
<li><b>Top toolbar</b> displays a set of editing commands depending on the selected menu tab. Currently, the following tabs are available: <a href="../ProgramInterface/FileTab.htm" onclick="onhyperlinkclick(this)">File</a>, <a href="../ProgramInterface/HomeTab.htm" onclick="onhyperlinkclick(this)">Home</a>, <a href="../ProgramInterface/InsertTab.htm" onclick="onhyperlinkclick(this)">Insert</a>, <a href="../ProgramInterface/PluginsTab.htm" onclick="onhyperlinkclick(this)">Plugins</a>.
<p>The <b>Print</b>, <b>Save</b>, <b>Copy</b>, <b>Paste</b>, <b>Undo</b> and <b>Redo</b> options are always available at the left part of the <b>Top toolbar</b> regardless of the selected tab.</p>
<p><img alt="Icons on the top toolbar" src="../images/interface/leftpart.png" /></p>
</li>
<li><b>Formula bar</b> allows to enter and edit <a href="../UsageInstructions/InsertFunction.htm" onclick="onhyperlinkclick(this)">formulas</a> or values in the cells. <b>Formula bar</b> displays the content of the currently selected cell.</li>
<li><b>Status bar</b> at the bottom of the editor window contains some <a href="../HelpfulHints/Navigation.htm" onclick="onhyperlinkclick(this)">navigation tools</a>: sheet navigation buttons, sheet tabs, and zoom buttons. The <b>Status bar</b> also displays the number of filtered records if you apply a <a href="../UsageInstructions/SortData.htm#filter" onclick="onhyperlinkclick(this)">filter</a>, or results of the <a href="../UsageInstructions/InsertFunction.htm" onclick="onhyperlinkclick(this)">automatic calculations</a> if you select several cells containing data.</li>
<li><b>Left sidebar</b> contains icons that allow to use the <a href="../HelpfulHints/Search.htm" onclick="onhyperlinkclick(this)">Search and Replace</a> tool, open the <a href="../HelpfulHints/CollaborativeEditing.htm#comments" onclick="onhyperlinkclick(this)">Comments</a> and <a href="../HelpfulHints/CollaborativeEditing.htm#chat" onclick="onhyperlinkclick(this)">Chat</a> panel, contact our support team and view the information about the program.</li>
<li><b>Right sidebar</b> allows to adjust additional parameters of different objects. When you select a particular object on a worksheet, the corresponding icon is activated at the right sidebar. Click this icon to expand the right sidebar.</li>
<li><b>Working area</b> allows to view spreadsheet content, enter and edit data.</li>
<li>Horizontal and vertical <b>Scroll bars</b> allow to scroll up/down and left/right the current sheet.</li>
</ol>
<p>For your convenience you can hide some components and display them again when it is necessary. To learn more on how to adjust view settings please refer to <a href="../HelpfulHints/Navigation.htm" onclick="onhyperlinkclick(this)">this page</a>.</p>
</div>
</body>
</html>

View file

@ -40,7 +40,7 @@
</li>
</ol>
<h3>Filter Data</h3>
<h3 id="filter">Filter Data</h3>
<p>To display only the rows that meet certain criteria and hide other ones, make use of the <b>Filter</b> option.</p>
<b>To enable a filter,</b>
<ol>

View file

@ -10,6 +10,7 @@ img
{
border: none;
vertical-align: middle;
max-width: 95%;
}
li

Binary file not shown.

After

Width:  |  Height:  |  Size: 102 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 28 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Some files were not shown because too many files have changed in this diff Show more