|
Примеры маркированных, нумерованных
и многоуровневых списков
Расположение на сайте информации в
виде простого или сворачивающегося списка: маркированного, нумерованного,
многоуровневого.
-
Материалы сайта можно упорядочить в виде списка.
-
Списки бывают маркированные и
нумерованные.
-
Каждый список может быть многоуровневым и
быть изначально свёрнутым (сворачивающийся список).
При создании маркированного или
нумерованного списка маркеры или номера либо добавляются к существующим
строкам текста вручную, либо это осуществляется автоматически при вводе
текста документа.
При создании маркированных списков для веб-страниц в
качестве маркеров могут использоваться любые изображения или рисунки.
Пример •
• •
• •
• •
Любой их приведенных рисунков
(псевдографика) может
использоваться в качестве маркера списка.
1.
Маркированный список
Маркированный список часто применяется для
представления элементов, порядок которых либо не имеет серьёзного значения
(маркированные списки иногда называют неупорядоченными),
либо для повышения наглядности представления материала на странице
сайта:
Для отображения маркированных списков
каждый браузер использует собственную пиктограмму маркера. Настроить
(изменить) его в настройках браузера нельзя. Поэтому маркированный
список с одним и тем же кодом (внешним видом маркера) может по-разному
отображаться в различных браузерах. Например, круглые и квадратные
маркеры в приведённом выше примере могут отображаться только как круглые
или только как квадратные маркеры.
2.
Настраиваемый маркированный список
Вместо стандартных маркеров (кругов и
квадратов) можно использовать рисунки.
-
веб-дизайн
-
веб-дизайн
-
веб-дизайн
|
 |
веб-дизайн |
|
|
веб-дизайн |
|
|
веб-дизайн |
|
 |
веб-дизайн |
|
|
веб-дизайн |
|
|
веб-дизайн |
|
3.
Нумерованный список
Используется для представления упорядоченных
элементов. Можно
использовать буквы, а также арабские и римские цифры:
-
веб-дизайн
-
нумерованный список (1)
-
веб-дизайн
|
-
веб-дизайн
-
нумерованный список (2)
-
веб-дизайн
|
-
веб-дизайн
-
нумерованный список (3)
-
веб-дизайн
|
4.
Список определений
Широко используется при создании
словаря терминов. Термины обычно выравниваются по
левому краю, а их определения размещаются с отступом. Точный вид
списка зависит от применяемого браузера.
- Термин А
-
Определение для термина А.
- Термин Б
-
Определение для термина Б.
5.
Структурированный или многоуровневый
список
Список может состоять из нескольких
вложенных уровней, причем эти уровни могут иметь разное оформление.
Например:
-
Глава
-
Заголовок
-
Подзаголовок
-
Раздел
Абзац
-
Раздел
-
Элемент
-
Элемент
-
Заголовок
В предыдущем списке на каждом
уровне используется свой способ нумерации. Если после заголовка
следует только один элемент, номер может отсутствовать (см. выше
элемент "Абзац").
6.
Свертываемые списки
7.
Сворачивающийся список с изменённой формой указателя мыши
-
В обозревателе Microsoft Internet
Explorer форма указателя мыши изменяется при прохождении над различными
элементами веб-страницы. Например, над текстом указатель принимает
I-образную форму. Над гиперссылкой указатель выглядит как кисть руки с
выпрямленным указательным пальцем.
-
Если поместить указатель на свертываемый список,
то указатель не принимает форму указательного пальца, а остается
I-образным, как если бы список был обычным текстом.
-
Пользователю будет легче понять, что
на свертываемый список тоже можно щелкнуть, если при перемещении над
списком указатель будет принимать форму кисти руки с вытянутым
указательным пальцем. Чтобы создать такой эффект, используется таблица каскадных стилей:
-
Примечание. Использование
нижнего регистра для этого тега не меняет его функциональность.
При заказе создания дизайна сайта или реконструкции сайта можете заказать любой их перечисленных
списков.
Резюме
-
Техническая реализация маркированных,
нумерованных, многоуровневых и сворачивающихся списков
проста. Их внедрение в дизайн сайта не представляет сложности.
-
Посетителю, впервые пришедшему на сайт,
бывает трудно разобраться в том, куда и на что следует нажать, чтобы
достичь определённого результата. Применение сворачивающихся списков
особенно затрудняет понимание сайта в случаях, когда их применяют в
качестве системы навигации сайта.
-
При раскрытии сворачивающиеся списки
удлиняют страницы сайта. За счёт этого нередко происходит искажение
дизайна страниц. Существует ряд приёмов, которые позволяют избежать
искажений или свести их к минимуму. Например, за счёт применения
встраиваемых рамок. Последние
часто затрудняют индексацию сайта и приводят к искажению рейтинга сайта в
поисковых системах и каталогах.
-
Воздержитесь от
заказа внедрения в состав дизайна сайта свертывающихся списков, если на это нет
достаточных обоснований.
|
На главную
Поиск по сайту
