Гиперссылка может связывать страницы в пределах одного сайта либо указывать на любую страницу Web. Абсолютным называют адрес, содержащий полные сведения о местоположении страницы (например http://www.kgau.krasedu.ru). Если же вы создаете ссылку на страницу в пределах собственного сайта, предпочтительнее использовать относительный URL.
Старайтесь не размещать гиперссылки на Web-странице в близком соседстве, поскольку пользователям, возможно, будет трудно понять, что речь идет об отдельных объектах.
Палитра цветов, рекомендуемых для экранного дизайна
Используя атрибуты изменения цвета, помните, что гиперссылки трех названных категорий в окне
браузера должны выглядеть по-разному. Кроме того, надо постараться, чтобы выбранные цвета гиперссылок гармонировали с цветом фона страницы.
См. о цветовых схемах
|
|
Ступенька 14. Создаем сcылки
Модель гипертекстового связывания
сравнительно проста. Ссылки традиционно
являются однонаправленными, и без какого либо
специального программирования вызывают
загрузку одной страницы. Ссылкой может быть текст (фраза, слово), а может быть и картинка.
Для начала создадим новый документ
в той же директории (папке), где находится наш документ
index.html, только назовем, например, его "photo.html".
Тогда мы можем в нашем примере фразу "посмотреть мои фотографии" сделать ссылкой на
страницу "photo.html".
Тег <a></a> делает ссылкой заключенную в него картинку или фразу (текст):
<a href="photo.html">посмотреть мои фотографии</a>
Принципы прописывания пути здесь такие:
- <a href="photo.html">мои фотографии</a>
- документ лежит в той же директории (папке) что и документ, в котором мы ссылаемся
на "photo.html"
- <a href="albom/photo.html">мои фотографии</a>
- документ лежит в поддиректории albom
- <a href="http://www.homepage.ru/photo.html">мои фотографии</a>
-
мы ссылаемся на сайт http://www.homepage.ru, где лежит нужный нам документ.
Цвет ссылки можно прописывать, поэтому вспомним об открывающем тэге <body>:
<body text="#336699" bgcolor="#000000" link="#339999" alink="#339999" vlink="#339999">
- link - цвет ссылки, еще не выбиравшихся читателем
- alink - цвет активной ссылки (нажатой) - выбранной в данный момент
- vlink - цвет уже посещенной ссылки.
Посмотрите
как получается и попробуйте поиграть
цветами ссылок.
Cсылки на объект той же страницы
Вполне допустимо включить в состав web-страницы гиперссылки, указывающие на объекты, расположенные в пределах той же страницы. Например, крупная web-страница может содержать собственное оглавление, элементы которого снабжены ссылками на соответствующие разделы документа.
Посмотрите HTML-код этой страницы. Комментарии внутри помогут вам понять как она сделана.
Помните:
Знакомство с HTML кодом Web-страниц, ранее созданных другими, - прекрасное средство обучения и заимствование готовых решений. просматривая законченный HTML код вы можете узнать, как дескрипторы языка применяются более опытными коллегами.
|