90 lines
16 KiB
HTML
90 lines
16 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<title>Выравнивание и упорядочивание объектов на странице</title>
|
||
<meta charset="utf-8" />
|
||
<meta name="description" content="Выровняйте и расположите в определенном порядке текстовые поля, автофигуры и изображения на странице." />
|
||
<link type="text/css" rel="stylesheet" href="../editor.css" />
|
||
<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
|
||
<script type="text/javascript" src="../callback.js"></script>
|
||
<script type="text/javascript" src="../search/js/page-search.js"></script>
|
||
</head>
|
||
<body>
|
||
<div class="mainpart">
|
||
<div class="search-field">
|
||
<input id="search" class="searchBar" placeholder="Поиск" type="text" onkeypress="doSearch(event)">
|
||
</div>
|
||
<h1>Выравнивание и упорядочивание объектов на странице</h1>
|
||
<p>Добавленные <b>автофигуры</b>, <b>изображения</b>, <b>диаграммы</b> или <b>текстовые поля</b> на странице можно выровнять, сгруппировать и расположить в определенном порядке. Для выполнения любого из этих действий сначала выберите отдельный объект или несколько объектов на странице. Для выделения нескольких объектов удерживайте клавишу <b>Ctrl</b> и щелкайте по нужным объектам левой кнопкой мыши. Чтобы выделить текстовое поле, щелкайте по его границе, а не по тексту внутри него. После этого можно использовать или описанные ниже значки, расположенные на вкладке <b>Макет</b> верхней панели инструментов, или аналогичные команды контекстного меню, вызываемого правой кнопкой мыши.</p>
|
||
<h3>Выравнивание объектов</h3>
|
||
<p>Чтобы <b>выровнять</b> <em>два или более</em> выделенных объектов, </p>
|
||
|
||
<ol>
|
||
<li>
|
||
Щелкните по значку <div class = "icon icon-align_toptoolbar"></div> <b>Выравнивание</b> на вкладке <b>Макет</b> верхней панели инструментов и выберите один из следующих вариантов:
|
||
<ul>
|
||
<li><b>Выровнять относительно страницы</b> чтобы выровнять объекты относительно краев страницы,</li>
|
||
<li><b>Выровнять относительно поля</b> чтобы выровнять объекты относительно полей страницы,</li>
|
||
<li><b>Выровнять выделенные объекты</b> (эта опция выбрана по умолчанию) чтобы выровнять объекты относительно друг друга,</li>
|
||
</ul>
|
||
</li>
|
||
<li>
|
||
Еще раз нажмите на значок <div class = "icon icon-align_toptoolbar"></div> <b>Выравнивание</b> и выберите из списка нужный тип выравнивания:
|
||
<ul>
|
||
<li><b>Выровнять по левому краю</b> <div class = "icon icon-alignobjectleft"></div> - чтобы выровнять объекты по горизонтали по левому краю самого левого объекта/по левому краю страницы/по левому полю страницы,</li>
|
||
<li><b>Выровнять по центру</b> <div class = "icon icon-alignobjectcenter"></div> - чтобы выровнять объекты по горизонтали по их центру/по центру страницы/по центру пространства между левым и правым полем страницы,</li>
|
||
<li><b>Выровнять по правому краю</b> <div class = "icon icon-alignobjectright"></div> - чтобы выровнять объекты по горизонтали по правому краю самого правого объекта/по правому краю страницы/по правому полю страницы,</li>
|
||
<li><b>Выровнять по верхнему краю</b> <div class = "icon icon-alignobjecttop"></div> - чтобы выровнять объекты по вертикали по верхнему краю самого верхнего объекта/по верхнему краю страницы/по верхнему полю страницы,</li>
|
||
<li><b>Выровнять по середине</b> <div class = "icon icon-alignobjectmiddle"></div> - чтобы выровнять объекты по вертикали по их середине/по середине страницы/по середине пространства между верхним и нижним полем страницы,</li>
|
||
<li><b>Выровнять по нижнему краю</b> <div class = "icon icon-alignobjectbottom"></div> - чтобы выровнять объекты по вертикали по нижнему краю самого нижнего объекта/по нижнему краю страницы/по нижнему полю страницы.</li>
|
||
</ul>
|
||
</li>
|
||
</ol>
|
||
<p>Можно также щелкнуть по выделенным объектам правой кнопкой мыши, выбрать из контекстного меню пункт <b>Выравнивание</b>, а затем использовать доступные варианты выравнивания объектов.</p>
|
||
<p>Если требуется выровнять один объект, его можно выровнять относительно краев страницы или полей страницы. В этом случае по умолчанию выбрана опция <b>Выровнять относительно поля</b>.</p>
|
||
<h3>Распределение объектов</h3>
|
||
<p>Чтобы <b>распределить</b> <em>три или более</em> выбранных объектов по горизонтали или вертикали таким образом, чтобы между ними было равное расстояние, </p>
|
||
|
||
<ol>
|
||
<li>
|
||
Щелкните по значку <div class = "icon icon-align_toptoolbar"></div> <b>Выравнивание</b> на вкладке <b>Макет</b> верхней панели инструментов и выберите один из следующих вариантов:
|
||
<ul>
|
||
<li><b>Выровнять относительно страницы</b> - чтобы распределить объекты между краями страницы,</li>
|
||
<li><b>Выровнять относительно поля</b> - чтобы распределить объекты между полями страницы,</li>
|
||
<li><b>Выровнять выделенные объекты</b> (эта опция выбрана по умолчанию) - чтобы распределить объекты между двумя крайними выделенными объектами,</li>
|
||
</ul>
|
||
</li>
|
||
<li>
|
||
Еще раз нажмите на значок <div class = "icon icon-align_toptoolbar"></div> <b>Выравнивание</b> и выберите из списка нужный тип распределения:
|
||
<ul>
|
||
<li><b>Распределить по горизонтали</b> <div class = "icon icon-distributehorizontally"></div> - чтобы равномерно распределить объекты между самым левым и самым правым выделенным объектом/левым и правым краем страницы/левым и правым полем страницы<!--чтобы выровнять выбранные объекты по их центрам (между правым и левым краем) по горизонтальному центру страницы-->.</li>
|
||
<li><b>Распределить по вертикали</b> <div class = "icon icon-distributevertically"></div> - чтобы равномерно распределить объекты между самым верхним и самым нижним выделенным объектом/верхним и нижним краем страницы/верхним и нижним полем страницы<!--чтобы выровнять выбранные объекты по их центрам (между верхним и нижним краем) по вертикальному центру страницы-->.</li>
|
||
</ul>
|
||
</li>
|
||
</ol>
|
||
<p>Можно также щелкнуть по выделенным объектам правой кнопкой мыши, выбрать из контекстного меню пункт <b>Выравнивание</b>, а затем использовать доступные варианты распределения объектов.</p>
|
||
<p class="note"><b>Примечание</b>: параметры распределения неактивны, если выделено менее трех объектов.</p>
|
||
<h3>Группировка объектов</h3>
|
||
<p>Чтобы <b>сгруппировать</b> <em>два или более</em> выбранных объектов или <b>разгруппировать</b> их, щелкните по стрелке рядом со значком <div class = "icon icon-group_toptoolbar"></div> <b>Группировка</b> на вкладке <b>Макет</b> верхней панели инструментов и выберите из списка нужную опцию:</p>
|
||
<ul>
|
||
<li><b>Сгруппировать</b> <div class = "icon icon-group"></div> - чтобы объединить несколько объектов в группу, так что их можно будет одновременно поворачивать, перемещать, изменять их размер, выравнивать, упорядочивать, копировать, вставлять, форматировать как один объект.</li>
|
||
<li><b>Разгруппировать</b> <div class = "icon icon-ungroup"></div> - чтобы разгруппировать выбранную группу ранее сгруппированных объектов.</li>
|
||
</ul>
|
||
<p>Можно также щелкнуть по выделенным объектам правой кнопкой мыши, выбрать из контекстного меню пункт <b>Порядок</b>, а затем использовать опцию <b>Сгруппировать</b> или <b>Разгруппировать</b>.</p>
|
||
<p class="note"><b>Примечание</b>: параметр <b>Сгруппировать</b> неактивен, если выделено менее двух объектов. Параметр <b>Разгруппировать</b> активен только при выделении ранее сгруппированных объектов.</p>
|
||
<h3>Упорядочивание объектов</h3>
|
||
<p>Чтобы определенным образом <b>расположить</b> выбранный объект или объекты (например, изменить их порядок, если несколько объектов накладываются друг на друга), можно использовать значки <div class = "icon icon-bringforward_toptoolbar"></div> <b>Перенести вперед</b> и <div class = "icon icon-sendbackward_toptoolbar"></div> <b>Перенести назад</b> на вкладке <b>Макет</b> верхней панели инструментов и выбрать из списка нужный тип расположения.</p>
|
||
<p>Чтобы переместить выбранный объект (объекты) вперед, нажмите на стрелку рядом со значком <div class = "icon icon-bringforward_toptoolbar"></div> <b>Перенести вперед</b> на вкладке <b>Макет</b> верхней панели инструментов и выберите из списка нужный тип расположения:</p>
|
||
<ul>
|
||
<li><b>Перенести на передний план</b> <div class = "icon icon-bringtofront"></div> - чтобы переместить выбранный объект (объекты), так что он будет находиться перед всеми остальными объектами,</li>
|
||
<li><b>Перенести вперед</b> <div class = "icon icon-bringforward"></div> - чтобы переместить выбранный объект (объекты) на один уровень вперед по отношению к другим объектам.</li>
|
||
</ul>
|
||
<p>Чтобы переместить выбранный объект (объекты) назад, нажмите на стрелку рядом со значком <div class = "icon icon-sendbackward_toptoolbar"></div> <b>Перенести назад</b> на вкладке <b>Макет</b> верхней панели инструментов и выберите из списка нужный тип расположения:</p>
|
||
<ul>
|
||
<li><b>Перенести на задний план</b> <div class = "icon icon-sendtoback"></div> - чтобы переместить выбранный объект (объекты), так что он будет находиться позади всех остальных объектов,</li>
|
||
<li><b>Перенести назад</b> <div class = "icon icon-sendbackward"></div> - чтобы переместить выбранный объект (объекты) на один уровень назад по отношению к другим объектам.</li>
|
||
</ul>
|
||
<p>Можно также щелкнуть по выделенному объекту или объектам правой кнопкой мыши, выбрать из контекстного меню пункт <b>Порядок</b>, а затем использовать доступные варианты расположения объектов.</p>
|
||
</div>
|
||
</body>
|
||
</html> |