Просмотров: 15695 (Статистика ведётся с 06.02.2017)
Дата последнего изменения: 24.09.2015

Для создания и изменения гиперссылок также предусмотрены отдельные кнопки панели редактирования:

КнопкаДействие
Позволяет создать якорь (закладку) в нужном месте страницы, для создания ссылки именно на это место страницы
Позволяет создать ссылку
Удаляет ссылку

Рассмотрим предназначение этих кнопок подробнее.

Создание ссылки

Для создания ссылки нажмите на кнопку Ссылка, после чего откроется диалоговое окно создания ссылки на страницу или документ на сервере.

Ссылка на документ на сервере

В системе возможно создание четырех типов гиперссылок.

Типы гиперссылок


Ссылка на документ на сервере

  • В выпадающем списке Тип выберите Ссылка на документ на сервере.

    Ссылка на документ на сервере

  • Укажите или загрузите документ, на который будет ссылаться создаваемая ссылка. Для этого нажмите кнопку , чтобы выбрать документ из Структуры сайта.

    Действия по выбору/загрузке документа аналогичны действиям, подробно описанным в уроке Загрузка и размещение изображения

  • В выпадающем списке Открыть ссылку в укажите окно, в котором будет открываться ссылка.

    Окно, в котором будет открываться ссылка

    В коде каждый из пунктов этого списка задается с помощью атрибута target тега <a>. Атрибут target может принимать соответственно следующие значения:

    • _blank;
    • _parent;
    • _self;
    • _top.
  • Отметьте опцию Не учитывать ссылку поисковиками (nofollow, noindex), если хотите, чтобы ссылка не учитывалась поисковыми системами при индексировании страницы.
  • Заполните, по желанию, поле Всплывающая подсказка, текст которого будет появляться при наведении курсора мыши на ссылку. В коде она вводится с помощью атрибута title тега <a>.
  • Укажите один из описанных в продукте Стиль CSS для написания слова или фразы, являющихся ссылками
  • Задайте, по желанию, атрибуты ID и Rel

Ссылка на другой сайт

  • В выпадающем списке Тип выберите Ссылка на другой сайт, после чего диалоговое окно изменит вид.

    Ссылка на документ на сервере

  • Укажите Текст ссылки и Адрес ссылки
  • Задайте остальные параметры аналогично Ссылке на документ на сервере

Закладка внутри данного документа

Для создания ссылки внутри документа сначала необходимо создать на странице закладку (или якорь).

  • Для этого установите курсор указателя мыши в необходимое место и нажмите на кнопку Якорь панели инструментов. Появится диалог создания якоря.

  • Введите название якоря (закладки). Пусть это будет office_msk.
  • Нажмите кнопку Сохранить, после чего на странице появится изображение якоря.

  • В коде якорь задается с помощью атрибута name тега <a>:

    <a name="office_msk"></a>

Теперь создайте ссылку на этот якорь

    Для этого:
  • Выделите слово, которое будет служить ссылкой (например: "Офис в Москве") и нажмите кнопку Ссылка. Появится диалог создания ссылки как в случае Ссылка на документ на сервере.
  • В поле Тип выберите из списка вариант Ссылка внутри данного документа. Диалог примет вид:

    Форма создания ссылки внутри данного документа

  • В поле Закладка в выпадающем списке будут доступны все закладки (якоря), созданные на данной странице. Выберите необходимую закладку и укажите Текст ссылки
  • Заполните, по желанию, все остальные поля формы.
  • После того, как указаны все параметры, нажмите кнопку Сохранить.

Теперь в публичной части при нажатии на ссылку будет осуществлен переход к закладке на данной странице.


Электронный адрес

Среди возможных типов ссылок есть пункт Электронный адрес (EMail). Выбрав этот тип, с помощью формы можно создать ссылку отправки электронного сообщения. При клике по этой ссылке будет запущена та почтовая программа, которая установлена в настройках браузера по умолчанию.

Для создания такой ссылки выполните следующее:

  • Напишите текст ссылки, выделите его и нажмите кнопку Ссылка на панели редактирования. Появится диалог создания ссылки как в случае Ссылка на документ на сервере.
  • В поле Тип выберите из списка вариант Электронный адрес (EMail). Диалог примет вид:

    Форма создания ссылки на "Электронный адрес (EMail)"

  • Заполните поля формы и нажмите кнопку Сохранить

После сохранения ссылки и выхода из редактора по этой ссылке будет запущена почтовая программа с заполненным полем адресата.

В коде такая ссылка создается так:

<a href="mailto:info@1c-bitrix.ru" title="Написать письмо">info@1c-bitrix.ru</a>
Примечание: после создания гиперссылки редактировать ее параметры можно в панели Свойства и в контекстном меню, если установить указатель мыши на ссылку.

Удалить ссылку можно, поставив курсор мыши на эту ссылку и нажав кнопку Удалить ссылку панели редактирования, а также через контекстное меню.

2


Курсы разработаны в компании «1С-Битрикс»