В этом уроке мы научимся создавать ссылки
Что такое ссылки?
Ссылка – это некая активная область на сайте, кликнув по которой можно обратиться к другой странице сайта или объекту сайта.
Не совсем понятно? Давайте разберемся подробнее...
Что может быть ссылкой?
Ссылкой может быть выделенная область текста или изображение. Это значит, что мы можем осуществить клик либо на фрагменте текста, либо на изображении.
Куда может вести ссылка?
Ссылка может вести на:
- Другую страницу сайта
- Другой сайт (на страницу другого сайта)
- На картинку (тогда в окне браузера открывается картинка)
- Документ Word (файл .doc предлагается к скачке)
- Документ Excel (файл .xls предлагается к скачке)
- Документ PDF (файл .pdf предлагается к скачке)
- Архив RAR, ZIP и др (файл предлагается к скачке)
- Прочие объекты
Делаем ссылку на другую страницу нашего сайта
Чаще всего возникает задача сделать ссылку на другую страницу сайта. Посмотрим, как это можно сделать с помощью визуального реактора.
Для того, чтобы сделать ссылку, необходимо выделить часть текста, который должен быть ссылкой и нажать на кнопку «создать ссылку» визуального редактора.
Появится диалоговое окно ссылки. Из выпадающего списка страниц вашего сайта выберите ту страницу, на которую необходимо сослаться.
Нажмите ОК для завершения оформления ссылки. Сохраните страницу и проверьте работоспособность ссылки на сайте.
Делаем ссылку на другой сайт (страницу другого сайта)
Допустим, на странице вашего сайта вы описываете работу какой-либо полезной программы и хотите сослаться на сайт производителя программы. Для того, чтобы сделать ссылку на другой сайт, необходимо выделить фразу, которая должна стать ссылкой, выбрать команду «добавить ссылку» соответствующей кнопкой визуального редактора и в появившемся диалоговом окне вписать адрес страницы другого сайта. Можно также скопировать адрес другого сайта и вставить его в соответствующее поле диалогового окна. Нажимаем ОК. Сохраняем страницу, проверяем работоспособность ссылки на сайте.
Вероятно, вы заметили, что при нажатии на внешнюю ссылку, то есть ссылку ведущую на другой сайт, произошло замещение сайта в браузере на другой. Было бы лучше не покидать ваш сайт, а открыть другой сайт в новой вкладке браузера или в новом окне. Для этого надо сделать соответствующую настройку у ссылки.
Давайте отредактируем уже созданную ссылку, добавив ей соответствующую настройку. В диалоговом окне перейдите на вторую вкладку «Цель» и в выпадающем списке выберите Цель -> Новое окно (_blank).
Сохраните изменения нажав ОК. Сохраните страницу и проверьте действие ссылки на сайте.
Делаем ссылку на документ (ссылка «скачать»)
Довольно частая задача – сделать ссылку «скачать», то есть предоставить вашим посетителям скачать, например, файл текстового документа Word, электронной таблицы Excel или документа PDF.
Для этого необходимо выделить слово, которое должно стать ссылкой, вызвать диалоговое окно вставки ссылки и обратиться к документу на сервере – перейти в режим работы Файлового Менеджера нажав на кнопку «Посмотреть на сервере».
Если у вас нет нужного документа, закачайте его на сервер с помощью команды Upload Files. И затем выберите файл двойным кликом. В диалоговом окне вставки ссылки вы можете заметить, что прописался путь к вашему файлу. Нажимаем ОК. Сохраняем страницу. Проверяем действие ссылки на сайте.
Таким же образом можно ссылаться на архивы и изображения находящиеся на вашем сервере. Единственным исключением будет то, что при нажатии на ссылку, изображение откроется в браузере, а не произойдет запрос на скачку. Скачивать изображения можно стандартными функциями вызываемыми кликом правой кнопкой мыши. Кликните на изображении павой кнопкой мыши, из диалогового окна выберите «Сохранить изображение» и сохраните его на свой компьютер.
Отмена ссылки
Для того, чтобы отменить ссылку, воспользуйтесь кнопкой «Удалить ссылку». Для этого кликните мышью на текст ссылки и нажмите эту кнопку. Ссылка будет удалена.
Ссылка на «Якорь»
Ссылка на "Якорь" позволяет перенаправить посетителя сайта на определенное место на странице. При этом сослаться можно как на другую страницу сайта, так и на текущую.
Рассмотрим пример создания ссылки на "Якорь" на текущей странице.
В каких случаях может понадобиться ссылка на "Якорь". Например, текст страницы довольно объемный и найти нужную информацию на странице крайне сложно. Для удобства, можно перечислить важные пункты в начале страницы, сделать нечто вроде содержания страницы. Задача – сделать ссылку со слова или словосочетания на определенное место на странице.
Для этого необходимо создать якорь: перейдите на нужное место, кликните курсом туда, где необходимо установить якорь и после этого нажмите кнопку с флажком. Впишите логическое имя для якоря. Имена оформляйте латинскими буквами без пробелов.
После того, как якорь установлен необходимо создать ссылку. Выделим нужно слово, вызовем диалоговое окно ссылки.
В диалоговом окне в списке страниц выберем эту же страницу. В поле ссылки автоматически пропишется URL данной страницы. В конец URL необходимо дописать # и название якоря. Нажимаем ОК. Сохраняем страницу.
Проверяем работу ссылки на якорь на сайте. Таким же образом можно сослаться на якорь на любой странице сайта.
