Будут вопросы, обращайтесь с помощью комментариев.

vkhelpnik.com

Как Вконтакте сделать ссылку на группу словом ( Чо?! Чо?!

Привет всем гостям сайта «Чо?!Чо?!»! Сегодня мы порадуем вас крайне полезной информацией на тему ссылок в социальной сети Вконтакте, «завуалированных» простыми словами.

Подобные приемы часто помогают тем, кто занимается раскруткой рекламных кампаний Вк, для которых необходимо распространять ссылки. А чтобы реклама выглядела красиво и заманивала своим видом, эксперты  рекомендуют ставить не просто обычный адрес сайта, группы или страницы человека Вконтакте, а прописывать их в виде броских фраз, окрашенных цветом, отличным от основного.

Делаем ссылку Вконтакте на внешний сайт, группу, другого пользователя

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

[Ссылка|Слова для перехода на нее]

1. Ссылка словом на страницу пользователя

К примеру, есть страница человека по имени Виктор Иванов. Давайте сделаем на его аккаунт ссылку так, чтобы она была в виде его логина. Скопируйте его ID (это цифры-идентификатор, содержатся в ссылке в браузере, подробнее это мы разобрали в этой статье) и поставьте их в шаблон на первое место:

[id15396726|Виктор Иванов]

Точно так же можно поставить ссылку на фото, музыку, посты, видео: просто копируйте их id и вставляйте в квадратные скобки вместе с необходимыми словами и символом «|» как разделение. Делается это в Wiki-разметке, например, при редактировании новостей группы.

2. Ссылка словом на группу или паблик

Такой же принцип работает и для групп. Воспользовавшись шаблоном [Ссылка|Слова для перехода на нее], поставьте в первую часть название группы в виде ее цифрового ID, как в предыдущем примере. Если группа имеет красивое название, копируйте только его без http или www и даже без vk.com.

На самом деле, недавно появился более простой способ делать ссылки словом Вконтакте: достаточно просто поставить символ «*», и начинать печатать имя вашего друга или группы, автоматически выпадет список, из которого можно выбрать нужную ссылку. Сразу появится шаблон, во второй его части пропишите текст.

Теперь вы умеете делать ссылки словом на человека и на группу Вконтакте, надеюсь эта статья вам в этом помогла. Можете протестировать в комментариях. U R Welcome.

Поделитесь со своими друзьями:

Обязательно к ознакомлению:

cho-cho.ru

Как переделать ссылку в слово

Всем привет! Эта статья будет небольшой, но полезной. Сегодня я вам расскажу о некоторой возможности ВКонтакте, а именно: ссылка словом. Наверно, уже многие знают как это сделать. Что значит ссылка словом? Знаете во многих группах в записях вставляют ссылку с надписью «Читать далее» или «смотрите в источнике» и т.д. При нажатии на неё нас перекидывает на другую группу, оттуда снова на другую и так бывает надо пройти групп 5, чтобы дойти до оригинала записи. Меня это очень раздражает, но что поделаешь… Без рекламы никуда…

Итак, сделать ссылку словом можно на человека, группу, страницу и т.д. Ссылка словом работает как на стене, так и в личных сообщениях. Итак, сделать это очень просто. На текущий момент есть несколько вариантов сделать это:

Под словом «ссылка» подразумевается не внешняя ссылка на какой-то другой сайт, а id человека, страницы или группы в ВК. Второй и 3 варианты я считаю проще, так как установив знак @ или *, сразу же появятся подсказки.

Пользоваться всем этим очень просто!

1. Если мы хотим сделать ссылку на человека ВКонтакте, то просто берём его id и вместо слова «ссылка» вставляем этот id. Ну а слово пишем такое, какое захотим. Например вот так: @andreyorlov96 (Андрей) или так [id26649873|Андрей], что то же самое. В этом случае будет ссылка на мою страницу. При наведении на ссылку вы увидите имя и фамилию человека, его статус и аватар.
2. Если мы хотим сделать ссылку на группу или страницу, то делаем то же самое, что и в первом случае. Берём id группы и пишем его вместо слова «ссылка». Например вот так: @computerism (Computer Blog). В случае с группами мы увидим название группы, аватар и количество участников.
3. Если же мы хотим сделать ссылку на внешний сайт, то просто пишем домен сайта, например, computerism.ru и эти слова сами станут ссылкой. Либо мы можем прикрепить картинку и так же написать адрес сайта, тогда эта ссылка прикрепится к картинке.

Огромная просьба! Когда вставляете ссылку словом, меняйте, пожалуйста, саму ссылку. А то уже очень много раз вставляли ссылку на меня в различных записях, что дезинформирует других людей.

Ну а насчёт третьего пункта, к сожалению, я пока что не знаю как можно сделать ссылку на внешний сайт словом кроме как в вики разметке. О ней вы можете почитать в группе ВКонтакте .

На этом всё! Если возникли какие-либо вопросы, обращайтесь через форму обратной связи либо в комментариях, так же можете написать мне в личку ВКонтакте.

Так мне захотелось там навести порядок, сделать что-нибудь интересное, красивое, чтобы было приятно посмотреть.

И конечно больше всего мне не нравятся все эти ссылки — набор букв и цифр.
Вот за них то я, и решила взяться. Начала вставлять вместо ссылок слова (кстати, по-другому, это называется анкор)…

«А зачем вообще менять ссылку на слово?» — кто то спросит из Вас.

А если вы хотите сразу узнать простую формулу, то вот она:

[idцифры ссылки|Текст ссылки]

Как сделать ссылку словом ВК?

Как было сказано выше, сослаться можно на все что угодно: альбом, свою страницу, сообщество и многое другое. А также и вставить ее можно куда угодно, будь то просто «Новая запись» на стене или же вставка в самом тексте (например, Вы писали статью и решили сослаться на документ)…

И сейчас мы рассмотрим все подробно:

Как заменить Вконтакте ссылку словом на человека

Находим человека, на страницу которого мы хотим сделать ссылку или же в своем паблике можно сослаться на свою страницу.

Для замены мы воспользуемся следующей формулой:

[idцифры ссылки|Текст ссылки]

В данном случае мы будем использовать id — адрес и это будет выглядеть так:

Сейчас покажу это на примере.

Я выбрала стену сообщества и буду ссылаться на свой аккаунт:

Для начала копируем в браузере ссылку своей страницы — не всю, а только те буквы и цифры, которые стоят после //vk.com/. Как показано на изображении ниже…

Вставляем в «Добавить запись» на стене.

А далее все по формуле: ставим с лева одну квадратную скобку, разделительную черту и имя пользователя и завершаем все снова квадратной скобкой.

Вот и готова наша ссылочка!

Как видите, все очень легко. Главное запомните формулу, которая приведена выше!

Давайте разберем еще один пример…

Для чего менять ссылки на слова

Ну возможно, кто то и считает это бесполезным занятием. Но все же я хочу попробовать убедить Вас в обратном…

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

Дело ведь не только в наличии полезной информации, а и в оформлении! В том, как каждая строчка продумана буквально до мелочей…

И вот, в таких сообществах, и страницах практически никогда не встретишь беспорядочного набора цифр и букв, которые представляют собой обычные ссылки!

Как правило, данные группы являются очень популярными, потому что всем, хочется читать хорошо и аккуратно оформленные посты. К тому же слово или предложение, которым заменена ссылка, намного понятнее, то есть сразу имеешь представление о том, куда и зачем заходишь. А также она выделена отличным от основного текста, синим цветом, что согласитесь, тоже не может не привлечь к себе внимание.

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

А теперь приступим к практической части, и узнаем о том, как сделать ссылку словом в ВК.
Но прежде разберем еще один не менее важный вопрос, я все же считаю, что это не будет лишним…

Так вот, вопрос, который может возникнуть у некоторых пользователей:

«А что это вообще такое — ссылка?»

Как сделать ссылку словом на альбом ВК

Вообще принцип действия абсолютно такой же. Но давайте сошлемся на свой альбом с фотографиями в тексте.

Итак, находим нужный нам альбом и копируем ТОЛЬКО ВСЕ ЦИФРЫ в браузере.

ЗАПОМНИТЕ ЭТО: на что бы Вы ни ссылались: на альбом, на документ, на страницу свою или пользователя, на группу и так далее — КОПИРОВАТЬ НУЖНО ТОЛЬКО ЦИФРЫ, а потом перед ними необходимо ОБЯЗАТЕЛЬНО ставить «id», иначе ссылка просто не будет работать!

Давайте теперь разместим ссылку на альбом с фотографиями у себя на странице. И конечно же применим нашу формулу.

Здесь она будет выглядеть так: [id++++++++|Текст].

И вот что у нас получилось:

Как видите сначала у нас идет текст, а потом ссылка на альбом, ее также можно вставить и в средину текста.

Таким же образом делаются и другие ссылки.

Если появились вопросы, спрашивайте ниже в комментариях, вам помогут.

Спасибо за внимание!

Что такое ссылка Вконтакте?

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

Как сделать ссылку в Вк словом, эта тема известна не всем пользователям. В этой статье мы постараемся в ней разобраться. Воспользуемся тремя способами создания ссылок в слове Вконтакте.

Здравствуйте друзья! Когда оформляются группы, паблики и страницы в социальных сетях люди публикуют там простые ссылки, с названием url той или иной страницы или сайта. Например, во Вконтакте. Такие ссылки не совсем удобные, поскольку по ним приходиться переходить через адресную строку браузера. Кроме того, ВК негативно относится к ссылкам, ведущим на сторонние сайты. Такие ссылки лучше преобразовывать через специальный сервис ВК. Как это делать показано в статье Переделываем ссылки Вконтакте.

Ссылки Вк словом делают для того, чтобы повысить количество переходов по ним. Например, на страницу Вк, группу, или внешний сайт (блог). Обычно такие ссылки имеют форму текста, по которому можно перейти на различные ресурсы в Интернете. Эта информация будет полезна и тем, кто зарабатывает деньги через Интернет. Это спасёт страницу ВК от блокировки.

Как сделать ссылку в ВК словом? Здесь нет ничего сложного. Мы будем использовать простые варианты создания подобных ссылок. Ведь согласитесь, это хорошая возможность оформить красиво группу, паблик или страницу Вк.

Итак, перейдём сразу к делу. Чтобы сделать ссылку Вконтакте словом, используем специальные символы для слова. Например, мне нужно сделать своё имя Вконтакте кликабельным, чтобы оно переходило на мою страницу.

Для этого пишем в скобках id своей страницы Вк, далее слово. Впоследствии должно получится так: [id204857693| Блог Ивана Кунпана]. Далее, вставляем символ выше на страницу Вконтакте в раздел: «Что у Вас нового? И нажимаем «Опубликовать» (Скрин 1).

После этого в своих записях можно увидеть слово, в которое была зашита ссылка (Скрин 2).

Наводим на неё курсор мыши и видим, что моя страница Вконтакте была вшита в слово «Иван Кунпан». Также по ней можно перейти, чтобы посмотреть на результат.

Далее, мы разберём ещё два варианта, которые тоже помогут ответить на вопрос, как сделать ссылку в ВК словом на группу, или внешний ресурс в Интернете.

Если у Вас есть группа Вконтакте, Вы можете её так же поставить ссылкой в слово. В этом случае используются другие символы. Например, такие @club185921427 (Тестовая группа) Только в разделе Id Вам нужно будет написать номер группы, и другое имя.

Копируете и вставляете id группы после домена «vk.com» перед символом @. Далее, пишете название своей группы или какое-либо другое слово.

Потом опять вставляем эту ссылку на своей странице и жмём «Опубликовать». Когда всё будет готово, Вы сможете переходить в группу через это слово. Таким образом можно сделать много таких ссылок, и пользователи будут охотно по ним переходить.

Также Вы можете поставить значок «@» на странице ВК в разделе «Что у Вас нового?» и выбрать предложения, которые выдаёт социальная сеть. Но это не всегда удобно, так как выпадают другие группы или страницы. Нажимаете по ним мышкой и слово превращается в ссылку.

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

Открываем группу Вк и нажимаем кнопку «Управление». Далее, в разделе нужно выбрать «Материалы» и сделать их «Открытыми» (Скрин 3).

После этого кликаем кнопку «Сохранить».

Затем, возвращаемся к сообществу. Далее, нажимаете в разделе «Свежие новости» кнопку «Редактировать» (Скрин 4).

В поле написания текста, пишем любое слово. Например, на этом блоге Вы найдёте информацию о том, «как заработать деньги в Интернете». И в последнем слове мы зашьём нашу ссылку.

Копируем адрес сайта, или другой домен внешнего ресурса. Затем, выделяете слово левой кнопкой мыши и нажимаете на стрелку вверху, которая отвечает за добавление ссылки. Далее, в окне «Добавление ссылки» нужно установить пункт «Внешние ссылки» если мы хотим направлять людей на сайты. Или страницы ( Скрин 5).

Далее, вставляете адрес ссылки сайта полностью и нажимаете «ОК». После этого можно заметить, как отдельное слово в тексте стало отображаться синим цветом. Это значит, что оно активное.

Давайте перейдём по нему. После перехода по этой ссылке, которая была зашита в предложении, нас перебрасывает на мой блог. Хочу сказать, что этот способ работает только в группах. И такие опубликованные посты можно наблюдать в разделе «Свежие новости» своей группы Вк (О том, как её создать есть статья на блоге) (Скрин 6).

При необходимости Вы можете ещё раз нажать кнопку «Редактировать» и добавить туда новую запись со ссылками.

Не всегда, но возникает необходимость редактировать зашитые ссылки в тексте. Как это сделать, если они уже опубликованные? Для этого мы нажимаем в правой стороне рядом с постом на стрелку вниз и выбираем «Редактировать» (Скрин 7).

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

Рассмотрим два варианта ссылок во Вонтакте:

• одна будет вести на паблик;
• другая на встречи или мероприятии.

Итак, первая ссылка — @public ( пишем айди паблика) (и слово).

Если Вы организовываете встречи или общественные собрания Вконтакте, например онлайн трансляции. Для приглашения на них людей, можно использовать такую ссылку @event (номер встречи) (название мероприятия).

Установить ссылку в слово не составляет труда. С помощью них Вы сможете улучшить свои ресурсы Вконтакте, и привлечь клиентов, подписчиков на внешние сайты.

Эта статья помогла нам найти ответ на вопрос, как сделать ссылку в ВК словом. В ней мы рассмотрели работающие способы создания ссылок. Если Вам нужно оформлять грамотно свои группы в Вк, паблики, страницы, думаю, эта информация будет для Вас полезной. Удачи Вам!

Создание гиперссылок — Изучение веб-разработки

Гиперссылки действительно важны — они делают Интернет Интернетом. В этой статье представлен синтаксис, необходимый для создания ссылки,  а также обсуждаются лучшие практики обращения со ссылками.

Гиперссылки — одно из самых интересных нововведений Интернета. Они были особенностью Сети с самого начала, но именно они превращают Интернет в Интернет. Они позволяют нам связывать наши документы с любым другим документом (или ресурсом), с которым мы хотим. С их помощью мы также можем связывать документы с их конкретными частями, и мы можем сделать приложения доступными на простом веб-адресе (сравните это с локальными приложениями, которые должны быть установлены, и другими такими же вещами). Почти любой веб-контент может быть преобразован в ссылку, так что когда вы кликаете по ней (или иным образом активируете), она заставляет веб-браузер перейти на другой веб-адрес (URL.)

Примечание: URL-адрес может указывать на файлы HTML, текстовые файлы, изображения, текстовые документы, видео и аудиофайлы и все остальное, что может жить в Интернете. Если веб-браузер не знает, как отображать или обрабатывать файл, он спросит вас, хотите ли вы открыть файл (в этом случае обязанность открытия или обработки файла передаётся в соответствующее локальное приложение на устройстве) или загрузить файл (в этом случае вы можете попытаться разобраться с ним позже).

Например, домашняя страница BBC содержит большое количество ссылок, которые указывают не только на множество новостей, но и на различные области сайта (меню), страницы входа / регистрации (пользовательские инструменты) и многое другое.

Простая ссылка создаётся путём обёртывания текста (или другого содержимого, смотрите  Ссылки-блоки), который вы хотите превратить в ссылку, в элемент <a>, и придания этому элементу атрибута href (который также известен как гипертекстовая ссылка, или цель), который будет содержать веб-адрес, на который вы хотите указать ссылку.

<p>Я создал ссылку на
  <a href="https://www.mozilla.org/ru/">домашнюю страницу Mozilla</a>.
</p>

Это дало нам следующий результат:

Я создал ссылку на домашнюю страницу Mozilla.

Добавляем информацию через атрибут title

Другим атрибутом, который вы можете добавить к своим ссылкам, является — title. Он предназначен для хранения полезной информации о ссылке. Например, какую информацию содержит страница или другие вещи, о которых вам нужно знать. Например:

<p>Я создал ссылку на
  <a href="https://www.mozilla.org/ru/"
     title="Лучшее место для поиска дополнительной информации
     о миссии Mozilla и о том, как внести свой вклад">домашнюю страницу Mozilla
  </a>.
</p>

Вот что получилось (описание появится, если навести курсор на ссылку):

Я создал ссылку на домашнюю страницу Mozilla.

Примечание: Описание из атрибута title отображается только при наведении курсора, значит люди, полагающиеся на клавиатурные элементы управления для навигации по веб-страницам, будут испытывать трудности с доступом к информации, которую содержит title. Если информация заголовка действительно важна для удобства использования страницы, то вы должны представить ее таким образом, который будет доступен для всех пользователей, например, поместив её в обычный текст.

Активное изучение: создаём собственную ссылку

Время упражнения: мы хотели бы, чтобы вы создали любой HTML-документ в текстовом редакторе на своём компьютере (наш базовый пример подойдёт.)

• Попробуйте добавить в тело HTML один или несколько абзацев или другие элементы, о которых вы уже знаете.
• Теперь превратите некоторые фрагменты документа в ссылки.
• Добавьте ссылкам атрибут title.

Ссылки-блоки

Как упоминалось ранее, вы можете превратить любой элемент в ссылку, даже блочный элемент. Если у вас есть изображение, которые вы хотели бы превратить в ссылку, вы можете просто поместить изображение между тегами <a></a>.

<a href="https://www.mozilla.org/ru/">
  <img src="mozilla-image.png" alt="логотип mozilla со ссылкой на их домашнюю страницу">
</a>

Примечание: Вы узнаете гораздо больше об использовании изображений в Интернете в следующей статье.

Чтобы полностью понять адреса ссылок, вам нужно понять несколько вещей про URL-адреса и пути к файлам. Этот раздел даст вам информацию, необходимую для достижения этой цели.

URL-адрес (Uniform Resource Locator, или единый указатель ресурса, но так его никто не называет) — это просто строка текста, которая определяет, где что-то находится в Интернете. Например, домашняя страница Mozilla находится по адресу https://www.mozilla.org/ru/.

URL-адреса используют пути для поиска файлов. Пути указывают, где в файловой системе находится файл, который вас интересует. Давайте рассмотрим простой пример структуры каталогов (смотрите каталог creating-hyperlinks.)

Корень структуры — каталог  creating-hyperlinks. При работе на локальном веб-сайте у вас будет один каталог, в который входит весь сайт. В корне у нас есть два файла — index.html и contacts.html. На настоящем веб-сайте index.html был бы нашей домашней, или лендинг-страницей (веб-страницей, которая служит точкой входа для веб-сайта или определенного раздела веб-сайта).

В корне есть ещё два каталога —  pdfs и projects. У каждого из них есть один файл внутри — project-brief.pdf и index.html, соответственно. Обратите внимание на то, что вы можете довольно успешно иметь два index.html файла в одном проекте, пока они находятся в разных местах файловой системы.  Многие веб-сайты так делают. Второй index.html, возможно, будет главной лендинг-страницей для связанной с проектом информации.

• Тот же каталог: Если вы хотите подключить ссылку внутри index.html (верхний уровень index.html), указывающую на contacts.html, вам просто нужно указать имя файла, на который вы хотите установить ссылку, так как он находится в том же каталоге, что и текущий файл. Таким образом, URL-адрес, который вы используете — contacts.html:

  <p>Хотите связаться с конкретным сотрудником?
     Найдите подробную информацию на нашей
    <a href="contacts.html">странице контактов</a>.
  </p>

• Перемещение вниз в подкаталоги: Если вы хотите подключить ссылку внутри index.html (верхний уровень index.html), указывающую на projects/index.html, вам нужно спуститься ниже в директории projects перед тем, как указать файл, который вы хотите. Это делается путём указания имени каталога, после которого идёт слэш и затем имя файла. Итак, URL-адрес, который вы используете — projects/index.html:

  <p>Посетите мою
    <a href="projects/index.html">домашнюю страницу проекта</a>.
  </p>

• Перемещение обратно в родительские каталоги: Если вы хотите подключить ссылку внутри projects/index.html, указывающую на pdfs/project-brief.pdf, вам нужно будет подняться на уровень каталога, затем спустится в каталог pdf. «Подняться вверх на уровень каталога» обозначается двумя точками — .. — так, URL-адрес, который вы используете ../pdfs/project-brief.pdf:

  <p>Ссылка на
    <a href="../pdfs/project-brief.pdf">краткое описание моего проекта</a>.
  </p>

Примечание: Вы можете объединить несколько экземпляров этих функций в сложные URL-адреса, если необходимо, например: 
../../../сложный/путь/к/моему/файлу.html.

Фрагменты документа

Можно ссылаться на определенную часть документа HTML (известную как фрагмент документа), а не только на верхнюю часть документа. Для этого вам сначала нужно назначить атрибут id элементу, с которым вы хотите связаться. Обычно имеет смысл ссылаться на определённый заголовок, поэтому это выглядит примерно так:

<h3>Почтовый адрес</h3>

Затем, чтобы связаться с  этим конкретным  id, вы должны включить его в конец URL-адреса, которому предшествует знак решётки, например:

<p>Хотите написать мне письмо? Используйте наш
  <a href="contacts.html#Почтовый_адрес">почтовый адрес</a>.
</p>

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

<p>
  <a href="#Почтовый_адрес">Почтовый адрес кампании</a>
  можно найти в нижней части этой страницы.
</p>

Абсолютные и относительные URL-адреса

Два понятия, с которыми вы столкнетесь в Интернете, — это абсолютный URL и относительный URL:

Абсолютный URL

Указывает на местоположение, определяемое его абсолютным местоположением в Интернете, включая протокол и доменное имя. Например, если страница index.html загружается в каталог, называемый projects, который находится внутри корня веб-сервера, а домен веб-сайта — http://www.example.com, страница будет доступна по адресу http://www.example.com/projects/index.html (или даже просто http://www.example.com/projects/), так как большинство веб-серверов просто ищет целевую страницу, такую ​​как index.html, для загрузки, если он не указан в URL-адресе.).

Абсолютный URL всегда будет указывать на одно и то же местоположение, независимо от того, где он используется.

Относительный URL

Указывает расположение относительно файла, с которого вы связываетесь, это больше похоже на случай, который мы рассматривали в предыдущей секции. Для примера, если мы хотим указать со страницы http://www.example.com/projects/index.html на PDF файл, находящийся в той же директории, наш URL может быть просто названием файла —  project-brief.pdf — никакой дополнительной информации не требуется. Если PDF расположен в поддиректории pdfs внутри каталога projects, относительная ссылка будет pdfs/project-brief.pdf (аналогичный абсолютный URL был бы http://www.example.com/projects/pdfs/project-brief.pdf.).

Относительный URL будет указывать на различные места, в зависимости от того, где находится файл, в котором он используется, — например, если мы переместим наш файл index.html из каталога projects в корневой каталог веб-сервера (верхний уровень, не в директорию) , то относительный URL pdfs/project-brief.pdf будет вести на http://www.example.com/pdfs/project-brief.pdf, а не на http://www.example.com/projects/pdfs/project-brief.pdf.

Советуем вам основательно разобраться в этой теме!

При написании ссылок рекомендуется следовать некоторым правилам. Давайте рассмотрим их.

Используйте четкие формулировки описания ссылок

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

• Пользователям программ читающих с экрана нравится переходить по ссылкам на странице, читая адрес ссылки в тексте.
• Поисковые системы используют текст ссылки для индексирования файлов, поэтому рекомендуется включать ключевые слова в текст ссылки, чтобы эффективно описывать, куда ведет ссылка.
• Пользователи часто бегло просматривают страницу, не читая каждое слово, и их глаза будут привлечены к тексту, который выделяется, например, ссылки. Им будет полезно описание того, куда ведет ссылка.

Взгляните на этот пример:

Хороший текст ссылки: Скачать Firefox

<p><a href="https://firefox.com/">
  Скачать Firefox
</a></p>

Плохой текст ссылки: Нажми сюда, чтобы скачать Firefox

<p><a href="https://firefox.com/">
  Нажми сюда
</a>
чтобы скачать Firefox</p>

Советы:

• Не пишите URL-адрес как часть текста ссылки. URL-адреса выглядят сложными, а звучат ещё сложнее, когда программы чтения с экрана читают их по буквам.
• Не пишите «ссылка» или «ссылки на» в тексте ссылки — это лишнее. Программы чтения с экрана сами проговаривают, что есть ссылка. На экране пользователи также видят, что есть ссылка, потому что ссылки, как правило, оформлены в другом цвете и подчеркнуты (подчёркивая ссылки, вы соблюдаете правила хорошего тона, поскольку пользователи привыкли к этому).
• Следите за тем, чтобы текст ссылки был как можно короче. Длинный текст ссылки особенно раздражает пользователей программ чтения с экрана, которым придётся услышать всё, что написано.
• Минимизируйте случаи, когда несколько копий одного и того же текста ссылок указывает на разные страницы. Это может вызвать проблемы для пользователей программ чтения с экрана, которые часто вызывают список ссылок — несколько ссылок, помеченных как «нажмите здесь», «нажмите здесь», «нажмите здесь», будут путать.

Используйте относительные ссылки, где это возможно

Из прочитанного выше, вы можете подумать, что всё время использовать абсолютные ссылки — хорошая идея; в конце концов, они не ломаются, когда страница перемещается. Тем не менее, лучше использовать относительные ссылки везде, где это возможно, в пределах одного сайта  (при ссылке на другие сайты необходимо использовать абсолютную ссылку):

• Во-первых, гораздо проще прописать в коде относительные URL-адреса, как правило, они намного короче абсолютных URL-адресов, что значительно упрощает чтение кода
• Во-вторых, использование относительных URL-адресов эффективней по следующей причине. Когда вы используете абсолютный URL-адрес, браузер начинает поиск реального местоположения сервера запрашивая адрес у Domain Name System (DNS; также прочтите Как работает web), затем он переходит на этот сервер и находит файл, который запрашивается. С относительным URL-адресом проще: браузер просто ищет файл, который запрашивается на том же сервере. Используя абсолютные URL-адреса вместо относительных, вы постоянно нагружаете свой браузер дополнительной работой.

Создавая ссылки на не HTML ресурсы — добавляйте описание

Когда вы создаёте ссылку на файл, нажав на который можно загрузить документ PDF или Word или открыть просмотр видео, прослушивание аудио файла или перейти на страницу с другим, неожиданным для пользователя результатом (всплывающее окно или загрузка Flash-фильма), добавляйте четкую формулировку, чтобы уменьшить путаницу. Отсутствие описания может раздражать пользователя. Приведем пример:

• Если вы используете соединение с низкой пропускной способностью и вдруг нажмёте на ссылку без описания, начнётся загрузка большого файла.
• Если у вас нет установленного Flash-плеера и вы нажмёте ссылку, то внезапно перейдёте на страницу с Flash-контентом.

Посмотрите на примеры, чтобы увидеть, как добавить описание:

<p><a href="http://www.example.com/large-report.pdf">
  Скачать отчет о продажах (PDF, 10MB)
</a></p>

<p><a href="http://www.example.com/video-stream/">
  Посмотреть видео (видео откроется в отдельном окне, HD качество)
</a></p>

<p><a href="http://www.example.com/car-game">
  Играть в гонки (необходим Flash)
</a></p>

Используйте атрибут download, когда создаете ссылку

Когда создаёте ссылку на файл, который должен быть загружен, а не открыт в браузере, можете использовать атрибут download, чтобы создать имя файла по умолчанию для сохранения . Приведем пример ссылки для загрузки браузера Firefox 39:

<a href="https://download.mozilla.org/?product=firefox-39.0-SSL&os=win&lang=en-US"
   download="firefox-39-installer.exe">
  Скачать Firefox 39 для Windows
</a>

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

Вам нужно скачать или создать следующие страницы в одном каталоге (Смотрите navigation-menu-start):

Что делать:

1. Добавьте неупорядоченный список в указанном месте в любом html-файле. Список должен состоять из имен страниц (index, projects и т.д.). Меню навигации обычно представляет собой список ссылок, поэтому создание неупорядоченного списка семантически верно.
2. Создайте ссылки каждому элементу списка, ведущие на эти страницы.
3. Скопируйте созданное меню в каждую страницу.
4. На каждой странице удалите только ссылку, которая указывает на эту же страницу (на странице index.html удалить ссылку index и так далее). Дело в том, что, находясь на странице index.html, нам незачем видеть ссылку в меню на эту же страницу. С одной стороны, нам незачем ещё раз переходить на эту же страницу, с другой, такой прием помогает визуально определить, смотря на меню, в какой части сайта мы находимся.

Когда закончите задание, посмотрите, как это должно выглядеть:

Если не удается сделать, или вы не уверены, что сделали верно, посмотрите наш вариант navigation-menu-marked-up.

Можно создавать ссылки или кнопки, которые при нажатии открывают новое исходящее сообщение электронной почты, а не ссылку на ресурс или страницу. Для этого используется элемент <a> и mailto: — адрес почты.

Самыми простыми и часто используемыми формами mailto: являются  subject, cc, bcc и body; дальше прописываем адрес электронной почты. Например:

<a href="mailto:[email protected]">Отправить письмо для nowhere</a>

В результате получим ссылку вида: Отправить письмо для nowhere.

Сам адрес электронной почты не является обязательным для заполнения. Если оставить это поле пустым (в поле href оставить только «mailto:»), откроется новое исходящее сообщение почтовой программой, в поле получателя будет пусто. Это можно использовать для кнопки «Поделиться».

Особенности и детали

Помимо адреса электронной почты, вы можете предоставить другую информацию. Фактически, любые стандартные поля для отправки почты могут быть добавлены к указанному вами адресу mailto. Часто используемыми из них являются «subject», «cc» и «body» (которые не являются истинным полем заголовка, но позволяют указать дополнительную информацию для нового сообщения электронной почты). Каждое поле и его значение задаются в качестве условия запроса.

Вот пример который включает cc(кому отправить копию сообщения, все получатели письма видят список тех кто это письмо получит), bcc(скрытый адрес получателя, никто из получателей не будет видеть полный список получателей письма), subject(тема письма) и body(текст сообщения):

<a href="mailto:[email protected][email protected]&[email protected]&amp;subject=The%20subject%20of%20the%20email &amp;body=The%20body%20of%20the%20email">
  Send mail with cc, bcc, subject and body
</a>

Примечание: Значение каждого поля должно быть написано в URL-кодировке (то есть с непечатаемыми символами и пробелами percent-escaped). Обратите внимание на знак вопроса (?) для разделения основного адреса и дополнительных полей, амперсанд (&) для разделения каждого поля mailto: URL. Для этого используется стандартное описание URL запроса. Прочтите о методе GET, чтобы лучше понимать описание URL запроса.

Вот несколько примеров использования mailto URLs:

Этой информации достаточно для создания ссылок! Вы вернётесь к ссылкам позже, когда начнёте изучать стили. Дальше вы рассмотрите семантику текста и более сложные и необычные возможности, которые будут полезны при создании контента сайта. В следующей главе будет рассматриваться продвинутое форматирование текста.

Как сделать ссылку на группу вконтакте словом: подробная инструкция

Наверняка вы уже задумывались над тем, что соцсети, в частности, ВК можно использовать не только по ее прямому назначению. Конечно, изначально подобные ресурсы задумывались как инструмент для общения, однако в ходе развития они «обрастали» дополнительными функциями и возможностями. Так, современные пользователи успешно используют ВКонтакте в качестве раскрутки своих идей и своего бизнеса. Для этого создается сообщество, в которое всеми силами привлекаются участники. Кстати, о некоторых способов раскрутки группы я уже писал в одном из своих материалов.

Так вот, чем больше создатель сообщества пригласит других юзеров, тем существеннее возрастут шансы, что оно станет популярным и востребованным, а значит, будет пользоваться спросом и приносить доход. Что касается сегодняшней темы, то она касается непосредственно раскрутки паблика, и заключается в том, как сделать ссылку на группу ВКонтакте словом. Как в принципе сделать ссылку вконтакте мы уже рассматривали ранее.

Как сделать ссылку словом

Уверен, вы неоднократно видели, что ссылка на пользователя, на сообщество и т.д. «замаскирована» в виде какого-то слова. Выглядит это намного интереснее, чем обычная ссылка, тем более, что создается она достаточно просто. В общем-то, все, что нужно – использовать своего рода формулу, которая выглядит следующим образом:

• Для страницы пользователя – [id***|Текст ссылки];
• Для группы – [club***|Текст ссылки];
• Для паблика – [public***|Текст ссылки];
• Для встречи – [event***|Текст ссылки].

Возможно, выглядит несколько туманно, но на деле все очень легко и понятно. Для начала я поясню, что id – это своеобразный идентификатор в ВК. У каждого пользователя, группы, встречи и т.д. он свой, и никогда не повторяется.

Если в качестве пример взять группу, и представить, что нам необходимо сделать ссылку на нее в виде слова, то на практике это будет выглядеть следующим образом: в квадратных скобках пишем club, затем id данного сообщества, затем слово, под которым будет замаскирована ссылка на эту группу. Например, [club12345678|Ремонт компьютеров]. Как видите, нет ничего проще!

Нюансы

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

И второй момент: ссылку на сообщество можно сделать не только в виде слова, а еще и смайликом. В этом случае будет работать та же формула, однако вместо «Текст ссылки» нужно будет вводить код смайлика.

Надеюсь, у вас все получилось, и теперь в любой момент вы можете сделать «красивую» ссылку на свое сообщество в соцсети ВКонтакте.

Видео в помощь

Word 2016: гиперссылки

/ ru / word2016 / lists / content /

Введение

Добавление гиперссылок в текст может обеспечить доступ к веб-сайтам и адресам электронной почты прямо из вашего документа. Есть несколько способов вставить гиперссылку в ваш документ. В зависимости от того, как должна отображаться ссылка, вы можете использовать автоматическое форматирование ссылок в Word или для преобразования текста в ссылку.

Необязательно: загрузите наш практический документ.

Посмотрите видео ниже, чтобы узнать больше о гиперссылках в Word.

Что такое гиперссылки в Word

Гиперссылки состоят из двух основных частей : адреса (URL) веб-страницы и отображаемого текста . Например, адрес может быть http://www.popsci.com , а отображаемый текст может быть Popular Science Magazine . Когда вы создаете гиперссылку в Word, вы сможете выбрать как адрес, так и отображаемый текст.

Word часто распознает электронную почту и веб-адреса по мере ввода и автоматически форматирует их как гиперссылки после того, как вы нажмете , введите или пробел . На изображении ниже вы можете увидеть веб-адрес с гиперссылкой.

Чтобы перейти по гиперссылке в Word, удерживайте клавишу Ctrl и щелкните гиперссылку .

Для форматирования текста гиперссылкой:

1. Выделите текст, который нужно отформатировать как гиперссылку.
2. Выберите вкладку Insert , затем щелкните команду Hyperlink .Кроме того, вы можете открыть диалоговое окно «Вставить гиперссылку», щелкнув выделенный текст правой кнопкой мыши и выбрав Гиперссылка … в появившемся меню.
3. Откроется диалоговое окно Вставить гиперссылку . Используя параметры слева, вы можете выбрать ссылку на файл , веб-страницу , адрес электронной почты , документ или место в текущем документе .
4. Выбранный текст появится в поле Текст для отображения: вверху.Вы можете изменить этот текст, если хотите.
5. В поле Address : введите адрес, на который вы хотите создать ссылку, затем щелкните OK .
6. Текст будет отформатирован как гиперссылка.

После создания гиперссылки вы должны протестировать ее. Если вы перешли на веб-сайт, ваш веб-браузер должен автоматически открыться и отобразить этот сайт. Если это не сработает, проверьте адрес гиперссылки на наличие орфографических ошибок.

Редактирование и удаление гиперссылок

После того, как вы вставили гиперссылку, вы можете щелкнуть ее правой кнопкой мыши, чтобы изменить , открыть , скопировать или удалить его.

Чтобы удалить гиперссылку, щелкните ее правой кнопкой мыши и выберите в появившемся меню Удалить гиперссылку .

Challenge!

1. Откройте наш практический документ.
2. Прокрутите до стр. 4 .
3. В первом пункте в разделе «Напоминания сообщества» отформатируйте слово website как гиперссылку на http://www.epa.gov/recycle.
4. Проверьте свою гиперссылку , чтобы убедиться, что она работает.
5. Во втором пункте удалите гиперссылку из слов Parks and Recreation .
6. Когда вы закончите, ваша страница должна выглядеть примерно так:

/ ru / word2016 / page-layout / content /

Создание ссылок для звонков по телефону и по электронной почте

Сделать так, чтобы людям было проще связываться с вами, — это всегда хорошая идея, которая помогает повысить удобство использования вашего веб-сайта. Это можно сделать двумя способами: создать на своем веб-сайте ссылки, которые позволят пользователям напрямую связываться с вами.Создание ссылки «щелчок для отправки по электронной почте» означает, что почтовый клиент пользователя будет автоматически появляться, а «щелчок для вызова» означает, что устройства с поддержкой телефона могут звонить вам напрямую.

Добавление ссылок для звонков и рассылок по электронной почте

Если вы добавляете ссылки прямо на свою веб-страницу, вы можете сделать это с помощью всплывающего окна «Вставить / изменить ссылку».

Чтобы добавить ссылку:

1. Войдите в свою учетную запись
2. Выберите «Контент» в верхнем меню.
3. Щелкните значок редактирования рядом со страницей, на которую вы хотите ее добавить, или создайте новую страницу
4. Добавьте текст, который вы хотите связать, и выделите его
5. Щелкните значок «Вставить / изменить ссылку» на панели инструментов редактора.
6. Во всплывающем окне добавьте ссылку в поле «Добавить внешнюю ссылку».Чтобы позвонить по телефону, добавьте « tel: + », а затем свой номер телефона, а для отправки по электронной почте добавьте « mailto: », а затем свой адрес электронной почты

.
7. Нажмите «Вставить», сохраните страницу и опубликуйте свой сайт.

Добавление щелчка для звонка и щелчка для электронной почты с использованием фрагментов HTML

URL-адрес для вызова по щелчку должен иметь следующий формат:

Ваш текст здесь

URL-адрес электронной почты должен иметь следующий формат:

Ваш текст здесь

После создания URL-адреса вы можете добавить его к фрагменту HTML.

Чтобы перейти к экрану фрагментов HTML, выполните следующие действия:

1. Войдите в свою учетную запись
2. Выберите «Контент» в верхнем меню.
3. Щелкните «Фрагменты HTML» в меню слева.

На этом экране будут перечислены все фрагменты HTML, если таковые имеются, которые вы создали ранее.

Чтобы создать новый фрагмент HTML:

1. Нажмите кнопку «Новый фрагмент HTML» вверху экрана.
2. В поле «Описание» введите что-нибудь описательное, чтобы вы знали, для чего нужен HTML-код или для чего он нужен. Это просто для справки и не будет отображаться на вашем сайте.
3. Вставьте URL-адрес в большое поле «HTML-код».
4. Нажмите кнопку «Добавить фрагмент HTML».
5. Вы вернетесь к экрану «Фрагменты HTML», где теперь будет указан ваш новый фрагмент.

Теперь, когда ваш фрагмент создан, вы можете добавить его на свою страницу.

Всегда стоит проверять, правильно ли вы настроили ссылки, нажимая на них на своем веб-сайте.

Вставка гиперссылки в флажок

Используйте вместо этого флажок принятия.

Какой код использовать для вставки ссылки с флажком принятия?

Привет @andrewisliving

Мне просто интересно, узнали ли вы, как вставить ссылку в флажок, чтобы сделать ссылку на страницу T&C?
У меня точно такая же проблема, и я не могу найти способ ее решить?

Использование флажка принятия не помогает, поскольку также нет ссылки на страницу условий.
Большое спасибо

У меня такая же проблема @cecom. Я надеюсь, что кто-то может помочь.
Спасибо

такая же проблема. какой код использовать при добавлении гиперссылки в поле описания?

У меня такая же проблема, и я тоже надеюсь, что кто-то может помочь.

Я обнаружил, что это работает для нашей формы, надеюсь, это поможет:

[accept accept-234] Поставьте галочку, чтобы дать согласие на хранение ваших данных в соответствии с рекомендациями, изложенными в нашей политике конфиденциальности [/ accept]

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

привет jimmsweb, я новичок в этом, и когда я публикую это, постоянно меняет код для ссылки…. последняя попытка:

[accept accept-234] Отметьте, чтобы дать согласие на хранение ваших данных в соответствии с рекомендациями, изложенными в нашей политике конфиденциальности политика конфиденциальности

, поэтому мой шаблон формы содержит:

  [accept accept-737] Отметьте, чтобы согласиться с вашим
данные хранятся в соответствии с рекомендациями, изложенными в
наш  политика конфиденциальности  [/ accept]

[отправить класс: кнопка "Отправить"]  

В результате чего политика конфиденциальности выделяется, и при нажатии на нее вы попадаете на страницу, содержащую нашу информацию PP.

Надеюсь, это сработает… ..

• Этот ответ был изменен 2 года, 10 месяцев назад пользователем jaynebirks.
• Этот ответ был изменен 2 года, 10 месяцев назад пользователем jaynebirks.
• Этот ответ был изменен 2 года, 10 месяцев назад пользователем jaynebirks.

Здравствуйте,

У меня такая же проблема. Все описанное выше я уже пробовал, но ничего не вышло.

Есть ли другие решения, или у кого-нибудь еще есть эта проблема?

Спасибо!

Привет,

Я пытаюсь добавить в свои формы флажок принятия, однако, когда я сохраняю форму и просматриваю ее на действующем сайте, текст и ссылка не отображаются, хотя там есть пустой флажок.

Любые указания о том, почему код не работает так, как описано, и возможные исправления (я уже пробовал все вышеперечисленное) были бы действительно полезны.

Спасибо.

Привет, @amtenbrink и @orbonline

Этот вопрос решен с моей стороны. Попробуйте использовать этот код в своей форме (он работает со мной):

Надеюсь, это поможет
С уважением

Контактных ссылок - Поддержка - WordPress.com

Если вы все же хотите создать ссылку для контакта, это руководство включает инструкции для электронной почты, телефона, WhatsApp и Skype.

В качестве альтернативы можно указать адрес электронной почты или номер телефона в своем блоге через пробел или написать символы по буквам. Например, вместо использования контактной ссылки, такой как [email protected], напишите адрес как hello at mygreatnewblog dot com или hello @ mygreatnewblog. com .

Учтите, что спамеры могут использовать скрипты для очистки веб-сайтов в поисках адресов электронной почты или телефонных номеров.Если вы создадите такие ссылки, вы можете увидеть рост спама. В качестве альтернативы вы можете использовать контактную форму.

Содержание

Создание ссылок на электронную почту

Чтобы создать ссылку электронной почты, вы можете ввести свой адрес электронной почты как обычный текст, а затем добавить ссылку к этому тексту на mailto: [email protected] (замените [email protected] на свой адрес электронной почты. ) Если вы не знаете, как добавить ссылку к тексту, см. Наше руководство.

Другой способ сделать это - использовать следующий HTML:

 Напишите мне! 
 

Вы можете поместить этот код в редактор HTML любой страницы или в текстовый виджет и соответствующим образом настроить его.

↑ Содержание ↑

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

Большинство современных браузеров мобильных телефонов позволяют позвонить по номеру прямо с веб-сайта с помощью функции Click to Call.Однако не все браузеры автоматически превращают номер телефона в интерактивную ссылку, поэтому вот как это сделать вручную.

Если ваш номер телефона +1 (333) 333 4444, свяжите текст с тел .: + 1-333-333-4444 .

Вы также можете использовать метод HTML:

 +1 (333) 333 4444 
 

Всегда используйте формат международного набора в HTML.

↑ Содержание ↑

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

Вы можете добавить ссылку WhatsApp на свой сайт, которая позволит читателям отправлять вам сообщения с помощью WhatsApp на своем смартфоне или WhatsApp Web.

Если ваш номер телефона +1 (333) 333 4444, укажите ссылку на https://wa.me/13333334444 .

Если вы используете метод HTML, вы можете использовать этот формат:

 Отправьте мне сообщение в WhatsApp! 
 

Опять же, всегда используйте международный формат набора в HTML

Вы также можете пригласить своих посетителей присоединиться к группе WhatsApp. Для этого вы можете сначала сгенерировать ссылку:

1. Откройте группу, для которой хотите добавить приглашение, в приложении WhatsApp.
2. Щелкните имя группы, чтобы просмотреть настройки группы. Ближе к концу вы увидите участников и возможность пригласить участников по ссылке.
3. Скопируйте ссылку (она выглядит примерно так: https://chat.whatsapp.com/alphanumerical_group_id ).
4. Добавьте ссылку на свою страницу, сообщение или текстовый виджет.

↑ Содержание ↑

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

Вы можете создать ссылку, которая открывает звонок в Skype.

Если ваше имя пользователя Skype - «skypeusername», свяжите текст с skype: skypeusername? Call .

Вы также можете использовать этот HTML:

 Звонок в Skype для учетной записи skypeusername 
 

Как и другие ссылки, они могут быть добавлены на страницы, в сообщения, текстовые виджеты или пользовательские HTML-виджеты.

Текст ссылки - Цифровая доступность

Написание текста доступной ссылки

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

Будьте конкретны и ориентированы на действия.

Текст вашей ссылки должен точно описывать, что произойдет, когда кто-то щелкнет по этой ссылке.

Сделайте следующее : Замените любой расплывчатый текст ссылки текстом, который четко указывает на место назначения ссылки. За Например, "Руководства и учебные пособия по специальным возможностям" или "Просмотр календаря" описывают, где именно ссылка идет и что кто-то найдет, когда доберется туда.
Не то, что : общий текст, например «Нажмите здесь» или «Подробнее», слишком расплывчатый, потому что он не описывает место назначения ссылки.

Ссылки должны иметь смысл вне контекста.

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

Сделайте следующее : Используйте слова, которые точно говорят, что произойдет, когда кто-то щелкнет ссылку. Например, «Отчет о доступности для чтения» можно понять без каких-либо других слов, чтобы придать ему контекст.
Не то, что : несколько ссылок на одном экране, в которых используются одни и те же слова, сбивают с толку, особенно при чтении программой чтения с экрана вне контекста.Например, "Подробнее" говорит очень мало вне контекста о том, куда идет ссылка, особенно если есть несколько ссылок на страница, на которой все написано «Подробнее».

Не включайте слово «ссылка» в текст ссылки.

Программы чтения с экрана объявляют ссылку, говоря «ссылка» или «интерактивная графика».

Сделайте следующее: Опишите только место назначения ссылки.
Не то, что: Ни в текстовых, ни в графических ссылках не должно быть слов «ссылка» или «ссылка на». Это сделает экран читатели постоянно повторяют: «ссылка ссылка на ...»

Сначала поставьте уточняющие и ключевые слова.

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

Сделайте следующее: Определите, что является уникальным и специфическим в ссылке на лицевой стороне: «Мартовская повестка дня», «Апрельская повестка».
Не то, что: Избегайте использования одной и той же фразы для нескольких ссылок: «Повестка дня на март», «Повестка дня на апрель».

Используйте общие фразы и сделайте текст кратким.

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

Сделайте следующее: Используйте слова, которых люди будут ожидать, и будьте краткими, например «Свяжитесь с нами».
Не то, что: Не умничай и не используйте слишком много слов, например «Вы можете связаться с нами» или «Отправить дым. сигналы "

Избегайте ссылок на документы и предоставляйте информацию в виде текста на экране, когда возможный.

Создать ссылку на PDF-файл легко, но он намного удобнее и удобнее. размещать информацию прямо на экране, а не в связанном документе.

Сделайте следующее: Если вы должны указать ссылку на файл или документ, укажите, куда будет идти ссылка текст вашей ссылки: «Загрузить брошюру», «Открыть руководство в Google Документах»."
Не то, чтобы: Не отправлять пользователей в документы, если вы можете поместить информацию прямо в экран.

Написание текста ссылки для многоцелевых списков университетского городка

Если вы работаете над сайтом sc.edu в системе управления контентом OU Campus, изучите некоторые особенности работы с многоцелевыми списками.

Как сделать гиперссылку на ваше оглавление в Microsoft Word

В сегодняшнюю цифровую эпоху большая часть контента, который вы создаете в Microsoft Word, будет тиражироваться не только на бумаге. Диссертации и диссертации часто публикуются в Интернете. Авторы книг, художественных или документальных, предпочитают самостоятельно публиковать, а это означает создание и распространение функциональных электронных книг. Даже если вы пишете и публикуете длинные отчеты в формате PDF, вы все равно должны подумать о том, как читателям лучше всего просматривать ваш документ и перемещаться по нему.

Вот где гиперссылки в Microsoft Word становятся важными.

• Для авторов диссертаций и диссертаций создание связанного оглавления не только упростит навигацию по документу для пользователей, но и будет легче обновлять оглавление по мере изменения содержания. Каждый аспирант согласится, что сэкономленное время - золото!
• Для самостоятельных издателей читатели ожидают, что содержание их электронных книг будет интерактивным, а большинство розничных продавцов электронных книг, включая Amazon, требуют гиперссылки.Это распространяется не только на оглавление, но и на URL-адреса, которые появляются в вашем тексте, номера концевых сносок и т. Д. Часто создание этих ссылок в документе Word перед преобразованием в EPUB или MOBI (например, Kindle) автоматически создает ссылки в файлах электронных книг, особенно если вы используете службы преобразования, например, предлагаемые Draft2Digital или бесплатное ПО, например Caliber.
• Одним словом, для любого длинного документа, опубликованного в Интернете, например в формате PDF, интерактивное оглавление и активные URL-адреса, адреса электронной почты и ссылки на другие документы необходимы и, честно говоря, ожидаются читателями.

В этой статье с помощью снимков экрана описывается, как сделать гиперссылку на контент и создать связанное оглавление (TOC). Начнем с изучения того, как создавать простые гиперссылки.

Создание простых гиперссылок в Microsoft Word

Этот процесс относительно прост. Давайте взглянем.

У вас открыт документ в Word. Возможно, ваш документ содержит URL-адрес. Часто в ваших пользовательских настройках указывается автоматическое преобразование введенного URL в гиперссылку.Если вы набираете гиперссылку, например http://www.google.com/, и она не создает ссылку автоматически, вы можете включить этот параметр, перейдя в ФАЙЛ → Параметры, и откроется следующее окно:

Отсюда нажмите кнопку «Правописание» слева, а затем кнопку «Параметры автозамены» вверху:

Убедитесь, что на вкладке Автоформат установлен флажок «Интернет и сетевые пути с гиперссылками»:

Если вы похожи на меня и предпочли бы отключить такое автоформатирование, вы все равно можете создать гиперссылку вручную.Сначала введите URL-адрес в документ, затем выделите его курсором:

Затем щелкните правой кнопкой мыши выделенный текст и выберите в раскрывающемся меню «Гиперссылка» (вниз к низу):

Откроется ящик:

Вверху вы видите «Текст для отображения»; внизу вы видите «Адрес». Чтобы сохранить текст URL-адреса в документе, просто нажмите кнопку ОК - Word автоматически использовал выделенный текст как «Текст для отображения» и тот же URL-адрес, что и «Адрес»:

В качестве альтернативы вы можете заменить «Текст для отображения» на что-нибудь другое.В данном случае заменим его на "Google":

Когда вы нажмете ОК, введенный вами URL-адрес будет заменен текстом «Google» с гиперссылкой на http://www.google.com (поскольку вы сохранили этот URL-адрес в поле «Адрес» внизу):

Вы также можете, например, просто ввести «Google» в своем документе, выделить его, щелкнуть правой кнопкой мыши, выбрать в меню «Гиперссылка» и затем ввести адрес http://www.google.com в поле «Адрес». . Это даст тот же результат.

Вы также можете использовать меню гиперссылок для ссылки на другие места в документе. Например, вы можете захотеть связать упоминание раздела с этим фактическим разделом в вашем документе. Рассмотрим следующий текст:

Здесь мы хотим связать упоминание «Раздел 2» в нашем тексте в Разделе 1 с фактическим заголовком Раздела 2, чтобы, если наш читатель захочет перейти к этому разделу, он или она может сделать это одним щелчком мыши. (Давайте представим, что Раздела 2 здесь нет!)

Прежде чем мы сможем связать, нам нужно сказать Word, что это заголовки.Мы делаем это с помощью стилей и форматирования. Выделите оба заголовка, затем перейдите на вкладку ГЛАВНАЯ на ленте и выберите стиль заголовка. Word имеет некоторые встроенные функции: давайте выберем заголовок 1. (Это может быть несколько мест, в зависимости от того, как настроено Word. На следующих двух снимках экрана показаны места, где вы можете найти меню стилей.)

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

Теперь снова выделите текст для гиперссылки и откройте окно «Гиперссылки». На этот раз, однако, не забудьте щелкнуть поле «Поместить в этот документ» до упора влево. Поскольку у нас заголовки отформатированы как заголовки, вы увидите, что эти заголовки перечислены. Выделите тот, на который хотите создать ссылку, и нажмите OK:

Теперь «Раздел 2» в тексте связан с заголовком Раздела 2 документа! Если вы нажмете на связанный «Раздел 2», вы увидите, что ваш курсор переместится вниз к заголовку Раздела 2.

Возможно, вы заметили, что в поле «Гиперссылка» слева есть опция «Адрес электронной почты». Чтобы вставить связанный адрес электронной почты, просто введите адрес (или имя, или что у вас есть) в документе, выделите его, откройте поле «Гиперссылки», выберите «Адрес электронной почты», убедитесь, что «Текст для отображения» »Говорит то, что вы хотите, а затем вы можете ввести адрес электронной почты и даже предлагаемую строку темы, которая будет заполнена автоматически. Круто!

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

Создание оглавлений в Word

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

Прежде всего: вам нужно вернуться к своим стилям и форматированию и отформатировать каждый заголовок в документе в соответствии с его соответствующим уровнем.Например, вы можете назвать заголовки глав заголовком 1, заголовки первого уровня заголовком 2, заголовки второго уровня заголовком 3 и так далее. На самом деле вы можете называть свои стили как угодно, создавая новые стили, но давайте для простоты будем придерживаться встроенных в Word стилей заголовков.

Рассмотрим следующий документ, который я создал с одним заголовком главы (Заголовок 1), тремя заголовками первого уровня (Заголовок 2) и двумя заголовками третьего уровня (Заголовок 3). (В качестве примечания: Word имеет ряд различных схем форматирования, из которых вы можете выбирать.Перейдите на вкладку ДИЗАЙН на ленте и пролистайте там все варианты, пока не найдете тот, который вам нравится!)

А теперь давайте сделаем оглавление. Сначала поместите курсор в то место, где вы хотите, чтобы оглавление отображалось. Затем перейдите в раздел «ССЫЛКИ» на ленте и выберите «Содержание». Ух ты! Вы увидите несколько автоматических параметров, которые Word отформатирует за вас:

Давайте выберем первое!

Вот оно!

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

Нажмите «Обновить поле», и вы увидите вариант «Обновить только номера страниц» или «Обновить всю таблицу». Если изменились только страницы, выберите первую; если вы редактировали текст заголовков, добавляли новые заголовки и т. д., выберите второй вариант. Бум! Новый обновленный оглавление.

Более предприимчивый человек или более опытный пользователь Word может настроить внешний вид оглавления, обойдя предлагаемые Word оглавления и выбрав Настраиваемое оглавление в ССЫЛКИ -> Оглавление:

Здесь вы можете решить, сколько уровней показывать, включать ли выноску из точек, как делать отступы, пробелы, цвета или что-то еще для каждого уровня и т. Д.

Это более сложный процесс. Вы должны начать с выбора лидера вкладки (точки, без точек и т. Д.) И количества уровней для включения в приведенный выше снимок экрана. Убедитесь, что флажок «Использовать гиперссылки» снят, если вы не хотите, чтобы подчеркнутая синяя гиперссылка «выглядела». Затем вы нажимаете кнопку «Параметры», где указываете Word, какой стиль соответствует какому уровню заголовка, например, заголовок 1 - уровень 1, заголовок 2 - уровень 2:

После нажатия кнопки ОК вы можете затем нажать кнопку Изменить, чтобы указать Word, как стилизовать каждый уровень заголовка, где TOC1 - уровень заголовка 1 и т. Д.

После внесения всех изменений нажимайте ОК, пока оглавление не будет помещено в документ.

Этот процесс не для слабонервных и требует некоторой практики и экспериментов, чтобы научиться этому.

Если вы не можете найти стиль форматирования, который Word включает по умолчанию, и не хотите заниматься настраиваемым процессом оглавления, вы, конечно, можете просто перейти к встроенному оглавлению Word, созданному для вас, и изменить все вокруг в обычным способом (изменить шрифты, размеры, цвета и т. д.). Однако имейте в виду, что если вы сделаете это, а затем решите обновить оглавление, вы потеряете все свое форматирование.

Подведение итогов

В этом суть гиперссылки в Word. Помните, что эти шаги необходимы, если вы создаете цифровой документ или планируете преобразовать его в электронную книгу.

Удачной гиперссылки!

ХОЛЛИ МОНТИ - редактор научно-популярных книг, редактор диссертаций и консультант по самостоятельным публикациям.Она является экспертом в Microsoft Word, Adobe Acrobat, Adobe InDesign, LaTeX и APA Style.

WebAIM: Ссылки и гипертекст - Введение в ссылки и гипертекст

Вы здесь: Главная> Статьи> Ссылки и гипертекст

Содержание товара

1. Текущая страница: Страница 1: Введение в ссылки и гипертекст
   1. Обзор
   2. Доступность ссылок с клавиатуры
   3. Устройства чтения с экрана и ссылки
2. Страница 2: Текст и внешний вид ссылки
3. Страница 3: Гипертекстовые ссылки

Обзор

Гипертекстовые ссылки - это один из самых основных элементов HTML, как следует из его названия (HTML означает HyperText, Markup Language).Таким образом, обеспечение доступности гипертекстовых ссылок является одним из самых основных и наиболее важных аспектов веб-доступности. По большей части это простая задача. Стандартные гипертекстовые ссылки работают со всеми технологиями и платформами, и пользователи с любым уровнем подготовки могут получить к ним доступ напрямую или с помощью каких-либо вспомогательных технологий. Однако, как и следовало ожидать, доступность гипертекстовых ссылок - это не просто создание ссылки. Некоторые типы ссылок более доступны, чем другие, а некоторые типы ссылок полностью недоступны для людей с определенными типами инвалидности.Поскольку ссылки являются основой функциональности веб-контента, недоступные ссылки являются одним из самых серьезных препятствий для общей доступности.

Доступность ссылок с клавиатуры

Пользователи должны иметь возможность переходить и выбирать каждую ссылку, используя только клавиатуру. В большинстве браузеров клавиша Tab позволяет пользователям переходить от ссылки к ссылке, а клавиша Enter позволяет пользователям выбирать ссылку. Если единственный способ получить доступ к ссылке - это мышь, ссылку не смогут использовать люди, которые не могут использовать мышь.Как вообще можно создать ссылку, недоступную с клавиатуры? Наиболее распространенный метод - использование обработчиков событий JavaScript, которые не разрешают доступ с клавиатуры (см. Статью об обработчиках событий JavaScript).

Важно

Ссылки должны иметь непустой атрибут href , чтобы считаться настоящими ссылками и быть доступными для пользователей клавиатуры.

Одно из самых серьезных препятствий - создание ссылок, которые никуда не ведут. Разработчики иногда используют JavaScript для создания динамических меню, которые раскрываются, когда пользователь наводит указатель мыши на определенные ссылки.В некоторых случаях сама ссылка вообще никуда не ведет, и ее единственная цель - показать ссылки в раскрывающемся меню, у которых есть реальные места назначения. Такие ссылки часто имеют знак решетки в качестве места назначения ссылки, что означает, что местом назначения ссылки является та же самая страница; щелчок по ссылке ничего не дает. И пользователи клавиатуры, и пользователи мыши вообще ничего не испытают при попытке активировать ссылку.

Плохой пример

Ссылка в этом примере никуда не ведет.Его единственная цель - активировать функцию JavaScript.

Продукты

мыши смогут по крайней мере щелкать ссылки в раскрывающемся меню, но пользователи клавиатуры не могут получить доступ к раскрывающемуся меню, поэтому ссылка совершенно бесполезна, а все места назначения ссылок в раскрывающемся меню являются полностью для них недоступен. Одно из решений - отказаться от раскрывающегося меню и вместо этого использовать стандартные гипертекстовые ссылки.Другое решение - указать реальное место назначения ссылки (например, href = "products.htm" ), в котором будут перечислены те же ссылки, которые доступны в раскрывающемся меню. Дополнительные сведения см. В примере 2 в разделе onMouseOver статьи обработчики событий JavaScript.

Программы чтения с экрана и ссылки

Программы чтения с экрана обычно информируют пользователей о том, что текст (или изображение) является ссылкой

Большинство программ чтения с экрана говорят «ссылка» перед каждой ссылкой.Например, ссылка «продукты» будет прочитана JAWS как «ссылка продуктов».

Результат: Ссылки не должны включать «ссылку» в текст ссылки, потому что все пользователи уже знают, что ссылка является ссылкой. Это больше проблема с графикой, используемой в качестве ссылок. В тексте alt для графического изображения не нужно говорить «ссылка» или «ссылка на». В противном случае пользователи JAWS услышат «графическая ссылка на продукты», что является избыточным.

Пользователи программ чтения с экрана часто переходят от ссылки к ссылке, пропуская текст между

Переход от ссылки к ссылке - это способ беглого просмотра веб-контента, особенно если пользователи пытаются найти определенный раздел веб-сайта.

Implication 1: Ссылки должны иметь смысл вне контекста. Такие фразы, как «щелкните здесь», «подробнее», «щелкните для получения подробностей» и т. Д., Неоднозначны при чтении вне контекста. В то же время было бы излишним гарантировать, что каждая деталь о назначении ссылки будет различима при прослушивании контекста ссылки. Пользователи не хотели бы слышать "страницу" Продукты ", на которой представлен список всех наших продуктов, включая программные продукты и обучающие продукты, со списком цен и доступностью по регионам (на этой странице используется тот же шаблон навигации, что и на странице, которую вы сейчас включены).«Возможно, лучшей альтернативой была бы ссылка, в которой просто написано« Продукты ».

Значение 2: Поместите отличительную информацию ссылок в начало ссылки. Не указывайте на первом месте дополнительную информацию. Например, не говорите «Ссылка открывается в новом окне: Товары». Вместо этого скажите «Товары (открывается в новом окне)» (или что-нибудь в этом роде). Это особенно важно в этом примере, если несколько ссылок открываются в новом окне. Если сначала пояснительная информация, а не основная, пользователям программ чтения с экрана придется снова и снова повторять фразу «ссылка открывается в новом окне».Им будет труднее различать разные ссылки, или, по крайней мере, им потребуется дольше.

Пользователи программы чтения с экрана иногда получают список ссылок в алфавитном порядке

Программы чтения с экрана позволяют пользователям просматривать список всех ссылок, имеющихся на странице, с помощью сочетания клавиш. Это особенно полезно, если они ищут конкретную ссылку.

Результат: Используйте однозначные слова и фразы-ссылки, которые могут быть интуитивно организованы независимо от порядка (программа чтения с экрана может сортировать их в порядке появления или в алфавитном порядке).Например, фраза «свяжитесь с нами» - это обычная фраза, к которой пользователи могут захотеть получить доступ.