Как вставить или удалить ссылку в документе microsoft word

Содержание:

Способ первый

Он традиционный. Он изначально заложен в Word. Делается всё за два шага.

Шаг первый. Выделяем в тексте заголовки разделов. Они могут называться «частями», «главами», «пунктами». Так вот: выделяем; затем выбираем «Заголовок 1».

Почему в названии есть цифра 1? Дело в том, что Word позволяет создавать не только заголовки, но и подзаголовки — заголовки второго уровня, а также заголовки третьего и последующего уровней.

На практике это выглядит так:

a) по левому краю отображается заголовок первого уровня; b) на строке ниже — с отступом относительно заголовка первого уровня – заголовок второго уровня; c) на строке ниже — с отступом относительно заголовка второго уровня – заголовок третьего уровня и т.д.

Таким образом, если нужно выделить заголовок (заголовок первого уровня) и подзаголовок (заголовок второго уровня), выбирайте, соответственно, «Заголовок 1» и «Заголовок 2».

Кстати, в меню стилей (то есть там, где и производится выбор заголовков) есть отдельная опция, которая так и называется — «Подзаголовок». Однако такой подзаголовок будет выделяться только в тексте и не будет попадать в содержание.

Шаг второй. Выделяем для будущего оглавления пустую страницу. Ставим курсор на верхнюю строку.

Переходим в главное (верхнее) меню Word и далее:

a) выбираем вкладку «Ссылки»; b) выбираем опцию «Оглавление» (крайняя слева); c) в выпадающем списке выбираем «Автособираемое оглавление 1».

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

Если после создания оглавления Вам потребовалось добавить ещё раздел, то снова повторяете первый шаг: выделяете раздел и присваиваете ему статус «Заголовок».

Потом делаете так:

a) наводите курсор на оглавление так, чтобы вся его структура выделилась цветом; b) нажимаете правую клавишу мыши; c) в верхней части обозначившегося контура нажимаете «Обновить таблицу»; d) в предложенном меню выбираете «Обновить целиком».

Всё. Теперь оглавление обновлено с учётом нового раздела и с указанием актуальных страниц.

Ну вот, мы сделали оглавление для своего произведения.

Быстро? Да. Просто? Конечно. Удобно? Не очень.

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

Этого недостатка лишен второй способ.

— как изменить цвет гиперссылки в powerpoint?

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

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

Откроется диалоговое окно Создание новых цветов темы. Нас интересуют две последние строки Гиперссылка и Просмотренная гиперссылка. По умолчанию для первой установлен синий цвет, а для второй — фиолетовый. Это значит, что в режиме просмотра презентации после перехода по гиперссылке цвет с синего поменяется на фиолетовый.

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

Как гиперссылки работают в HTML

Ссылка из одного домена в другой считается исходящей от своего якоря источника и входящей к своей цели.

Наиболее распространенный якорь назначения — это URL-адрес, используемый во всемирной паутине . Это может относиться к документу, например, к веб-странице или другому ресурсу, или к позиции на веб-странице. Последнее достигается с помощью элемента HTML с атрибутом «name» или «id» в этой позиции документа HTML. URL-адрес позиции — это URL-адрес веб-страницы с добавленным идентификатором фрагмента  — «# id attribute «.

При связывании с документами PDF со страницы HTML « атрибут id » можно заменить синтаксисом, который ссылается на номер страницы или другой элемент PDF, например, «# page = 386 ».

Поведение ссылок в веб-браузерах

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

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

Код HTML содержит некоторые или все пять основных характеристик ссылки:

  • место назначения ссылки («href» указывает на URL-адрес)
  • ярлык ссылки
  • заголовок ссылки
  • цель ссылки
  • класс ссылки или идентификатор ссылки

Он использует HTML-элемент «a» с атрибутом «href» (HREF — это сокращение от «Hypertext REFerence») и, возможно, также атрибуты «title», «target» и « class » или «id»:

<a href=» URL «title=» link title» target=» link target «class=» link class «> ярлык ссылки </a>

Чтобы вставить ссылку на веб-страницу, сообщение в блог или комментарий, она может иметь следующую форму:

В типичном веб-браузере это будет отображаться как подчеркнутое слово «Пример» синим цветом, при нажатии на которое пользователь переходит на веб-сайт example.com. Это способствует чистому, легко читаемому тексту или документу.

По умолчанию браузеры обычно отображают гиперссылки как таковые:

  • Непосещенная ссылка обычно выделяется синим цветом и подчеркивается.
  • Посещенная ссылка обычно выделяется фиолетовым цветом и подчеркивается.
  • Активная ссылка обычно красного цвета и подчеркнута.

При наведении курсора на ссылку, в зависимости от браузера и графического интерфейса пользователя, может отображаться некоторый информативный текст о ссылке, всплывающий не в обычном окне , а в специальном поле наведения , которое исчезает при перемещении курсора. прочь (иногда он все равно исчезает через несколько секунд и снова появляется, когда курсор перемещается в сторону и назад). Mozilla Firefox , IE , Opera и многие другие веб-браузеры показывают URL. Кроме того, URL-адрес обычно отображается в строке состояния .

Обычно ссылка открывается в текущем фрейме или окне, но сайты, использующие фреймы и несколько окон для навигации, могут добавить специальный атрибут «target», чтобы указать, где загружается ссылка. Если окна с таким именем не существует, создается новое окно с идентификатором, который можно использовать для ссылки на окно позже в сеансе просмотра.

Создание новых окон, вероятно, является наиболее распространенным использованием атрибута «target». Чтобы предотвратить случайное повторное использование окна, обычно доступны специальные имена окон «_blank» и «_new», которые всегда вызывают создание нового окна. Этот тип ссылки особенно часто встречается, когда один большой веб-сайт ведет на внешнюю страницу. В этом случае цель состоит в том, чтобы убедиться, что человек, просматривающий сайт, знает, что сайт, на который есть ссылка, не одобряет его. Тем не менее, атрибут иногда используется слишком часто и иногда может вызывать создание множества окон даже при просмотре одного сайта.

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

Часто задаваемые вопросы

Настройки безопасности Flash Player на локальных компьютерах

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

О: Все гиперссылки в файлах формата Flash блокируются при запуске с локального компьютера из-за политики безопасности Flash Player. Чтобы ссылки заработали, перейдите в настройки Flash Player и добавьте ту папку, в которую вы публикуете презентации, в исключения.

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

О: Настройки безопасности Flash Player распространяются на все локальные файлы, даже если вы отправляете их по почте. Лучшим решением в такой ситуации будет загрузить Flash презентацию в интернет, а затем поделиться ссылкой, ведущей на нее. Также вы можете опубликовать презентацию в мобильном формате HTML5, активировав опцию Создать ZIP-архив, и отправить ее по почте. Ограничения Adobe не распространяются на HTML5 презентации.

Неактивные гиперссылки

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

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

В: В моей презентации я использовал объекты SmartArt, но ни одна из примененных к ним ссылок не работает.

О: При публикации SmartArt объекты всегда сохраняются как картинки, поэтому гиперссылки, которые вы применили к объектам SmartArt, были потеряны. Сконвертируйте объекты в фигуры (Восстановить фигуру) или поверх всего объекта.

В: К фигурам и текстам, вставленным в них, не применены никакие эффекты, но гиперссылки все равно не работают.

О: Возможно, объекты с гиперссылками перекрываются какими-то прозрачными объектами на слайде. Чтобы обнаружить эти объекты, перейдите в Область выделения.

Связанные документы

В: Я добавил ссылки на документы, хранящиеся на моем компьютере. Когда я отправляю эту презентацию по почте, гиперссылки не работают.

О: Гиперссылки на локально расположенные файлы работают только на локальном компьютере, поскольку эти файлы не добавляются в папку проекта. Для того, чтобы обеспечить работу ссылок на локальные файлы, используйте функцию iSpring Ресурсы. В этом случае файлы будут добавляться в папку проекта, и, следовательно, будут доступны и после отправки проекта по почте.

В: В моей PowerPoint презентации есть гиперссылки на локальные документы. После публикации ни одна ссылка не работает, и путь к файлам изменяется (начинается с file:///). Когда я пытаюсь перейти по этой ссылке, получаю сообщение о том, что страница не найдена.

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

Что такое ссылки и какими бывают

Тексты могут быть небольшими, на 1 – 2 странички, или довольно объемными, на 100 – 200 листов и более, например, книги, дипломные работы, диссертации. В них удобно делать быстрые переходы от одной главы к другой. Эту задачу помогают решить гиперссылки, они же просто ссылки или линки от английского слова link.

Они, как телепорты, мгновенно доставляют нас из пункта “А” в пункт “Б”. Самым наглядным примером является оглавление, в котором названия разделов являются кликабельными и ведут на нужную страницу.

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

  • на другой файл,
  • на новый документ,
  • на электронную почту,
  • на сайт.

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

Примечание: у меня установлена программа 2016 года выпуска, но ее интерфейс почти не отличается от версии 2013. Если у вас более ранние варианты Office, делайте все точно так же, алгоритм действий не меняется, просто нужно найти соответствующие пункты в меню.

Удаление гиперссылки

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

Удаление происходит простым нажатием в открывшемся окне соответствующего пункта.

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

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

Программа MS Word автоматически создает активные ссылки (гиперссылки) после ввода или вставки URL-адреса веб-страницы и последующего нажатия клавиш “Space” (пробел) или “Enter”. Кроме того, сделать активную ссылку в Ворде можно и вручную, о чем и пойдет речь в нашей статье.

Создаем настраиваемую гиперссылку

1. Выделите текст или изображение, которое должно представлять собой активную ссылку (гиперссылку).

2. Перейдите ко вкладке “Вставка” и выберите там команду “Гиперссылка”, расположенную в группе “Ссылки”.

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

Если вы хотите создать ссылку на какой-либо существующий файл или веб-ресурс, выберите в разделе “Связать с” пункт “файлом, веб-страницей”. В появившемся поле “Адрес” введите URL-адрес (к примеру, /).

  1. Совет: Если вы делаете ссылку на файл, адрес (путь) которого вам неизвестен, просто нажмите на стрелочку в списке “Искать в” и перейдите к файлу.

Если вы хотите добавить ссылку на файл, который пока не был создан, выберите в разделе “Связать с” пункт “новым документом”, после чего введите имя будущего файла в соответствующее поле. В разделе “Когда вносить правку в новый документ” выберите необходимый параметр “сейчас” или “позже”.

  1. Совет: Помимо создания самой гиперссылки, вы можете изменить подсказку, которая всплывает при наведении курсора на слово, фразу или графический файл, содержащий активную ссылку.

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

Создаем гиперссылку на пустое электронное сообщение

1. Выделите изображение или текст, который вы планируете преобразовать в гиперссылку.

2. Перейдите ко вкладке “Вставка” и выберите в ней команду “Гиперссылка” (группа “Ссылки”).

3. В диалоговом окне, которое перед вами появится, в разделе “Связать с” выберите пункт “электронной почтой”.

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

5. Если это необходимо, введите тему сообщения в соответствующем поле.

  1. Совет: Подобно тому, как можно настроить подсказку для обычной гиперссылки, вы также можете настроить всплывающую подсказку для активной ссылки на электронное сообщение. Для этого просто нажмите кнопку “Подсказка” и в соответствующем поле введите необходимый текст.

Если вы не введете текст всплывающей подсказки, MS Word автоматически будет выводить “mailto”, а вслед за этим текстом будет указан введенный вами адрес электронной почты и тема письма.

Кроме того, вы можете создать гиперссылку на пустое электронное сообщение, введя в документе адрес почты. К примеру, если ввести “lumpics@lumpics.ru” без кавычек и нажать пробел или “Enter”, автоматически создастся гиперссылка с подсказкой по умолчанию.

Ссылка на другую ячейку

Вот как в Excel сослаться на другую клетку в той же таблице:

  1. В разделе «Связать» нажмите «Местом в документе» («Place in This Document»).
  2. В области «Выберите место в документе» отметьте желаемый лист.
  3. В «Адрес» введите название ячейки. Оно состоит из буквы, обозначающей столбец, и номера строки. Чтобы узнать это название, кликните на нужную клетку. Оно отобразится в специальном поле слева вверху.
  4. Нажмите «OK».

Подобным образом создают циклическую гиперссылку. Например, клетка B3 ссылается на D5, D5 — на F7, а F7 вновь перенаправляет на B3. Так все связи будут замкнуты в один круг.

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

  1. Выделите ячейки, которые будут «пунктом назначения». Для этого кликайте на них с зажатой клавишей Ctrl.
  2. Найдите поле с адресами клеток. Оно находится слева вверху на одном уровне со строкой формул. Введите туда любое название диапазона.
  3. Аналогичного результата можно добиться, если сделать клик правой кнопкой мыши и выбрать пункт «Присвоить имя».

После этого сошлитесь на диапазон так же, как на клетку.

Как самому сделать гиперссылку?

Сначала определяют объект, для которого будет применяться ссылка. Это и определяет порядок его формирования.

Пошаговая инструкция № 1. Для текущего документа

Если ссылка будет на элемент в текущем документе, надо:

  1. Перейти на тот объект, к которому делают отсылание, и размещают там курсор.
  2. Находят вкладку «Вставка» на панели инструментов.

    Находим вкладку «Вставка» на панели инструментов

  3. Выбирают команду «Ссылки», нажимают кнопку и находят позицию «Закладки», которую тоже надо нажать.

    Выбираем команду «Ссылки», нажимаем кнопку, находим позицию «Закладки» и нажимаем по ней

  4. Открывается диалоговое окно, в котором редактор предлагает дать имя закладке, например, «Вступление».

    В соответствующем поле вводим имя закладки

  5. Выделяют в тексте место, из которого будет переход к указанному в закладках разделу.

    Выделяем в тексте место, из которого будет переход к указанному в закладках разделу

  6. Снова возвращаются в меню «Вставка», далее «Ссылки», но уже выбирают кнопку «Гиперссылка».

    Переходим в меню «Вставка», далее «Ссылки», выбираем кнопку «Гиперссылка»

  7. Какой бы способ ни выбрали, в ответ появится окно «Вставка гиперссылки», справа на панели выбирают кнопку «Закладка».

    Справа на панели выбираем кнопку «Закладка»

  8. Снова открывается окно. В нем выводится перечень установленных ранее закладок. Из него выбирают необходимую позицию.

    Выбираем необходимую позицию

Пошаговая инструкция № 2. Для файлов на ПК

Такую ссылку создать еще проще, для чего надо:

  1. Выделить фразы или слова, на которых планируют закрепить ссылку.

    Выделяем фразы или слова, на которых планируют закрепить ссылку

  2. Перейти на вкладку меню «Вставка», далее «Ссылки», затем «Гиперссылка», так же как в пошаговой инструкции № 1.

    Переходим в меню «Вставка», далее «Ссылки», выбираем кнопку «Гиперссылка»

  3. Появляется окно с каталогом, в котором отмечают требуемый файл. В окне снизу появляется путь к объекту на компьютере, затем нажмите «ОК».

    Отмечаем требуемый файл, нажимаем «ОК»

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

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

Пошаговая инструкция № 3. Для перехода на веб-страницы

Гиперссылки, которые ведут на веб-страницы, формируют так:

  1. Выделяют, как в двух первых случаях, в тексте фразу или слова, с которых необходимо сделать ссылку (п. 1 инструкции 2).

    Выделяем фразы или слова, на которых планируют закрепить ссылку

  2. Повторяют действия, описанные в предыдущих разделах действие — «Вставка», далее «Ссылки», затем «Гиперссылка».

    Переходим в меню «Вставка», далее «Ссылки», выбираем кнопку «Гиперссылка»

  3. В нижнем окне всплывшего меню на мониторе в окне вводят URL-адрес веб-страницы, жмут «ОК».

    Вводим URL-адрес веб-страницы, жмем «ОК»

Чтобы найти этот адрес, надо открыть сайт в браузере, найти верхнюю адресную строку, выделить ее содержимое курсором и скопировать.

На сайте выделяем содержимое адресной строки курсором и копируем, нажав клавиши «Ctrl+C»

Это действие запрещено политикой организации. не работают ссылки в документах

Если при попытке открыть ссылку или гиперссылку в любом документе Microsoft Office у Вас выходит следующая ошибка: Это действие запрещено политикой организации. Для получения дополнительных сведений обратитесь в службу поддержки.

Данная ошибка может возникнуть после удаления браузеров Гугл Хром или Мазилла. Есть несколько вариантов исправления, можете выбрать их всех по порядку:

1) Если Вы работаете с Google Chrome (или любых других браузерах на движке Хрома), то Вам нужно зайти в реестр, сделать это можно путем Win R => regedit

— Далее заходим в путь HKEY_CLASSES_ROOT.html, можете это ввести в адресной строки окна реестра

— Открываем пункт «По умолчанию» => Вписываем туда значение chromeHTML

— После нажимаете «Ок», выходите из редактора реестра, перезапускаете все приложения Офиса и проверяете работу ссылок и гиперссылок.

2) Если же Вы работаете с браузером Mozilla Firefox. Так же заходите в реестр, Win R => regedit

— Открываем путь HKEY_CLASSES_ROOT.html

— Открываем пункт «По умолчанию» => Вписываем туда значение htmlfile

— После нажимаете «Ок», выходите из редактора реестра, перезапускаете все приложения Офиса и проверяете работу ссылок и гиперссылок.

3) Если пункты под Ваш бразуер не сработали, попробуйте создать в редаторе реестра такой путь, есть его у Вас нет:

HKEY_LOCAL_MACHINESOFTWAREClasseshtmlfileshellopencommand

Перезагружаете Ваш ПК и проверяете работу ссылок и гиперссылок в Microsoft Office.

Как можно оформить гиперссылку

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

В любое время вы можете изменить внешний вид гиперссылок:

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

Для этого выделите курсором фрагмент и воспользуйтесь стандартными средствами Word.

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

Выделяем слово или словосочетание и видим всплывающую панель, нам нужна опция “Стили”. Выбираем самый обычный вариант, затем отменяем написание курсивом. Теперь ссылку будет сложно отличить от обычного слова, при этом она никуда не исчезнет.

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

Практика написания хороших ссылок

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

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

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

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

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

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

Советы:

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

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

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

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

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

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

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

Создание гиперссылок на якоря с помощью KompoZer

Теперь, когда у нас есть наши привязки и текст, который мы будем использовать для навигации по страницам, мы можем превратить эти простые текстовые фрагменты в ссылки. Мы снова будем использовать кнопку «Ссылка», но на этот раз она будет работать немного по-другому.

  1. Выберите текст, который вы хотите превратить в ссылку. В этом примере я выбрал текст «Любимая музыка», который находится в первой ячейке таблицы вверху страницы.
  2. Нажмите кнопку «Ссылка» на панели инструментов. Откроется диалоговое окно Свойства ссылки.
  3. В этом случае мы выделили текст, прежде чем нажимаем кнопку «Ссылка», поэтому раздел «Текст ссылки» окна уже заполнен и не может быть отредактирован. Нажмите стрелку вниз в разделе Расположение ссылок. Вы увидите список якорей, созданных вами на предыдущих шагах. В этом примере я выбираю # музыкальный якорь.
  4. Нажмите «ОК». Текст «Любимая музыка» на панели навигации превращается в ссылку, которая заставит зрителя перейти к этому разделу на странице при нажатии.

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

Создание гиперссылки с изображения с помощью KompoZer

Знаете ли вы, что вы можете создать ссылку из изображений, а также текст? KompoZer позволяет сделать это, используя только несколько кликов. Здесь я вставил маленькое изображение значка, показывающее стрелку вверх и текст «TOP» в нижней части страницы. Я собираюсь использовать это изображение в качестве ссылки, чтобы вернуться в начало страницы.

  1. Щелкните правой кнопкой мыши изображение и выберите «Свойства изображения и ссылки» на ярлыке контекста. Откроется диалоговое окно «Свойства изображения».
  2. На вкладке «Местоположение» вы увидите имя файла и изображение эскиза, которое уже заполнено. Вы должны ввести текст в текстовое поле «Альтернативное». Это то, что появляется, когда вы перемещаете мышь над изображением, а также то, что читается программой чтения с экрана, когда человек с ослабленным зрением читает веб-страницу.
  3. Перейдите на вкладку «Связь». Здесь вы можете выбрать якорь из меню, как и мы с привязными ссылками. Фактически, это изображение используется как привязка. Я выбрал якорь #Links_Of_Interest, который вернет нас к вершине.
  4. Нажмите «ОК». Изображение будет отображаться в верхней части страницы при нажатии.

Создание привязки с помощью KompoZer

KompoZer позволяет создавать привязки, на которые вы можете ссылаться, с помощью инструмента Anchor на панели инструментов.

  1. Нажмите на область своей страницы, где вы хотите привязать. То есть, когда вы хотите, чтобы просмотрщик страниц выполнялся при нажатии на ссылку привязки. В этом примере я нажал кнопку «F» в заголовке «Любимая музыка».
  2. Нажмите кнопку «Якорь» на панели инструментов. Откроется диалоговое окно «Именованные якорные свойства».
  3. Каждому якорю на странице требуется уникальное имя. Для этого якоря я использовал название «музыка».
  4. Нажмите «ОК», и вы должны увидеть, и символ якоря появится в месте, где вы хотите привязать. Этот символ не будет отображаться на вашей веб-странице, так как KompoZer показывает вам, где ваши якоря.
  5. Повторите процедуру для любых других областей страницы, на которую вы хотите, чтобы пользователи могли перейти. Если на странице есть много текста, разделенных заголовками или другим логическим разделителем, привязки — это простой способ навигации по странице.

Затем мы создадим ссылки, которые читают читателя на созданных вами якорях.

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Adblock
detector