48 lines
9.5 KiB
HTML
48 lines
9.5 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" />
|
||
<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="search" 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> выбранный объект или объекты, щелкните по значку <img alt="Значок Выравнивание" src="../images/align_toptoolbar.png" /> <b>Выравнивание</b> на вкладке <b>Макет</b> верхней панели инструментов и выберите из списка нужный тип выравнивания:</p>
|
||
<ul>
|
||
<li><b>Выровнять по левому краю</b> <img alt="Значок Выровнять по левому краю" src="../images/alignobjectleft.png" /> - чтобы выровнять объект (объекты) по горизонтали по левому краю страницы,</li>
|
||
<li><b>Выровнять по центру</b> <img alt="Значок Выровнять по центру" src="../images/alignobjectcenter.png" /> - чтобы выровнять объект (объекты) по горизонтали по центру страницы,</li>
|
||
<li><b>Выровнять по правому краю</b> <img alt="Значок Выровнять по правому краю" src="../images/alignobjectright.png" /> - чтобы выровнять объект (объекты) по горизонтали по правому краю страницы,</li>
|
||
<li><b>Выровнять по верхнему краю</b> <img alt="Значок Выровнять по верхнему краю" src="../images/alignobjecttop.png" /> - чтобы выровнять объект (объекты) по вертикали по верхнему краю страницы,</li>
|
||
<li><b>Выровнять по середине</b> <img alt="Значок Выровнять по середине" src="../images/alignobjectmiddle.png" /> - чтобы выровнять объект (объекты) по вертикали по середине страницы,</li>
|
||
<li><b>Выровнять по нижнему краю</b> <img alt="Значок Выровнять по нижнему краю" src="../images/alignobjectbottom.png" /> - чтобы выровнять объект (объекты) по вертикали по нижнему краю страницы.</li>
|
||
</ul>
|
||
<h3>Группировка объектов</h3>
|
||
<p>Чтобы <b>сгруппировать</b> два или более выбранных объектов или <b>разгруппировать</b> их, щелкните по стрелке рядом со значком <img alt="Значок Группировка" src="../images/group_toptoolbar.png" /> <b>Группировка</b> на вкладке <b>Макет</b> верхней панели инструментов и выберите из списка нужную опцию:</p>
|
||
<ul>
|
||
<li><b>Сгруппировать</b> <img alt="Значок Сгруппировать" src="../images/group.png" /> - чтобы объединить несколько объектов в группу, так что их можно будет одновременно поворачивать, перемещать, изменять их размер, выравнивать, упорядочивать, копировать, вставлять, форматировать как один объект.</li>
|
||
<li><b>Разгруппировать</b> <img alt="Значок Разгруппировать" src="../images/ungroup.png" /> - чтобы разгруппировать выбранную группу ранее сгруппированных объектов.</li>
|
||
</ul>
|
||
<p>Можно также щелкнуть по выделенным объектам правой кнопкой мыши, выбрать из контекстного меню пункт <b>Порядок</b>, а затем использовать опцию <b>Сгруппировать</b> или <b>Разгруппировать</b>.</p>
|
||
<h3>Упорядочивание объектов</h3>
|
||
<p>Чтобы определенным образом <b>расположить</b> выбранный объект или объекты (например, изменить их порядок, если несколько объектов накладываются друг на друга), можно использовать значки <img alt="Значок Перенести вперед" src="../images/bringforward_toptoolbar.png" /> <b>Перенести вперед</b> и <img alt="Значок Перенести назад" src="../images/sendbackward_toptoolbar.png" /> <b>Перенести назад</b> на вкладке <b>Макет</b> верхней панели инструментов и выбрать из списка нужный тип расположения.</p>
|
||
<p>Чтобы переместить выбранный объект (объекты) вперед, нажмите на стрелку рядом со значком <img alt="Значок Перенести вперед" src="../images/bringforward_toptoolbar.png" /> <b>Перенести вперед</b> на вкладке <b>Макет</b> верхней панели инструментов и выберите из списка нужный тип расположения:</p>
|
||
<ul>
|
||
<li><b>Перенести на передний план</b> <img alt="Значок Перенести на передний план" src="../images/bringtofront.png" /> - чтобы переместить выбранный объект (объекты), так что он будет находиться перед всеми остальными объектами,</li>
|
||
<li><b>Перенести вперед</b> <img alt="Значок Перенести вперед" src="../images/bringforward.png" /> - чтобы переместить выбранный объект (объекты) на один уровень вперед по отношению к другим объектам.</li>
|
||
</ul>
|
||
<p>Чтобы переместить выбранный объект (объекты) назад, нажмите на стрелку рядом со значком <img alt="Значок Перенести назад" src="../images/sendbackward_toptoolbar.png" /> <b>Перенести назад</b> на вкладке <b>Макет</b> верхней панели инструментов и выберите из списка нужный тип расположения:</p>
|
||
<ul>
|
||
<li><b>Перенести на задний план</b> <img alt="Значок Перенести на задний план" src="../images/sendtoback.png" /> - чтобы переместить выбранный объект (объекты), так что он будет находиться позади всех остальных объектов,</li>
|
||
<li><b>Перенести назад</b> <img alt="Значок Перенести назад" src="../images/sendbackward.png" /> - чтобы переместить выбранный объект (объекты) на один уровень назад по отношению к другим объектам.</li>
|
||
</ul>
|
||
</div>
|
||
</body>
|
||
</html> |