Free login module joomla

Редактор JCE | Создание ссылок

JCE URLСсылки на веб-странице - шаг вперёд к удобству и доступности информации на Вашем сайте. Внутренние ссылки позволяют указать путь на более подробный материал или предложить пользователю альтернативные статьи внутри вашего сайта. Не менее важны и внешние ссылки, например ссылки ведущие на сайт Вашего партнера, сайт производителя товара или разработчика конкретного программного обеспечения. Так или иначе, ссылки - это важный инструмент, которым не стоит пренебрегать при создании веб-страниц.


Создать ссылку в редакторе JCE очень просто. Для этой цели в панели инструментов редактора есть иконка с изображением звена цепи.
создать ссылку - кнопки "Удалить ссылку" и "Вставить / редактировать ссылку" соответственно.
Объектами ссылки (URL (Uniform Resource Locator) с в переводе с английского - единый указатель ресурсов) могут быть файлы, материалы, якоря или изображения внутри сайта, а также внешние адреса других сайтов в Интернете.
Носителем ссылки (URL) может быть пункт  меню, отдельное слово, фрагмент текста или изображение.
Для того, что бы сделать элемент, например слово, ссылкой необходимо его выделить и нажать на иконку "Добавить / Изменить ссылку" в панели инструментов визуального редатора JCE.
Перед Вами откроется окно менеджера ссылок.

окно менеджера ссылок

Ссылка (URL - Universal Resource Locator, универсальный указатель ресурсов) - адрес изображения, файла, статьи, документа или адрес стороннего ресурса  на который будет вести  ссылка. В качестве значения атрибута "href" используется адрес документа, на который происходит переход по ссылке. Адреса ссылок делятся на  как абсолютные и относительные. Абсолютные ссылки действуют везде  независимо от имени сайта, на котором прописана ссылка. Относительные же  ссылки  построены относительно текущего документа или корня веб- сайта.
Чтобы указать ссылку на файл - нужно справа от поля URL нажать на значок обзор файлов Откроется "Браузер файлов"

окно менеджера ссылок

В Браузере файлов нужно выбрать файл и нажать кнопку "Вставить".
Если нажать на значок Image 86, то откроется окно: "Создать адрес электронной почты"

mailtu

  • Кому (mailto) - адрес электронной почты получателя
  • Копия (cc) - копии письма, через запятую
  • Скрытая копия (bcc) - скрытые копии письма
  • Тема (subject) - тема письма

Создание ссылки на адрес электронной почты делается также как и ссылка на веб-страницу. Только вместо указателя ресурсов (URL) указывается mailto - адрес электронной почты.

Пример HTML - кода:
<p><a href="mailto:Этот адрес электронной почты защищён от спам-ботов. У вас должен быть включен JavaScript для просмотра.?cc=Этот адрес электронной почты защищён от спам-ботов. У вас должен быть включен JavaScript для просмотра.;bcc=Этот адрес электронной почты защищён от спам-ботов. У вас должен быть включен JavaScript для просмотра.&;subject=жду ответ">Пишите письма сюда</a></p>

Область окна менеджера ссылок - "Ссылки"

ssilky

Также в окне менеджера ссылок можно указать путь к пункту меню, любой статье вашего сайта или якорю статьи. Для этого в средней части менеджера ссылок можно воспользоваться поиском или выбрать их в списке возможных вариантов ссылки:

  • Контакты - позволяет выбрать в качестве ссылки контакт.
  • Контент - содержит все материалы имеющиеся на сайте, выбрав один из которых Вы установите на него ссылку. Здесь же в качестве ссылки вы можете выбрать якорь в любой статье сайта.
  • Меню – перечень всех имеющихся на сайте пунктов меню. Вы можете создать ссылку на необходимый пункт меню.
  • Веб - ссылки - перечень веб - ссылок имеющихся на сайте.

Область окна менеджера ссылок - "Атрибуты"

atribut

  • Якори статьи - список доступных якорей в текущей статье.
  • Цель (target) - указывает, где будет загружен документ. Предложен список доступных вариантов: открыть в текущем окне/фрейме, открыть в новом окне, открыть в родительском окне/фрейме, открыть поверх окон (заменяет все фреймы).
  • Название (title) - текст отображаемый в подсказке, когда мышь находится над элементом, который является носителем ссылки.

Вкладка "Расширенные"

Вкладка "Расширенные"

  • Id - уникальное имя (индентификатор) вашей ссылки, которое используется для изменения его стиля и обращения к нему через скрипты. Имя в коде документа должно быть в единственном экземпляре, т.е. встречаться только один раз. Имя должно обязательно начинаться с латинской буквы и может содержать в себе латинские буквы (A–Z, a–z), цифры (0–9), символы (-) и (_).
  • Стиль (style) - список встроенных свойств CSS, применяемых к элементу.
  • Список классов - список доступных CSS-классов шаблона.
  • Классы(class)  - разделенный пробелами список CSS-классов, которые должны применяться к элементу.
  • Направление (dir) - направление и отображение текста — слева направо или справа налево.         Синтаксис HTML: dir={ltr | rtl}, где ltr - текст отображается как обычно — слева направо, а rtl - текст инвертируется и отображается справа налево.Значение по умолчанию - ltr.
  • Код языка (lang) - применяется для атрибутов, задающих язык, на котором написан весь документ либо отдельные его фрагменты. В HTML язык обычно задается через атрибут lang, например английский - en, русский - ru.
  • Целевая кодировка(charset)- кодировка символов целевой ссылки, например utf-8.      Синтаксис HTML:<meta charset="utf-8">
  • Целевой тип MIME (type) - указывает браузеру, какой MIME-тип данных используется для внешнего документа. Как правило, применяется для того, чтобы указать, что подключаемый файл содержит CSS. MIME (Multipurpose Internet Mail Extensions — многоцелевые расширения интернет-почты) — стандарт, описывающий передачу по сети файлов различного типа: текстов, изображений, аудио, видео, архивов и т.д. Указание MIME-типа (например txt/html, video/avi, text/css и др.) используется в языке HTML обычно при передаче данных форм и вставки на страницу различных объектов. Значение по умолчанию - нет.
  • Отношение страницы к цели (rel) - связь между текущей страницей и целевым документом, на который ведет ссылка, заданная атрибутом href. Это необходимо, чтобы браузер знал, как использовать подключаемый документ.            Синтаксис HTML:   <a rel="строка">...</a>

Некоторые возможные значения перечислены ниже:
nofollow - не передавать по ссылке ТИЦ и PR.
alternate - альтернативный тип, используется, например для указания ссылки на файл в формате XML для описания анонсов стате, ленты новостей и т.д.
stylesheet — ссылка на файл, содержащий таблицу стилей (css) для текущего документа.
home — ссылка на заглавную страницу сайта.
contents — ссылка на файл, содержащий оглавление документа
index — ссылка на файл, содержащий информацию для индексного поиска по текущему документу
glossary — ссылка на файл, содержащий перечень терминов, относящихся к текущему документу
copyright — ссылка на страницу сайта, в которой говорится об авторских правах
next — ссылка на следующую страницу в последовательности документов
prev — ссылка на предыдущую страницу в последовательности документов
end — ссылка на последнюю страницу в последовательности документов
first — ссылка на первую страницу в последовательности документов
help — ссылка на страницу с подсказкой
chapter - раздел или глава текущего документа.
contact - ссылка на страницу с контактной информацией.
details - ссылка на страницу с подробностями.
archives - ссылка на архив сайта.
author - ссылка на страницу об авторе на том же домене.
bookmark - постоянная ссылка на раздел или запись.
first - ссылка на первую страницу.
last - ссылка на последнюю страницу.
noreferrer - не передавать по ссылке HTTP-заголовки.
prefetch - указывает, что надо заранее кэшировать указанный ресурс.
tag - указывает, что метка (тег) имеет отношение к текущему документу.
up - ссылка на родительскую страницу.


  • Отношение цели к странице (rev) - связь между целевым url- адресом и текущей страницей Атрибут rev является обратным в сравнении с атрибутом rel и описывает, чем является текущий документ по отношению к странице, на которую ведет ссылка. Используются те же значения, что и для  атрибута rel. Возможные значения аналогичны приведенныым выше.
  • Указатель (tabindex)  - порядковый номер в последовательности. Атрибут tabindex определяет последовательность перехода между ссылками при нажатии на кнопку Tab.
  • Клавиши (accesskey) - доступ к сcылке с помощью горячих клавиш. Синтаксис HTML: <button accesskey="клавиша">...</button>. В качестве значения могут применяться цифры (0-9) или латинская буква (a-z). Значение по умолчанию - Нет.

Вышеуказанные поля вкладки "Расширенные" не обязательны к заполнению.

Вкладка "Всплывающие окна". Применение данной вкладки позволяет открывать ссылку во всплывающем окне.

Вкладка "Всплывающие окна"

  • Название - название всплывающего окна.
  • Заголовок - заголовок всплывающего окна.
  • Группа - связанная группа. Всплывающие окна этой группы будут показаны, как галерея.
  • Иконка – вкл/выкл показ пользователю изображения с маленькой лупой, которая подсказывает, что по ссылке откроется всплывающее окно.  
  • Позиция иконки – в выпадающем списке выбираем в каком месте отображать иконку с подсказкой.
  • Размеры - указываем ширину и высоту всплывающего окна в пикселях.
  • Авто-окна – всплывающие окна будут автоматически открываться при загрузке страницы на основе выбранного параметра: Одинарные – открыть за одну сессию браузера. Постоянные – открывать всплывающие окна постоянно при переходе по страницам.
  • Скрыть ссылку вспл. окна – скрывает ссылки всплывающих окон и дочерних элементов. Полезно при создании галереи изображений запущенной с одной ссылки.
  • Тип медиа - выберите тип всплывающего окна. Это имеет решающее значение в определении того, как всплывающие окна будут загружаться. Некоторые форматы, такие как изображения и медиа социальных сетей Youtube, Vimeo и т.д. могут быть автоматически обнаружены в URL-адресе всплывающими окнами JCE MediaBox.
  • Параметры - задайте дополнительные параметры всплывающего окна изображения или контента. Требуются имя и значение параметра. Нажмите кнопку "Добавить"  для добавления параметров и кнопку "Удалить" для удаления параметров. В полях "Имя" и "Значение" можно указать информацию, которая будет появлятся снизу всплывающего окна.

После заполнения всех вкладок нажимаем кнопку "Вставить".
Применяя инструмент "Ссылки" вы легко можете создать перелинковку материалов на своём сайте, что улучшит юзабилити  вашего сайта и будет способствовать повышению рейтинга в поисковых системах.

↓↓↓ Понравилась статья? Жми на кнопки! ↓↓↓

Тэги: редактор JCE, URL, атрибут href, созание ссыки

Добавить комментарий


Защитный код
Обновить