%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>