141 lines
17 KiB
Plaintext
141 lines
17 KiB
Plaintext
<%@ Control Language="C#" Inherits="BaseContentUserControls"%>
|
||
<%@ Register Namespace="TeamLab.Controls" Assembly="__Code" TagPrefix="cc" %>
|
||
|
||
<script runat="server">
|
||
protected override void Init()
|
||
{
|
||
PageTitle = PageCaption = "Как вставить изображение в опубликованное сообщение?";
|
||
MetaKeyWords = "вставить изображение, добавить картинку, изменить размер, вставить из сети";
|
||
MetaDescription = "Сообщество. Добавляйте изображения, чтобы улучшить опубликованную информацию";
|
||
|
||
|
||
var guides = new GuidesModel();
|
||
|
||
guides.CaptionRelatedTips = "Связанные советы и приемы";
|
||
guides.Title = "Использование облака тегов";
|
||
guides.TitleVideo = "Как вставить изображение в опубликованное сообщение?";
|
||
guides.RelatedTips = "Хотите узнать самые популярные темы в разделах Блоги, Форумы и Закладки? Просто взгляните на облако тегов, размещенное справа на Вашем портале!";
|
||
guides.LearnMore = "Подробнее...";
|
||
(Page as BasePage).Guides = guides;
|
||
}
|
||
|
||
</script>
|
||
|
||
<div class="MainHelpCenter">
|
||
<h1 class="subHeaderFeaturesCaption Guides_Video_Captions">Как вставить изображение в опубликованное сообщение?</h1>
|
||
<div class="keyword_block">
|
||
<ul>
|
||
<li><cc:LocalizeContent ID="LocalizeContent6" runat="Server" ControlName="~/Controls/Help/Tags/onlyoffice-community/onlyoffice-community.ascx" /></li>
|
||
<li><cc:LocalizeContent ID="LocalizeContent4" runat="Server" ControlName="~/Controls/Help/Tags/insert-image/insert-image.ascx" /></li>
|
||
<li><cc:LocalizeContent ID="LocalizeContent5" runat="Server" ControlName="~/Controls/Help/Tags/insert-objects/insert-objects.ascx" /></li>
|
||
|
||
</ul>
|
||
</div>
|
||
<div class="video_ground video_trips">
|
||
<h2 id="introduction">Введение</h2>
|
||
<div class="block_of_step">
|
||
<div class="screen_text">
|
||
<p>Хотите обсудить на форуме новые модели продуктов, чтобы выбрать лучшее? Или вам просто надо добавить несколько картинок, чтобы проиллюстрировать статью в блоге?</p>
|
||
<p>Прочитайте эти пошаговые инструкции, чтобы вставить изображение прямо в свое опубликованное сообщение.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
<h2 id="step1"><span class="style_step">Шаг 1.</span> Выберите существующую запись или создайте новую</h2>
|
||
<div class="block_of_step">
|
||
<div class="screen_text">
|
||
<p>Вы можете вставить изображение при создании или редактировании любого сообщения, размещенного на портале: новостей и объявлений, записи в блоге, сообщения на форуме, комментария или дискуссии внутри проекта. Подробные руководства по созданию сообщения можно найти по следующим ссылкам:</p>
|
||
<ul>
|
||
<li><a href="<%=VirtualPathUtility.ToAbsolute("~/gettingstarted/community.aspx#SharingEvents_block")%>">Публикация событий</a>;</li>
|
||
<li><a href="<%=VirtualPathUtility.ToAbsolute("~/gettingstarted/community.aspx#MaintainingBlog_block")%>">Ведение блога</a>;</li>
|
||
<li><a href="<%=VirtualPathUtility.ToAbsolute("~/gettingstarted/community.aspx#LeadingForumDiscussion_block")%>">Проведение дискуссий на форуме</a>;</li>
|
||
<li><a href="<%=VirtualPathUtility.ToAbsolute("~/gettingstarted/projects.aspx#LeadingDiscussion_block")%>">Проведение обсуждений в рамках проекта</a>.</li>
|
||
</ul>
|
||
<p>Чтобы отредактировать запись, откройте ее и нажмите на значок <img alt="Значок Действия" src="<%=VirtualPathUtility.ToAbsolute("~/images/Help/GettingStarted/ActionsIcon.png")%>" /> справа от заголовка записи и выберите из выпадающего списка опцию <b>Редактировать</b>.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<h2 id="step2"><span class="style_step">Шаг 2. </span>Вставьте изображение из сети</h2>
|
||
<div class="block_of_step">
|
||
<div class="screen_text">
|
||
<p>Когда сообщение создано, щелкните мышью в том месте, куда вы хотите вставить изображение, и нажмите кнопку <b>Изображение</b> <img alt="Кнопка Изображение" src="<%=VirtualPathUtility.ToAbsolute("~/images/Help/Guides/small/guide31/insertimage.png")%>" /> на <b>Панели форматирования</b>. </p>
|
||
</div>
|
||
<div class="screen_block">
|
||
<img alt="Как вставить изображение в опубликованное сообщение? Шаг 2" target="img2_eventcom_guides" class="screenphoto screen_guides" src="<%=VirtualPathUtility.ToAbsolute("~/images/Help/ru/Guides/small/guide31/step2.png")%>" />
|
||
<img alt="Как вставить изображение в опубликованное сообщение? Шаг 2" id="img2_eventcom_guides" class="bigphoto_screen" src="<%=VirtualPathUtility.ToAbsolute("~/images/Help/ru/Guides/big/guide31/step2.png")%>" />
|
||
<div target="img2_eventcom_guides" class="screenphoto magnifier"></div>
|
||
</div>
|
||
<div class="screen_text">
|
||
<p>Окно <b>Свойства изображения</b> откроется с активной вкладкой <b>Данные об изображении</b>.</p>
|
||
<p>Скопируйте и вставьте в соответствующее поле <b>URL</b> изображения, которое вы хотите добавить. Впишите <b>Альтернативный текст</b>, который будет отображаться в случае, когда изображение недоступно читателям (например, когда в их браузере отключены изображения). Настройте следующие параметры изображения:</p>
|
||
<ul>
|
||
<li>Скорректируйте размер изображения, введя значение <b>Ширины</b> или <b>Высоты</b>. По умолчанию второй параметр определяется автоматически, сохраняя исходное соотношение сторон изображения. Если Вам надо получить изображение определенного размера, разблокируйте пропорции, нажав кнопку <img alt="Кнопка Сохранять пропорции" src="<%=VirtualPathUtility.ToAbsolute("~/images/Help/Guides/small/guide31/lockratio.png")%>" />. Имейте в виду, что в этом случае пропорции изображения могут нарушиться, и оно может быть искажено.</li>
|
||
<li>Задайте размер <b>Границы</b> в пикселях или оставьте это поле пустым, если вы не хотите добавлять к изображению рамку.</li>
|
||
<li>Скорректируйте расстояние от верхнего (<b>Вертик. отступ</b>) и левого (<b>Гориз. отступ</b>) края изображения, если вы используете выравнивание по левому краю, или расстояние от верхнего (<b>Вертик. отступ</b>) и правого (<b>Гориз. отступ</b>) края изображения, если вы используете выравнивание по правому краю.</li>
|
||
<li>Выберите один из вариантов выравнивания изображения: <b>По левому краю</b>, чтобы выровнять изображение по левому краю, или <b>По правому краю</b>, чтобы выровнять изображение по правому краю.</li>
|
||
</ul>
|
||
</div>
|
||
<div class="screen_block">
|
||
<img alt="Как вставить изображение в опубликованное сообщение? Шаг 2" target="img3_eventcom_guides" class="screenphoto screen_guides" src="<%=VirtualPathUtility.ToAbsolute("~/images/Help/ru/Guides/small/guide31/step2_1.png")%>" />
|
||
<img alt="Как вставить изображение в опубликованное сообщение? Шаг 2" id="img3_eventcom_guides" class="bigphoto_screen" src="<%=VirtualPathUtility.ToAbsolute("~/images/Help/ru/Guides/big/guide31/step2_1.png")%>" />
|
||
<div target="img3_eventcom_guides" class="screenphoto magnifier"></div>
|
||
</div>
|
||
<div class="screen_text">
|
||
<p>Если вы хотите определить веб-адрес, на который вы будете перенаправлены при нажатии на изображение, переключитесь на вкладку <b>Ссылка</b>. Введите URL-адрес, с которым вы хотите связать изображение, и укажите целевой атрибут ссылки: <b>Новое окно (_blank)</b>, <b>Главное окно (_top)</b>, <b>Текущее окно (_self)</b> или <b>Родительское окно (_parent)</b>.</p>
|
||
|
||
</div>
|
||
<div class="screen_block">
|
||
<img alt="Как вставить изображение в опубликованное сообщение? Шаг 2" target="img6_eventcom_guides" class="screenphoto screen_guides" src="<%=VirtualPathUtility.ToAbsolute("~/images/Help/ru/Guides/small/guide31/step2_2.png")%>" />
|
||
<img alt="Как вставить изображение в опубликованное сообщение? Шаг 2" id="img6_eventcom_guides" class="bigphoto_screen" src="<%=VirtualPathUtility.ToAbsolute("~/images/Help/ru/Guides/big/guide31/step2_2.png")%>" />
|
||
<div target="img6_eventcom_guides" class="screenphoto magnifier"></div>
|
||
</div>
|
||
<div class="screen_text">
|
||
<p>Чтобы настроить дополнительные параметры изображения, переключитесь на вкладку <b>Дополнительно</b>. Здесь вы можете задать следующие параметры:</p>
|
||
<ul>
|
||
<li><b>Идентификатор</b> - идентификатор вставленного изображения.</li>
|
||
<li><b>Направление текста</b> - направление текста: <b>Слева направо (LTR)</b> или <b>Справа налево (RTL)</b>.</li>
|
||
<li><b>Код языка</b> - код, используемый для классификации языка: de, en, es, fr, it, ru и т.д.</li>
|
||
<li><b>Длинное описание ссылки</b> - описание целевого объекта.</li>
|
||
<li><b>Класс CSS</b> - класс CSS, к которому относится изображение.</li>
|
||
<li><b>Заголовок</b> - справочная информация о целевом объекте.</li>
|
||
<li><b>Стиль</b> - стиль вставленного изображения. Он включает в себя все параметры, указанные на вкладке <b>Данные об изображении</b>.</li>
|
||
</ul>
|
||
<p>Когда все параметры будут заданы, нажмите кнопку <b>OK</b>, чтобы добавить изображение в свою запись.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<h2 id="step3"><span class="style_step">Шаг 3.</span> Вставьте изображение со своего компьютера</h2>
|
||
<div class="block_of_step">
|
||
<div class="screen_text">
|
||
<p>Если вы хотите добавить изображение, сохраненное на компьютере, в окне <b>Свойства изображения</b> (смотрите <a href="#step2">Шаг 2</a>) переключитесь на вкладку <b>Загрузить</b>. Нажмите кнопку <b>Выберите файл</b>, найдите требуемое изображение на жестком диске и нажмите кнопку <b>Загрузить на сервер</b>.</p>
|
||
<div class="notehelp">
|
||
Убедитесь, что формат изображения - <b>JPEG</b>, <b>PNG</b>, <b>BMP</b> или <b>GIF</b> и что оно не более <b>1 Мб</b>. В противном случае файл не будет отправлен.
|
||
</div>
|
||
</div>
|
||
<div class="screen_block">
|
||
<img alt="Как вставить изображение в опубликованное сообщение? Шаг 3" target="img4_eventcom_guides" class="screenphoto screen_guides" src="<%=VirtualPathUtility.ToAbsolute("~/images/Help/ru/Guides/small/guide31/step3.png")%>" />
|
||
<img alt="Как вставить изображение в опубликованное сообщение? Шаг 3" id="img4_eventcom_guides" class="bigphoto_screen" src="<%=VirtualPathUtility.ToAbsolute("~/images/Help/ru/Guides/big/guide31/step3.png")%>" />
|
||
<div target="img4_eventcom_guides" class="screenphoto magnifier"></div>
|
||
</div>
|
||
<div class="screen_text">
|
||
<p>Как только изображение будет загружено на сервер, откроется вкладка <b>Данные об изображении</b>. На ней будет отображена <b>Ссылка</b> на загруженное изображение и его размер. Если необходимо, впишите <b>Альтернативный текст</b> и настройте параметры изображения, как описано выше (смотрите <a href="#step2">Шаг 2</a>).</p>
|
||
</div>
|
||
<div class="screen_block">
|
||
<img alt="Как вставить изображение в опубликованное сообщение? Шаг 3" target="img5_eventcom_guides" class="screenphoto screen_guides" src="<%=VirtualPathUtility.ToAbsolute("~/images/Help/ru/Guides/small/guide31/step3_1.png")%>" />
|
||
<img alt="Как вставить изображение в опубликованное сообщение? Шаг 3" id="img5_eventcom_guides" class="bigphoto_screen" src="<%=VirtualPathUtility.ToAbsolute("~/images/Help/ru/Guides/big/guide31/step3_1.png")%>" />
|
||
<div target="img5_eventcom_guides" class="screenphoto magnifier"></div>
|
||
</div>
|
||
<div class="screen_text">
|
||
<p>Когда все параметры будут заданы, нажмите кнопку <b>OK</b>. Изображение будет вставлено в вашу запись на том месте, куда был помещен курсор.</p>
|
||
<div class="notehelp">
|
||
Если необходимо загрузить файл размером более, чем <b>1 Мб</b>, вы можете или прикрепить его к своему сообщению, используя кнопку <b>Прикрепить файл</b> (доступно для обсуждений в проектах и сообщений на форумах), или загрузить его в модуль <b>Документы</b> и поделиться с коллегами.
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</div>
|