Задание цвета гиперссылок
Принятые в Web по умолчанию цвета для гиперссылок: синий ‑ для еще непосещенных гиперссылок, красный ‑ для активизированных гиперссылок (в момент щелчка), фиолетовый – для уже посещенных.
Если используемые по умолчанию значения этих атрибутов явно не согласуются с дизайном Вашей страницы, то значения можно поменять. Для этого у тега <BODY> есть соответствующие атрибуты.
Задание 3
Реализуйте следующие гиперсвязи: по гиперссылке «Вы потеряли?» и по гиперссылке «Вы хотите взять лохматого друга?».
Для этого необходимо:
Подготовить две Web-страницы, на которые будет осуществляться переход по указанным гиперссылкам;
Затем оформить на домашней странице указанные текстовые фрагменты (“Вы потеряли? “ и “Вы хотите взять лохматого друга?“) в виде гиперссылок, указав в качестве значения атрибута HREF имена подготовленных Web-страниц.
Информация для тех, кто потерял животное, должна быть представлена на отдельной Web-странице, содержащей следующие сведения:
Регистрационный номер;
Порода;
Пол;
Окрас;
Примерный возраст;
Дата нахождения;
Место нахождения;
Особые приметы.
Эти сведения лучше представить в виде таблицы.
Таблица 1
Рег. Номер |
Порода |
Пол |
Окрас |
Примерный возраст |
Дата нахождения |
Место нахождения |
Особые приметы |
|
|
|
|
|
|
|
|
Информация для тех, кто желает «усыновить» животное, должна быть представлена также на отдельной Web-странице. Страница должна содержать следующие сведения:
Регистрационный номер;
Порода;
Пол;
Окрас;
Примерный возраст;
Характер;
Характеристика породы.
Эти сведения также лучше представить в виде таблицы.
Таблица 2
Рег. Номер |
Порода |
Пол |
Окрас |
Примерный возраст |
Характер |
Подробнее |
|
|
|
|
|
|
Здесь ссылка на характеристику породы |
Обратите внимание на наличие графы «Подробнее». Вы можете назвать ее и по-другому. Имеется в виду, что при активизации этой ссылки можно получить информацию именно о той породе выбранного животного, которая интересует потенциального «усыновителя». Необходимые сведения для создания соответствующих Web-страниц Вы найдете в папках “Dog” и “Cat”, которые размещены на компакт-диске, входящем в состав данного учебного пособия. Информацию о породах лучше разметить в одном HTML-файле, а гиперссылки организовывать следует не просто на этот файл, а на конкретную позицию в нем.
Задание 4
Если у Вас все получилось, приступайте к реализации оставшихся гиперссылок на разделы «Услуги», «Об агентстве», «Новости», «Сведения о породах», «Фотогалерея». Порядок работы такой же: сначала придется подготовить соответствующие Web-страницы. Web-страницу для раздела «Сведения о породах» Вы уже подготовили. Информацию для создания раздела «Фотогалерея» Вы найдете на компакт-диске, а для представления информации по остальным разделам Вам придется вообразить себя журналистом и сочинить ее самому.
Контрольные вопросы
Что такое элемент привязки?
Какие категории гиперссылок Вы знаете?
Что такое относительный адрес гиперссылки? Абсолютный адрес?
Как создать графический элемент привязки?
В гиперссылке в качестве элемента привязки используется рисунок. Как при отключенном режиме отображения рисунков пояснить пользователю цель гиперсвязи?
Какими способами можно изменить цвет гиперссылки? Шрифт?
HTML-документ содержит следующую гиперссылку <A HREF=”content.htm”><IMG SRC=”2.jpg”></A>. Каким должен быть ALT-текст, если рисунок 2.jpg выглядит следующим образом:
?HTML-документ содержит следующую гиперссылку <A HREF=”#metka”> Посмотрим? </A>. Как должен быть помечен нужный фрагмент текста для организации этой гиперссылки?
Верна ли следующая запись: <A HREF=”glava1# my.htm”>? Объясните, что означают все компоненты этой записи.