Это давняя традиция, и
нарушать ее вряд ли целесообразно. Если же на странице очень много ссылок, и
большое количество подчеркиваний создает нежелательную рябь, можно
средствами CSS реализовать эффект подчеркивания ссылок только при
наведении на ссылку курсора мыши (см. далее). Так или иначе, но ссылки в
обязательном порядке должны явным образом выражать свое отличие от
основного текста страниц. Выделение подчеркиванием слов основного текста, не
являющихся ссылками, недопустимо.
На каждой внутренней странице сайта должна обязательно присутствовать
ссылка на главную. Уже стало стандартом де-факто использование титульной
надписи, логотипа или визуала, размещенных в левом верхнем углу, в
качестве такой ссылки.
На страницах любого веб-ресурса неизбежно присутствуют как внутренние,
так и внешние ссылки, ведущие на другие сайты. Такова идеология
Всемирной паутины — все сайты в ней взаимосвязаны. Для внешних ссылок,
например, на дружественные ресурсы, на сайтах, как правило, отводится
обособленный раздел. В случае же, когда в тексте внутренние ссылки перемежаются
с внешними, нужно снабжать последние каким-либо значком с целью
однозначно дать пользователю понять, что данная ссылка ведет во внешнюю сре-
ДУ-
В состав вспомогательной навигации полезно включать ссылки, ведущие к
предыдущему и к следующему подразделам, к странице со списком
подразделов (т. е. к оглавлению раздела более высокого уровня) и на главную
страницу сайта. Если иерархия логической структуры сайта насчитывает больше
Глава 4. Использование блочной модели PSS2 для верстки сложных веб-страниц 233
трех уровней, лучше всего реализовать вспомогательную навигацию в виде
строк пройденного пути. Вот возможный пример такой строки:
Библиотека веб-разработчика > CSS2 > Блочная модель > Позиционирование
Три первые надписи выделены здесь подчеркиванием в знак того, что они
являются ссылками на страницы с оглавлениями соответствующих разделов.
Удобно, не так ли?
Внешняя навигация
Не следует пренебрегать стандартными элементами интерфейса браузеров.
Как уже отмечалось, особенно часто используется кнопка Назад. Намеренно
блокировать работу этой кнопки (например, при помощи JavaScript) —
дурной тон. Нужно по возможности воздержаться также и от использования
технологий, нарушающих логику работы кнопки Назад (например, фреймов,
Flash-заставок и анкеров, т. е. ссылок, позволяющих перемещаться между
разделами внутри одной и той же страницы).
URL страницы может дать много информации, если каталоги и файлы,
составляющие сайт, названы разработчиками «говорящими» именами в
соответствии с логикой построения сайта. Согласитесь, нижеследующий URL
несет достаточно сведений о текущей странице:
http://www.webdevlibrary.ru/css2/boxes/positioning/absolute.html
Помимо чисто справочной роли, URL такого вида вполне может
использоваться для передвижения по сайту. Посетитель, сократив этот адрес, скажем,
ДО вида http://wv7w.webdevlibrary.ru/css2/, СМОЖет при ПОМОЩИ ОДНОГО
щелчка мыши попасть на страницу оглавления раздела, посвященного
технологии CSS2, которая находится тремя уровнями выше! Изменив
absoiute.html на reiative.html, посетитель сможет перейти к статье,
касающейся другой темы, не пользуясь для этого внутренней навигацией сайта.
Чрезвычайно важное значение при ответе на вопрос «Где я нахожусь?» имеет
заголовок окна браузера, который, как известно, отображает информацию,
содержащуюся внутри контейнера .. . HTML-кода
вебстраницы. Грамотное составление содержимого этого элемента— большая
наука. На главной странице, помимо названия сайта, в заголовке окна должно
фигурировать сверхкраткое описание ресурса, которое, кстати говоря, весьма
позитивно отражается на релевантности страницы при ранжировании
результатов поиска слов, присутствующих в элементе .. ., при
помощи поисковых машин. Пример грамотного заглавия для главной страницы
сайта:
Библиотека веб-разработчика: XHTML, CSS2, блочная модель, верстка,
веб-стандарты
234 Часть II.
|
5th Фев 2011
|
Теги:
|