<?xml version="1.0" encoding="UTF-8"?>
<content type="LES"><lesson_id>937</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>1406640250</timestamp_x>
<date_create>1406636855</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[ 
<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/res67/e6rJP.aWiIo.anchor.gif" border="0"  /></td><td width="60%" >Позволяет создать якорь (закладку) в нужном месте страницы, для создания ссылки именно на это место страницы</td></tr>
           
            <tr bgcolor="#EEEEEE"><td width="10%" align="center"><img src="cid:resources/res67/QwCgV.bM2F1.link.gif" border="0"  /></td><td width="60%" >Позволяет создать ссылку</td></tr>
           
            <tr bgcolor="#ffffff"><td width="10%" align="center"><img src="cid:resources/res67/Guhuv.bX0DM.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/res67/oIbSv.gqSyF.link.gif" border="0"  /> <b>Ссылка</b>, после чего откроется диалоговое окно создания ссылки на страницу или документ на сервере. В системе возможно создание четырех типов гиперссылок. </p>

 
<h4>Ссылка на документ на сервере</h4>
 
<ul> 
  <li>В выпадающем списке <b>Тип</b> выберите <b>Ссылка на документ на сервере</b>. 
    <p><img src="cid:resources/res67/VIaQE.HSmVJ.doc_link_11.png" width="546" height="407" border="0" alt="Ссылка на документ на сервере"  /> </p>
   </li>
 
  <li>Укажите или загрузите документ, на который будет ссылаться создаваемая ссылка. Для этого нажмите кнопку <img src="cid:resources/res67/8UbnZ.zsoIB.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&amp;LESSON_ID=1871" target="_blank" title="Загрузка и размещение изображения" >Загрузка и размещение изображения</a></div></p>
    </li>
 
  <li>В выпадающем списке <b>Открыть ссылку в</b> укажите окно, в котором будет открываться ссылка. 
    <p><img src="cid:resources/res67/SraK6.T5nQ6.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>&lt;a&gt;</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>&lt;a&gt;</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/res67/OU9o3.rNaWP.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">&lt;a href="http://_адрес_сайта_" target="_blank"&gtадрес сайта&lt;/a&gt</pre></td></tr>
</tbody>
</table></div>
 
<p><b>Ссылка внутри данного документа</b></p>
 
<p>Для создания ссылки внутри документа сначала необходимо создать на странице закладку (или якорь).</p>
 
<ul> 
  <li>Для этого установите курсор указателя мыши в необходимое место и нажмите на кнопку <img src="cid:resources/res67/AAQFx.8hoMQ.anchor.gif" border="0"  /> <b>Якорь</b> панели инструментов. Появится диалог создания якоря. 
    <p><img src="cid:resources/res67/O6Ryd.ISHY0.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/res67/K2yfi.g3zka.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>&lt;a&gt;</b>:</p>
 
  <pre class="syntax">&lt;a name=&quot;history&quot;&gt;&lt;/a&gt;</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=http://dev.1c-bitrix.ru/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/res67/wQeNT.XTM6p.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=http://dev.1c-bitrix.ru/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="http://dev.1c-bitrix.ru/download/files/video/learning/teachvideo/8-1.flv" >Загрузить</a> ролик.</p>
 
<p>Теперь создайте ссылку на этот якорь</p>
 
<ul>Для этого: 
  <li>Выделите слово, которое будет служить ссылкой (например: &quot;Сайт&quot;) и нажмите кнопку <img src="cid:resources/res67/VAHjF.W95iF.link.gif" border="0"  /> <b>Ссылка</b>. Появится диалог создания ссылки как в случае <b>Ссылка на документ на сервере</b>. </li>
 
  <li>В поле <b>Тип</b> выберите из списка вариант <b>Ссылка внутри данного документа</b>. Диалог примет вид: 
    <p></p>
   
    <p><img src="cid:resources/res67/MAy4A.hUvhs.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/res67/rzcba.nb3Xl.link.gif" border="0"  /> <b>Ссылка</b> на панели редактирования. Появится диалог создания ссылки как в случае <b>Ссылка на документ на сервере</b>.</li>
 
  <li>В поле <b>Тип</b> выберите из списка вариант <b>Электронный адрес (EMail)</b>. Диалог примет вид: 
    <p><img src="cid:resources/res67/xiXr9.oRb4L.email_11.png" width="544" height="366" border="0" alt="Форма создания ссылки на &quot;Электронный адрес (EMail)&quot;"  /> </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 />&lt;a href=&quot;mailto:info@1c-bitrix.ru&quot; title=&quot;написать письмо&quot;&gt;Текст ссылки&lt;/a&gt;<br /></pre></td></tr>
</tbody>
</table></div>
 

 
<p><div class="hint"><b>Примечание</b>: после создания гиперссылки редактировать ее параметры можно в панели <b>Свойства</b> и в <b>контекстном меню</b>, если установить указатель мыши на ссылку. </div></p>
 
<br />
 Удалить ссылку можно, поставив курсор мыши на эту ссылку и нажав кнопку <img src="cid:resources/res67/ImR2X.KmKTp.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=http://dev.1c-bitrix.ru/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/res67/Tyn7l.beFJ6.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=http://dev.1c-bitrix.ru/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="http://dev.1c-bitrix.ru/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>937</id>
</content>