128 lines
19 KiB
HTML
128 lines
19 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>BMP</b>, <b>GIF</b>, <b>JPEG</b>, <b>JPG</b>, <b>PNG</b>.</p>
|
||
<h3>Вставка изображения</h3>
|
||
<p>Для вставки изображения в электронную таблицу:</p>
|
||
<ol>
|
||
<li>установите курсор там, где требуется поместить изображение,</li>
|
||
<li>перейдите на вкладку <b>Вставка</b> верхней панели инструментов,</li>
|
||
<li>нажмите значок <div class = "icon icon-image"></div> <b>Изображение</b> на верхней панели инструментов,</li>
|
||
<li>
|
||
для загрузки изображения выберите одну из следующих опций:
|
||
<ul>
|
||
<li>
|
||
при выборе опции <b>Изображение из файла</b> откроется стандартное диалоговое окно для выбора файлов. Выберите нужный файл на жестком диске компьютера и нажмите кнопку <b>Открыть</b>
|
||
<p class="note">В <em>онлайн-редакторе</em> вы можете выбрать сразу несколько изображений.</p>
|
||
</li>
|
||
<li>при выборе опции <b>Изображение по URL</b> откроется окно, в котором можно ввести веб-адрес нужного изображения, а затем нажать кнопку <b>OK</b></li>
|
||
<li class="onlineDocumentFeatures">при выборе опции <b>Изображение из хранилища</b> откроется окно <b>Выбрать источник данных</b>. Выберите изображение, сохраненное на вашем портале, и нажмите кнопку <b>OK</b></li>
|
||
</ul>
|
||
</li>
|
||
</ol>
|
||
<p>После этого изображение будет добавлено на рабочий лист.</p>
|
||
<h3>Изменение параметров изображения</h3>
|
||
<p>После того как изображение будет добавлено, можно <a href="ManipulateObjects.htm" onclick="onhyperlinkclick(this)">изменить его размер и положение</a>.</p>
|
||
<p>Для того чтобы задать точные размеры изображения:</p>
|
||
<ol>
|
||
<li>выделите мышью изображение, размер которого требуется изменить,</li>
|
||
<li>
|
||
щелкните по значку <b>Параметры изображения</b> <div class = "icon icon-image_settings_icon"></div> на правой боковой панели,
|
||
<p><img alt="Вкладка Параметры изображения на правой боковой панели" src="../images/imagesettings.png" /></p>
|
||
</li>
|
||
<li>в разделе <b>Размер</b> задайте нужные значения <b>Ширины</b> и <b>Высоты</b>. Если нажата кнопка <b>Сохранять пропорции</b> <div class = "icon icon-constantproportions"></div> (в этом случае она выглядит так: <div class = "icon icon-constantproportionsactivated"></div>), ширина и высота будут изменены пропорционально, сохраняя исходное соотношение сторон изображения. Чтобы восстановить реальный размер добавленного изображения, нажмите кнопку <b>Реальный размер</b>.</li>
|
||
</ol>
|
||
<p>Для того чтобы обрезать изображение:</p>
|
||
<p>Кнопка <b>Обрезать</b> используется, чтобы обрезать изображение. Нажмите кнопку <b>Обрезать</b>, чтобы активировать маркеры обрезки, которые появятся в углах изображения и в центре каждой его стороны. Вручную перетаскивайте маркеры, чтобы задать область обрезки. Вы можете навести курсор мыши на границу области обрезки, чтобы курсор превратился в значок <img alt="Стрелка" src="../images/arrow.png" />, и перетащить область обрезки. </p>
|
||
<ul>
|
||
<li>Чтобы обрезать одну сторону, перетащите маркер, расположенный в центре этой стороны.</li>
|
||
<li>Чтобы одновременно обрезать две смежных стороны, перетащите один из угловых маркеров.</li>
|
||
<li>Чтобы равномерно обрезать две противоположные стороны изображения, удерживайте нажатой клавишу <em>Ctrl</em> при перетаскивании маркера в центре одной из этих сторон. </li>
|
||
<li>Чтобы равномерно обрезать все стороны изображения, удерживайте нажатой клавишу <em>Ctrl</em> при перетаскивании любого углового маркера.</li>
|
||
</ul>
|
||
<p>Когда область обрезки будет задана, еще раз нажмите на кнопку <b>Обрезать</b>, или нажмите на клавишу <em>Esc</em>, или щелкните мышью за пределами области обрезки, чтобы применить изменения.</p>
|
||
<p>После того как область обрезки будет задана, также можно использовать опции <b>Обрезать</b>, <b>Заливка</b> и <b>Вписать</b>, доступные в выпадающем меню <b>Обрезать</b>. Нажмите кнопку <b>Обрезать</b> еще раз и выберите нужную опцию: </p>
|
||
<ul>
|
||
<li>При выборе опции <b>Обрезать</b> изображение будет заполнять определенную форму. Вы можете выбрать фигуру из галереи, которая открывается при наведении указателя мыши на опцию <b>Обрезать по фигуре</b>. Вы по-прежнему можете использовать опции <b>Заливка</b> и <b>Вписать</b>, чтобы настроить, как изображение будет соответствовать фигуре.</li>
|
||
<li>При выборе опции <b>Заливка</b> центральная часть исходного изображения будет сохранена и использована в качестве заливки выбранной области обрезки, в то время как остальные части изображения будут удалены.</li>
|
||
<li>При выборе опции <b>Вписать</b> размер изображения будет изменен, чтобы оно соответствовало высоте или ширине области обрезки. Никакие части исходного изображения не будут удалены, но внутри выбранной области обрезки могут появиться пустые пространства.</li>
|
||
</ul>
|
||
<p>Для того чтобы повернуть изображение:</p>
|
||
<ol>
|
||
<li>выделите мышью изображение, которое требуется повернуть,</li>
|
||
<li>щелкните по значку <b>Параметры изображения</b> <div class = "icon icon-image_settings_icon"></div> на правой боковой панели,</li>
|
||
<li>
|
||
в разделе <b>Поворот</b> нажмите на одну из кнопок:
|
||
<ul>
|
||
<li><div class = "icon icon-rotatecounterclockwise"></div> чтобы повернуть изображение на 90 градусов против часовой стрелки</li>
|
||
<li><div class = "icon icon-rotateclockwise"></div> чтобы повернуть изображение на 90 градусов по часовой стрелке</li>
|
||
<li><div class = "icon icon-fliplefttoright"></div> чтобы отразить изображение по горизонтали (слева направо)</li>
|
||
<li><div class = "icon icon-flipupsidedown"></div> чтобы отразить изображение по вертикали (сверху вниз)</li>
|
||
</ul>
|
||
<p class="note"><b>Примечание</b>: вы также можете щелкнуть по изображению правой кнопкой мыши и использовать пункт контекстного меню <b>Поворот</b>.</p>
|
||
</li>
|
||
</ol>
|
||
<p>Для замены вставленного изображения:</p>
|
||
<ol>
|
||
<li>выделите мышью изображение, которое требуется заменить,</li>
|
||
<li>щелкните по значку <b>Параметры изображения</b> <div class = "icon icon-image_settings_icon"></div> на правой боковой панели,</li>
|
||
<li>нажмите кнопку <b>Заменить изображение</b>,</li>
|
||
<li>
|
||
выберите нужную опцию: <b>Из файла</b>, <b>Из хранилища</b> или <b>По URL</b> и выберите требуемое изображение.
|
||
<p class="note"><b>Примечание</b>: вы также можете щелкнуть по изображению правой кнопкой мыши и использовать пункт контекстного меню <b>Заменить изображение</b>.</p>
|
||
</li>
|
||
</ol>
|
||
<p>Выбранное изображение будет заменено.</p>
|
||
<p>Когда изображение выделено, справа также доступен значок <b>Параметры фигуры</b> <img alt="Значок Параметры фигуры" src="../images/shape_settings_icon.png" />. Можно щелкнуть по нему, чтобы открыть вкладку <b>Параметры фигуры</b> на правой боковой панели и настроить тип, толщину и цвет <a href="../UsageInstructions/InsertAutoshapes.htm#shape_stroke" onclick="onhyperlinkclick(this)"><b>Контуров</b></a> фигуры, а также изменить тип фигуры, выбрав другую фигуру в меню <b>Изменить автофигуру</b>. Форма изображения изменится соответствующим образом.</p>
|
||
<p>На вкладке <b>Параметры фигуры</b> также можно использовать опцию <b>Отображать тень</b>, чтобы добавить тень к изображению.</p>
|
||
<p><img alt="Вкладка Параметры фигуры" src="../images/right_image_shape.png" /></p>
|
||
<h3>Изменение дополнительныx параметров изображения</h3>
|
||
<p>Чтобы изменить дополнительные параметры изображения, щелкните по нему правой кнопкой мыши и выберите из контекстного меню пункт <b>Дополнительные параметры изображения</b>. Или нажмите ссылку <b>Дополнительные параметры</b> на правой боковой панели. Откроется окно свойств изображения:</p>
|
||
<p><img alt="Изображение - дополнительные параметры: Поворот" src="../images/imageadvancedsettings1.png" /></p>
|
||
<p>Вкладка <b>Поворот</b> содержит следующие параметры:</p>
|
||
<ul>
|
||
<li><b>Угол</b> - используйте эту опцию, чтобы повернуть изображение на точно заданный угол. Введите в поле нужное значение в градусах или скорректируйте его, используя стрелки справа. </li>
|
||
<li><b>Отражено</b> - отметьте галочкой опцию <b>По горизонтали</b>, чтобы отразить изображение по горизонтали (слева направо), или отметьте галочкой опцию <b>По вертикали</b>, чтобы отразить изображение по вертикали (сверху вниз).</li>
|
||
</ul>
|
||
<p><img alt="Изображение - дополнительные параметры: Привязка к ячейке" src="../images/imageadvancedsettings2.png" /></p>
|
||
<p>Вкладка <b>Привязка к ячейке</b> содержит следующие параметры:</p>
|
||
<ul>
|
||
<li><b>Перемещать и изменять размеры вместе с ячейками</b> - эта опция позволяет привязать изображение к ячейке позади него. Если ячейка перемещается (например, при вставке или удалении нескольких строк/столбцов), изображение будет перемещаться вместе с ячейкой. При увеличении или уменьшении ширины или высоты ячейки размер изображения также будет изменяться.</li>
|
||
<li><b>Перемещать, но не изменять размеры вместе с ячейками</b> - эта опция позволяет привязать изображение к ячейке позади него, не допуская изменения размера изображения. Если ячейка перемещается, изображение будет перемещаться вместе с ячейкой, но при изменении размера ячейки размеры изображения останутся неизменными.</li>
|
||
<li><b>Не перемещать и не изменять размеры вместе с ячейками</b> - эта опция позволяет запретить перемещение или изменение размера изображения при изменении положения или размера ячейки.</li>
|
||
</ul>
|
||
<p><img alt="Изображение - дополнительные параметры: Альтернативный текст" src="../images/imageadvancedsettings.png" /></p>
|
||
<p>Вкладка <b>Альтернативный текст</b> позволяет задать <b>Заголовок</b> и <b>Описание</b>, которые будут зачитываться для людей с нарушениями зрения или когнитивными нарушениями, чтобы помочь им лучше понять, какую информацию содержит изображение.</p>
|
||
<p>Чтобы удалить вставленное изображение, щелкните по нему и нажмите клавишу <b>Delete</b>.</p>
|
||
|
||
<h3>Назначение макроса к изображению</h3>
|
||
<p>Вы можете обеспечить быстрый и легкий доступ к макросу в электронной таблице, назначив макрос любому изображению. После назначения макроса, изображение отображается как кнопка, и вы можете запускать макрос всякий раз, когда нажимаете на изображение.</p>
|
||
<p>Чтобы назначить макрос,</p>
|
||
<ul type="circle">
|
||
<li>
|
||
Щелкните правой кнопкой мыши по изображению и в контекстном меню выберите пункт <b>Назначить макрос</b>.
|
||
<p><img alt="Контекстное меню - Назначить макрос" src="../images/assignmacro_rightclickimage.png" /></p>
|
||
</li>
|
||
<li>Откроется окно <b>Назначить макрос</b></li>
|
||
<li>
|
||
Выберите макрос из списка или вручную введите название макроса и нажмите <b>ОК</b>.
|
||
<p><img alt="Назначить макрос" src="../images/assignmacro.png" /></p>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</body>
|
||
</html> |