Гиперссылки на Web-страницах

Содержание

Слайд 2

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

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

Слайд 3

Гиперссылка создается с помощью универсального тэга <А> и его атрибута HREF, указывающего,

Гиперссылка создается с помощью универсального тэга и его атрибута HREF, указывающего, в
в каком файле хранится загружаемая Web-страница:
<А HREF="Адрес">Указатель ссылки
Если загружаемая в браузер Web-страница размещена на локальном компьютере в той же папке, то вместо адреса указывается просто имя файла, например:
<А HREF="f ilename . htm">Указатель ссылки
Если загружаемая в браузер Web-страница размещена в Интернете, то в качестве адреса указывается Интернет-адрес, например:
<А HREF="http://www.server.ru/Web-сайт/ filename. htm">Указатель ссылки

Слайд 4

Указатель ссылки мы видим при просмотре Web-страницы в браузере.
Указателем ссылки может

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

Слайд 5

Гиперссылки могут содержать адреса не только Web-страниц, но и файлов других типов.

Гиперссылки могут содержать адреса не только Web-страниц, но и файлов других типов.
Активизация таких гиперссылок будет приводить:
к просмотру изображения в браузере:
<А HREF="picture.jpg">Изображение
к запуску проигрывателя, встроенного в браузер и воспроизведению звукового файла:
<А HREF="sound.wav">Звук
к сохранению файла на локальном компьютере с использованием встроенного в браузер менеджера загрузки файлов:
<А HREF="Apxив.ziр">Скачать файл

Слайд 6

Практическая работа

Практическая работа

Слайд 7

Панель навигации по сайту. Создадим папку сайта "Компьютер" и добавим в сайт

Панель навигации по сайту. Создадим папку сайта "Компьютер" и добавим в сайт
пустые страницы "Программы", "Словарь", "Комплектующие" и "Анкета". Сохраним их в файлах с именами software.htm, glossary.htm, hardware.htm и anketa.htm в папке сайта. Такие "пустые" страницы должны иметь заголовки, но могут пока не иметь содержания:


<ТITLЕ>Заголовок страницы



Слайд 8

На домашней странице сайта разместить указатели гиперссылок на каждую страницу сайта.
В

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

Слайд 9

Вставить в домашнюю страницу сайта HTML-код, создающий панель навигации:
<Р ALIGN="center">
[<А HREF="software .

Вставить в домашнюю страницу сайта HTML-код, создающий панель навигации: [ Программы ]

Слайд 10

Гиперссылка на адрес
электронной почты.
Полезно на домашней странице сайта создать ссылку на

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


<А HREF="mailto:username@server.ru">E-mail:
username@server.ru

Слайд 11

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

Теперь по щелчку по ссылке адреса электронной почты будет открываться почтовая программа
Outlook Express (или другая используемая по умолчанию почтовая программа), где в строке Кому будет указан заданный в ссылке адрес.
Созданная домашняя страница Web-сайта "Компьютер" содержит заголовок, изображение компьютера, два абзаца текста, панель навигации и ссылку на адрес электронной почты