%PDF- %PDF-
| Direktori : /proc/self/root/home/bitrix/www/bitrix/wizards/bitrix/demo/modules/learning/ru/course/ |
| Current File : //proc/self/root/home/bitrix/www/bitrix/wizards/bitrix/demo/modules/learning/ru/course/res66.xml |
<?xml version="1.0" encoding="UTF-8"?>
<content type="LES"><lesson_id>667</lesson_id>
<was_chapter_id></was_chapter_id>
<keywords></keywords>
<childs_cnt>0</childs_cnt>
<is_childs>0</is_childs>
<sort>600</sort>
<timestamp_x>1374677073</timestamp_x>
<date_create>1374677073</date_create>
<created_user_name>(admin) Иван Иванов</created_user_name>
<created_by>1</created_by>
<active>Y</active>
<name>Работа с гиперссылками</name>
<preview_picture></preview_picture>
<preview_text></preview_text>
<preview_text_type>text</preview_text_type>
<detail_text><![CDATA[<style>
div.warning, div.note {
font-family: Verdana, Arial;
font-size: 12px;
background:#f9fafe url('/bitrix/templates/learning/icons/imp.gif') no-repeat 0.5em 1em;
padding:1em 1em 1em 2em;
border: 1px solid #BCCCDC;
}
div.note {
background-image: url('/bitrix/templates/learning/icons/prim.gif');
}
span.path {
color:#4682B4;
font-style: italic;
}
span.link {
color:#03C;
}
code
{
font-family: Courier New, Verdana, Arial;
font-size: 13px;
font-weight: bold;
background-color:#eee;
padding:0 0.2em 0 0.2em;
}
table.learning-spoiler{
border: 1px solid #dddddd;
table-layout:fixed;
padding: 3px;
width: 100%;
background-color: #eeeeee
}
table.learning-spoiler td{
color: black;
}
table.learning-spoiler th {
font-size:12;
font-weight:bold;
text-align:left;
color: black;
}
</style>
<p>Для создания и изменения гиперссылок также предусмотрены отдельные кнопки панели редактирования:</p>
<table cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr bgcolor="white">
<td bgcolor="#8C8C8C">
<table cellspacing="1" cellpadding="3" border="0">
<tbody>
<tr bgcolor="silver"><td width="10%" align="center"><b>Кнопка</b></td><td width="60%" align="center"><b>Действие</b></td></tr>
<tr bgcolor="#ffffff"><td width="10%" align="center"><img src="cid:resources/res66/ckBH1.tNKlb.anchor.gif" border="0" /></td><td width="60%" >Позволяет создать якорь (закладку) в нужном месте страницы, для создания ссылки именно на это место страницы</td></tr>
<tr bgcolor="#EEEEEE"><td width="10%" align="center"><img src="cid:resources/res66/FmaZO.9eeVC.link.gif" border="0" /></td><td width="60%" >Позволяет создать ссылку</td></tr>
<tr bgcolor="#ffffff"><td width="10%" align="center"><img src="cid:resources/res66/Yvleo.IKDMW.dellink.gif" border="0" /></td><td width="60%" >Удаляет ссылку</td></tr>
</tbody>
</table>
</td></tr>
</tbody>
</table>
<p>Рассмотрим предназначение этих кнопок подробнее.</p>
<h2>Создание ссылки</h2>
<p> Для создания ссылки нажмите на кнопку <img src="cid:resources/res66/nv1UJ.22Xj0.link.gif" border="0" /> <b>Ссылка</b>, после чего откроется диалоговое окно создания ссылки на страницу или документ на сервере. В системе возможно создание четырех типов гиперссылок. </p>
<h4>Ссылка на документ на сервере</h4>
<ul>
<li>В выпадающем списке <b>Тип</b> выберите <b>Ссылка на документ на сервере</b>.
<p><img src="cid:resources/res66/l8rt9.QeiO9.doc_link_11.png" width="546" height="407" border="0" alt="Ссылка на документ на сервере" /> </p>
</li>
<li>Укажите или загрузите документ, на который будет ссылаться создаваемая ссылка. Для этого нажмите кнопку <img src="cid:resources/res66/QlAg2.jyEjC.load_button.png" />, чтобы выбрать документ из <b>Структуры сайта</b> или выберите пункт меню кнопки <b>Выбрать из медиабиблиотеки</b>.
<p> <div class="hint">Действия по выбору/загрузке документа аналогичны действиям, подробно описанным в уроке <a href="https://dev.1c-bitrix.ru/learning/course/index.php?COURSE_ID=34&LESSON_ID=1871" target="_blank" title="Загрузка и размещение изображения" >Загрузка и размещение изображения</a></div></p>
</li>
<li>В выпадающем списке <b>Открыть ссылку в</b> укажите окно, в котором будет открываться ссылка.
<p><img src="cid:resources/res66/b9UBt.vDnST.window_type_list.png" border="0" height="104" width="159" alt="Окно, в котором будет открываться ссылка" /></p>
<div class="learnin-post-text">
<table class="learning-spoiler">
<thead onclick="LearningInitSpoiler(this)">
<tr><th>
<div>Задание окна для открытия ссылки при редактировании в режиме кода</div>
</th></tr></thead>
<tbody style="display:none;" class="learning-spoiler">
<tr><td> <p>В коде каждый из пунктов этого списка задается с помощью атрибута <b>target</b> тега <b><a></b>. Атрибут <b>target</b> может принимать соответственно следующие значения: </p>
<ul>
<li><b>_blank</b>; </li>
<li><b>_parent</b>; </li>
<li><b>_self</b>; </li>
<li><b>_top</b>. </li>
</ul>
</li></td></tr>
</tbody>
</table></div>
<li>Отметьте опцию <b>Не учитывать ссылку поисковиками (nofollow, noindex)</b>, если хотите, чтобы ссылка не учитывалась поисковыми системами при индексировании страницы.</li>
<li>Заполните, по желанию, поле <b>Всплывающая подсказка</b>, текст которого будет появляться при наведении курсора мыши на ссылку. В коде она вводится с помощью атрибута <b>title</b> тега <b><a></b>. </li>
<li>Укажите один из описанных в продукте <b>Стиль</b> для написания слова или фразы, являющихся ссылками</li>
<li>Задайте, по желанию, атрибуты <b>ID</b> и <b>Rel</b></li>
</ul>
<h4>Ссылка на другой сайт</h4>
<ul>
<li>В выпадающем списке <b>Тип</b> выберите <b>Ссылка на другой сайт</b>, после чего диалоговое окно изменит вид.
<p><img src="cid:resources/res66/VtZR5.KvUQ6.link_site_11.png" width="545" height="434" border="0" alt="Ссылка на документ на сервере" /> </p>
</li>
<li>Укажите <b>Текст ссылки</b> и <b>Адрес ссылки</b></li>
<li>Выберите опцию <b>Фиксировать переход в статистике</b> и заполните открывшиеся поля для того, чтобы события перехода по ссылке регистрировались в статистике.</li>
<li>Задайте остальные параметры аналогично <b>Ссылке на документ на сервере</b></li>
</ul>
<div class="learnin-post-text">
<table class="learning-spoiler">
<thead onclick="LearningInitSpoiler(this)">
<tr><th>
<div>Задание ссылки на сайт в режиме кода</div>
</th></tr></thead>
<tbody style="display:none;" class="learning-spoiler">
<tr><td>
<p>В режиме кода ссылку на другой сайт можно задать в виде:</p>
<pre class="syntax"><a href="http://_адрес_сайта_" target="_blank">адрес сайта</a></pre></td></tr>
</tbody>
</table></div>
<p><b>Ссылка внутри данного документа</b></p>
<p>Для создания ссылки внутри документа сначала необходимо создать на странице закладку (или якорь).</p>
<ul>
<li>Для этого установите курсор указателя мыши в необходимое место и нажмите на кнопку <img src="cid:resources/res66/Wfooq.GEWHF.anchor.gif" border="0" /> <b>Якорь</b> панели инструментов. Появится диалог создания якоря.
<p><img src="cid:resources/res66/VZvHC.OOIp7.anchor_11.png" border="0" height="166" width="425" /></p>
</li>
<li>Введите название якоря (закладки). Пусть это будет <b>page_setting</b>.
<p><div class="hint"><b>Примечание</b>: для задания якорей лучше использовать латинский шрифт.</div></p>
</li>
<li>Нажмите кнопку <b>Сохранить</b>, после чего на странице появится изображение якоря.
<p><img src="cid:resources/res66/qkrQA.UPfo4.flag.png" border="0" height="207" width="376" /> </p>
<div class="learnin-post-text">
<table class="learning-spoiler">
<thead onclick="LearningInitSpoiler(this)">
<tr><th>
<div>Задание якоря в режиме кода</div>
</th></tr></thead>
<tbody style="display:none;" class="learning-spoiler">
<tr><td>
<p>В коде якорь задается с помощью атрибута <b>name</b> тега <b><a></b>:</p>
<pre class="syntax"><a name="history"></a></pre></td></tr>
</tbody>
</table></div> </li>
</ul>
<p>Ниже вы можете познакомиться с видео-роликом, наглядно демонстрирующим процесс создания и изменения гиперссылок. (2 минуты 48 секунд, 9.75 Мб.)
<br />
</p>
<p><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" id="bxid_594465" width="800" height="620" ><param name="movie" value="/bitrix/components/bitrix/player/mediaplayer/player"><param name="menu" value="true"><param name="wmode" value="transparent"><param name="width" value="800"><param name="height" value="620"><param name="flashvars" value="file=/download/files/video/learning/teachvideo/8-1.flv&logo.hide=true&skin=/bitrix/components/bitrix/player/mediaplayer/skins/bitrix.swf&repeat=N&bufferlength=10&dock=true"><embed src="cid:resources/res66/dwPep.P4ubU.player" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" pluginspage="http://www.macromedia.com/go/getflashplayer" id="bxid_594465" menu="true" wmode="transparent" width="800" height="620" flashvars="file=/download/files/video/learning/teachvideo/8-1.flv&logo.hide=true&skin=/bitrix/components/bitrix/player/mediaplayer/skins/bitrix.swf&repeat=N&bufferlength=10&dock=true" /></object></p>
<p><a href="/download/files/video/learning/teachvideo/8-1.flv" >Загрузить</a> ролик.</p>
<p>Теперь создайте ссылку на этот якорь</p>
<ul>Для этого:
<li>Выделите слово, которое будет служить ссылкой (например: "Сайт") и нажмите кнопку <img src="cid:resources/res66/cvTqh.Psk4M.link.gif" border="0" /> <b>Ссылка</b>. Появится диалог создания ссылки как в случае <b>Ссылка на документ на сервере</b>. </li>
<li>В поле <b>Тип</b> выберите из списка вариант <b>Ссылка внутри данного документа</b>. Диалог примет вид:
<p></p>
<p><img src="cid:resources/res66/BmMKH.J9Gq8.anchor_setting_11.png" width="547" height="366" border="0" alt="Форма создания ссылки внутри данного документа" /> </p>
</li>
<li>В поле <b>Закладка</b> в выпадающем списке будут доступны все закладки (якоря), созданные на данной странице. Выберите необходимую закладку и укажите <b>Текст ссылки</b></li>
<li>Заполните, по желанию, все остальные поля формы.</li>
<li>После того, как указаны все параметры, нажмите кнопку <b>Сохранить</b>.</li>
</ul>
<p>Теперь в публичной части при нажатии на ссылку будет осуществлен переход к закладке на данной странице.</p>
<br />
<h4>Электронный адрес</h4>
<p>Среди возможных типов ссылок есть пункт <b>Электронный адрес (EMail)</b>. Выбрав этот тип, с помощью формы можно создать ссылку отправки электронного сообщения. При клике по этой ссылке будет запущена та почтовая программа, которая установлена в настройках браузера по умолчанию. </p>
<p>Для создания такой ссылки выполните следующее:</p>
<ul>
<li>Напишите текст ссылки, выделите его и нажмите кнопку <img src="cid:resources/res66/1fMy9.cOyBQ.link.gif" border="0" /> <b>Ссылка</b> на панели редактирования. Появится диалог создания ссылки как в случае <b>Ссылка на документ на сервере</b>.</li>
<li>В поле <b>Тип</b> выберите из списка вариант <b>Электронный адрес (EMail)</b>. Диалог примет вид:
<p><img src="cid:resources/res66/6Csr1.gSIIC.email_11.png" width="544" height="366" border="0" alt="Форма создания ссылки на "Электронный адрес (EMail)"" /> </p>
</li>
<li>Заполните поля формы и нажмите кнопку <b>Сохранить</b></li>
</ul>
<p>После сохранения ссылки и выхода из редактора по этой ссылке будет запущена почтовая программа с заполненным полем адресата.</p>
<div class="learnin-post-text">
<table class="learning-spoiler">
<thead onclick="LearningInitSpoiler(this)">
<tr><th>
<div>Задание ссылки на отправку электронного сообщения в режиме кода</div>
</th></tr></thead>
<tbody style="display:none;" class="learning-spoiler">
<tr><td><p>В коде такая ссылка создается так:</p>
<pre class="syntax"> <br /><a href="mailto:info@1c-bitrix.ru" title="написать письмо">Текст ссылки</a><br /></pre></td></tr>
</tbody>
</table></div>
<p><div class="hint"><b>Примечание</b>: после создания гиперссылки редактировать ее параметры можно в панели <b>Свойства</b> и в <b>контекстном меню</b>, если установить указатель мыши на ссылку. </div></p>
<br />
Удалить ссылку можно, поставив курсор мыши на эту ссылку и нажав кнопку <img src="cid:resources/res66/ih5kl.1aTvi.dellink.gif" border="0" /> <b>Удалить ссылку</b> панели редактирования, а также через контекстное меню.
<p>Ниже вы можете познакомиться с видео-роликом, наглядно демонстрирующим процесс создания и изменения гиперссылок. (2 минуты 2 секунды, 12.56 Мб.)
<br />
</p>
<p><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" id="bxid_174714" width="800" height="620" ><param name="movie" value="/bitrix/components/bitrix/player/mediaplayer/player"><param name="menu" value="true"><param name="wmode" value="transparent"><param name="width" value="800"><param name="height" value="620"><param name="flashvars" value="file=/download/files/video/learning/teachvideo/8-2.flv&logo.hide=true&skin=/bitrix/components/bitrix/player/mediaplayer/skins/bitrix.swf&repeat=N&bufferlength=10&dock=true"><embed src="cid:resources/res66/tthCB.kGWqD.player" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" pluginspage="http://www.macromedia.com/go/getflashplayer" id="bxid_174714" menu="true" wmode="transparent" width="800" height="620" flashvars="file=/download/files/video/learning/teachvideo/8-2.flv&logo.hide=true&skin=/bitrix/components/bitrix/player/mediaplayer/skins/bitrix.swf&repeat=N&bufferlength=10&dock=true" /></object></p>
<p><a href="/download/files/video/learning/teachvideo/8-2.flv" >Загрузить</a> ролик.</p>
]]></detail_text>
<detail_picture></detail_picture>
<detail_text_type>html</detail_text_type>
<launch></launch>
<code></code>
<active_from></active_from>
<active_to></active_to>
<rating></rating>
<rating_type></rating_type>
<scorm></scorm>
<linked_lesson_id></linked_lesson_id>
<course_id></course_id>
<course_sort></course_sort>
<edge_sort>600</edge_sort>
<id>667</id>
</content>