81 lines
16 KiB
HTML
81 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" />
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
<div class="mainpart">
|
|||
|
|
<h1>Вставка изображений</h1>
|
|||
|
|
<p>В онлайн-редакторе документов можно вставлять в документ изображения самых популярных форматов. Поддерживаются следующие форматы изображений: <b>BMP</b>, <b>GIF</b>, <b>JPEG</b>, <b>JPG</b>, <b>PNG</b>.</p>
|
|||
|
|
<p>Для вставки изображения в текст документа:</p>
|
|||
|
|
<ol>
|
|||
|
|
<li>установите курсор там, где требуется поместить изображение,</li>
|
|||
|
|
<li>нажмите значок <b>Вставить изображение</b> <img alt="Значок Вставить изображение" src="../images/image.png" /> на верхней панели инструментов,</li>
|
|||
|
|
<li>для загрузки изображения выберите одну из следующих опций:
|
|||
|
|
<ul>
|
|||
|
|
<li>при выборе опции <b>Изображение из файла</b> откроется стандартное диалоговое окно Windows для выбора файлов. Выберите нужный файл на жестком диске компьютера и нажмите кнопку <b>Открыть</b></li>
|
|||
|
|
<li>при выборе опции <b>Изображение по URL</b> откроется окно, в котором Вы можете ввести веб-адрес нужного изображения, а затем нажмите кнопку <b>OK</b></li>
|
|||
|
|
</ul>
|
|||
|
|
</li>
|
|||
|
|
<li>после того, как изображение будет добавлено, можно изменить его размер, свойства и положение.</li>
|
|||
|
|
</ol>
|
|||
|
|
<p><img class="floatleft" alt="Перемещение изображения" src="../images/moving_image.png" />Для изменения размера изображения перетаскивайте маленькие квадраты <img alt="Значок Квадрат" src="../images/resize_square.png" />, расположенные по его краям. Чтобы сохранить исходные пропорции выбранного изображения при изменении размера, удерживайте клавишу <b>Shift</b> и перетаскивайте один из угловых значков.</p>
|
|||
|
|
<p>Для изменения местоположения изображения используйте значок <img alt="Стрелка" src="../images/arrow.png" />, который появляется после наведения курсора мыши на изображение. Перетащите изображение на нужное место, не отпуская кнопку мыши.</p>
|
|||
|
|
<p>При перемещении изображения на экране появляются направляющие, которые помогают точно расположить объект на странице.</p>
|
|||
|
|
<p>Чтобы повернуть изображение, наведите курсор мыши на маркер поворота <img alt="Маркер поворота" src="../images/greencircle.png" /> и перетащите его по часовой стрелке или против часовой стрелки. Чтобы ограничить угол поворота шагом в 15 градусов, при поворачивании удерживайте клавишу <b>Shift</b>.</p>
|
|||
|
|
<hr />
|
|||
|
|
<p><img class="floatleft" alt="Вкладка Параметры изображения" src="../images/right_image.png" />
|
|||
|
|
<p>Некоторые параметры изображения можно изменить с помощью вкладки <b>Параметры изображения</b> на правой боковой панели. Чтобы ее активировать, щелкните по изображению и выберите значок <b>Параметры изображения</b> <img alt="Значок Параметры изображения" src="../images/image_settings_icon.png" /> справа. Здесь можно изменить следующие свойства:</p>
|
|||
|
|
<ul style="margin-left: 280px;">
|
|||
|
|
<li><b>Размер</b> - используется, чтобы просмотреть текущую <b>Ширину</b> и <b>Высоту</b> изображения или при необходимости восстановить размер изображения <b>По умолчанию</b>.</li>
|
|||
|
|
<li><b>Стиль обтекания</b> - используется, чтобы выбрать один из доступных стилей обтекания текстом - в тексте, вокруг рамки, по контуру, сквозное, сверху и снизу, перед текстом, за текстом (для получения дополнительной информации смотрите описание дополнительных параметров ниже).</li>
|
|||
|
|
<li><b>Заменить изображение</b> - используется, чтобы заменить текущее изображение, загрузив другое из файла или по URL.</li>
|
|||
|
|
</ul>
|
|||
|
|
<p>Некоторые из этих опций можно также найти в <b>контекстном меню</b>. Меню содержит следующие пункты:</p>
|
|||
|
|
<ul style="margin-left: 280px;">
|
|||
|
|
<li><b>Вырезать, копировать, вставить</b> - стандартные опции, которые используются для вырезания или копирования выделенного текста/объекта и вставки ранее вырезанного/скопированного фрагмента текста или объекта в то место, где находится курсор.</li>
|
|||
|
|
<li><b>Порядок</b> - используется, чтобы вынести выбранное изображение на передний план, переместить на задний план, перенести вперед или назад, а также сгруппировать или разгруппировать изображения для выполнения операций над несколькими из них сразу.</li>
|
|||
|
|
<li><b>Выравнивание</b> - используется, чтобы выровнять изображение по левому краю, по центру, по правому краю, по верхнему краю, по середине, по нижнему краю.</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> на правой боковой панели. Откроется окно свойств изображения:</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>Вкладка <b>Обтекание текстом</b> содержит следующие параметры:</p>
|
|||
|
|
<ul>
|
|||
|
|
<li><b>Стиль обтекания</b> - используйте эту опцию, чтобы изменить способ размещения изображения относительно текста: или оно будет являться частью текста (если выбран стиль обтекания "В тексте") или текст будет обтекать его со всех сторон (если выбран один из остальных стилей).
|
|||
|
|
<ul>
|
|||
|
|
<li><p><img alt="Стиль обтекания - В тексте" src="../images/wrappingstyle_inline.png" /> <b>В тексте</b> - изображение считается частью текста, как отдельный символ, поэтому при перемещении текста изображение тоже перемещается. В этом случае параметры расположения недоступны.</p>
|
|||
|
|
<p>Если выбран один из следующих стилей, изображение можно перемещать независимо от текста и и точно задавать положение изображения на странице:</p>
|
|||
|
|
</li>
|
|||
|
|
<li><p><img alt="Стиль обтекания - Вокруг рамки" src="../images/wrappingstyle_square.png" /> <b>Вокруг рамки</b> - текст обтекает прямоугольную рамку, которая окружает изображение.</p></li>
|
|||
|
|
<li><p><img alt="Стиль обтекания - По контуру" src="../images/wrappingstyle_tight.png" /> <b>По контуру</b> - текст обтекает реальные контуры изображения.</p></li>
|
|||
|
|
<li><p><img alt="Стиль обтекания - Сквозное" src="../images/wrappingstyle_through.png" /> <b>Сквозное</b> - текст обтекает вокруг контуров изображения и заполняет незамкнутое свободное место внутри него. Чтобы этот эффект проявился, используйте опцию <b>Изменить границу обтекания</b> из контекстного меню.</p></li>
|
|||
|
|
<li><p><img alt="Стиль обтекания - Сверху и снизу" src="../images/wrappingstyle_topandbottom.png" /> <b>Сверху и снизу</b> - текст находится только выше и ниже изображения.</p></li>
|
|||
|
|
<li><p><img alt="Стиль обтекания - Перед текстом" src="../images/wrappingstyle_infront.png" /> <b>Перед текстом</b> - изображение перекрывает текст.</p></li>
|
|||
|
|
<li><p><img alt="Стиль обтекания - За текстом" src="../images/wrappingstyle_behind.png" /> <b>За текстом</b> - текст перекрывает изображение.</p></li>
|
|||
|
|
</ul>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
<p>При выборе стиля обтекания вокруг рамки, по контуру, сквозное или сверху и снизу можно задать дополнительные параметры - <b>расстояние до текста</b> со всех сторон (сверху, снизу, слева, справа).</p>
|
|||
|
|
<p><img alt="Изображение - Дополнительные параметры: Положение" src="../images/image_properties_2.png" /></p>
|
|||
|
|
<p>Вкладка <b>Положение</b> доступна только в том случае, если выбран стиль обтекания, отличный от стиля "В тексте". Вкладка содержит следующие параметры, которые различаются в зависимости от выбранного стиля обтекания:</p>
|
|||
|
|
<ul>
|
|||
|
|
<li>Параметры раздела <b>По горизонтали</b> включают в себя <b>выравнивание</b> изображения (по левому краю, по центру, по правому краю) <b>относительно</b> символа, столбца, левого поля, поля, страницы или правого поля, а также <b>положение</b> изображения <b>справа от</b> символа, столбца, левого поля, поля, страницы или правого поля.</li>
|
|||
|
|
<li>Параметры раздела <b>По вертикали</b> включают в себя <b>выравнивание</b> изображения (по верхнему краю, по центру, по нижнему краю) <b>относительно</b> строки, поля, нижнего поля, абзаца, страницы или верхнего поля, а также <b>положение</b> изображения <b>ниже</b> строки, поля, нижнего поля, абзаца, страницы или верхнего поля.</li>
|
|||
|
|
<li>Опция <b>Перемещать с текстом</b> определяет, будет ли изображение перемещаться вместе с текстом, к которому оно привязано.</li>
|
|||
|
|
<li>Опция <b>Разрешить перекрытие</b> определяет, будут ли перекрываться два изображения, если перетащить их близко друг к другу на странице.</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</body>
|
|||
|
|
</html>
|