Создание гиперссылок. Создание и изменение гиперссылок — Office Как создать гиперссылку на файл

Создание гиперссылок 2

Смена цвета гиперссылок 4

Создание управляющих кнопок 5

Как изменить внешний вид управляющей кнопки? 10

На заметку! 11

Создание анимации 11

Выделение 12

Пути перемещения 12

Дополнительные возможности 14

Добавить анимацию (применить несколько эффектов к одному объекту) 14

Последовательность эффектов анимации 14

Вставка звука 15

Вставка видео 16

Настройка показа презентации 17

Заметки к слайдам 17

Режим докладчика 19

Настройка времени смены слайдов 19

Запись доклада 20

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

В приложении Microsoft Office PowerPoint гиперссылка осуществляет связь одного слайда с другим в одной и той же презентации (например, гиперссылка на произвольный показ) или со слайдом в другой презентации, адресом электронной почты, веб-страницей или файлом.

Создание гиперссылки на слайд в той же презентации

На вкладке Вставка в группеСвязи нажмите кнопкуГиперссылка .

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

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

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

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

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

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

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

Нажмите правую кнопку мыши и в появившемся меню выберите пункт Гиперссылка .

В поле Связать с выберите файлом, веб-страницей .

Укажите презентацию, которая содержит целевой слайд гиперссылки.

Щелкните Закладка , затем щелкните заголовок слайда, на который будет указывать ссылка.

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

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

На вкладке Вставка в группе Связи нажмите кнопку Гиперссылка .

В поле Связать с выберите электронной почтой .

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

В поле Тема введите тему сообщения электронной почты.

Создание гиперссылки на страницу или файл в Интернете

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

На вкладке Вставка в группе Связи нажмите кнопку Гиперссылка .

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

Укажите путь и выберите страницу или файл, на которые будет указывать гиперссылка, а затем нажмите кнопку ОК .

Создание гиперссылки на новый файл

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

На вкладке Вставка в группе Связи нажмите кнопку Гиперссылка .

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

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

Если нужно создать документ в другом месте, в поле Путь выберите Изменить , укажите путь, по которому следует создать файл, а затем нажмите кнопку ОК .

В поле Когда вносить правку в новый документ укажите, когда нужно редактировать созданный файл - сейчас или позже.

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

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

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

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

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

Анатомия ссылки

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

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

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

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

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

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

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

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

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

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

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

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

Краткое руководство по URL-адресам и путям

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

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

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

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

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

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

    Хотите связаться с конкретным сотрудником? Найдите подробную информацию на нашей странице контактов.

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

    Посетите мою домашнюю страницу проекта.

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

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

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

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

Почтовый адрес

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

Хотите написать мне письмо? Используйте наш почтовый адрес.

Почтовый адрес компании можно найти в нижней части этой страницы.

Абсолютные и относительные 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 в корневой каталог веб-сервера (верхний уровень, не в директорию) , то pdfs/project-brief.pdf относительный URL будет вести на http://www.example.com/pdfs/project-brief.pdf , а не на http://www.example.com/projects/pdfs/project-brief.pdf .

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

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

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

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

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

Скачать Firefox

Нажми сюда чтобы скачать Firefox

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

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

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

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

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

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

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

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

Скачать отчет о продажах (PDF, 10MB)

Посмотреть видео (видео откроется в отдельном окне, HD качество)

Играть в гонки (необходим Flash)

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

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

Скачать Firefox 39 для Windows

Задание: создание меню навигации

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

Что делать:

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

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

Ссылки электронной почты

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

Самой простой и часто используемой формой mailto: а дальше прописываем адрес электронной почты. Например:

Отправить письмо для nowhere

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

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

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

(Вы найдете больше примеров внизу этой страницы)

HTML Гиперссылки (Ссылки)

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

  1. Чтобы создать ссылку на другой документ - используя атрибут href
  2. Чтобы сделать закладку внутри документа - используя атрибут name

HTML Синтаксис Ссылки

Пример

Посетите сайт

это отобразится браузером так:

HTML Ссылки - Атрибут Target

Атрибут target (назначение) указывает где открывать залинкованный (тот, на который ссылается ссылка) документ.

Пример ниже откроет залинкованный документ в новом окне браузера или на новой вкладке:

HTML Ссылки - Атрибут Name

Атрибут name используется для создания закладки ("якоря" / "анкера") внутри HTML документа.

Замечание:
Грядущий в обозримом будущем стандарт HTML5 предлагает использовать атрибут id вместо атрибута name для указания имени ссылки.
Использование атрибута id фактически работает и в HTML4 во всех современных браузерах.

Закладки не отображаются каким-либо специальным образом. Они не видимы для читателя.

Замечание: Всегда добавляйте замыкающий слэш к ссылкам на поддиретории. Если вы создаете ссылку так: href="http://сайт/html", то генерируется два запроса к серверу, сначала сервер добавляет слэш к адресу, и затем создает новый запрос: href="http://сайт/html/".

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

Совет: Если браузер не находит указанную именованную ссылку, он идет в начало документа. Никаких ошибок не возникает.

Привет всем. Каждый из нас встречался со ссылками на страницах сайтов в интернете. А знаете ли вы как сделать гиперссылку в документе Word? На самом деле гиперссылки можно создавать в любой программе Microsoft Office: PowerPoint, Excel и Word.

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

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

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

  1. Откройте ваш документ и найдите то предложение, на котором вы хотите сделать закладку.
  2. Поставьте курсор слева от начала строки.
  3. Откройте вкладку «Вставка». Найдите пункт «Ссылки». Нажмите стрелку вниз и выберите пункт «Закладка».
  4. Теперь сделайте следующие настройки в окне «Закладки».
    • Напишите имя Закладки. Закладка будет вести туда, где стоит курсор в документе. Если вам нужно сделать закладку на другую строку, нажмите кнопку «Отмена» и поставьте курсор в нужном месте.
    • Если вам надо, чтобы ваши закладки были скрыты поставьте галочку в соответствующем пункте.
    • Нажмите кнопку «Добавить» и закладка будет ссылаться на это место.
    • Сохраните документ, если вы этого не сделать, то Word не будет знать, где расположены ваши закладки.
  5. Сделаем ссылку на закладку.
    • В начале документа поставьте ваш курсор в том месте, где будет сделано содержание.
    • Дайте название и выделите его, зажав левую кнопку мыши.
    • Теперь откройте вкладку «Вставка» найдите пункт «Ссылки» и выберите пункт меню «Гиперссылка».
    • В разделе “Связать с” выберите “Место в документе”. Вы увидите список всех закладок в текущем документе.
    • Выбрав нужную закладку, вам всего лишь останется нажать кнопку ОК и выделенные слова станут гиперссылкой.

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

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

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

Как сделать гиперссылку на сайт в интернете


Видео: Как сделать ссылку в Word?

Самый быстрый способ создать простейшую гиперссылку в документе Office - нажать клавишу ВВОД или ПРОБЕЛ после ввода адреса веб-страницы, такого как http://www.contoso.com . Office автоматически преобразует адрес в ссылку.

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

Примечания:

Необязательно. Подсказка Вставка гиперссылки и введите текст.

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

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

Можно также создать ссылку на пустое сообщение электронной почты, просто введя адрес в документе. Например, введите [email protected] , и гиперссылка будет создана автоматически (если автоматическое форматирование гиперссылок не отключено).

Вы можете создавать гиперссылки для перехода в документ Word или письмо Outlook, которое содержит стили заголовков или закладки. Также можно добавлять ссылки на слайды и произвольные показы в презентациях PowerPoint и отдельные ячейки и листы Excel.

Советы:

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

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