Архитектура. Проектирование. Готовые проекты домов.

Архитектура. Проектирование. Готовые проекты домов.

8-916-134-36-30; 8-903-125-43-31

 

Списки

  На главную

 

 

Поиск по сайту

Вверх
Бегущая строка
Бесплатный сайт
Веб-дизайн
Видео на сайте
Выбор веб-дизайна
Дизайн верха страницы
Дизайн и ожидания
Дизайн сайта
Движок сайта
Как создать сайт
Как удалить сайт
Красивый веб-дизайн
Красивый сайт
Лучший дизайн
Музыка на сайте
Надежность сайта
Новости на сайте
План создания сайта
Повышение надежности
Ротобаннер
Смена страниц
Спецэффекты dhtml
Списки
Управление сайтом
Успех в простоте
Фирменный стиль
Цена сайта
Вопросы и ответы

  

  

 

создание сайта

 

 

Примеры маркированных, нумерованных и многоуровневых списков

 

Расположение на сайте информации в виде простого или сворачивающегося списка: маркированного, нумерованного, многоуровневого.

 


  • Материалы сайта можно упорядочить в виде списка.

  • Списки бывают маркированные и нумерованные.

  • Каждый список может быть многоуровневым и быть изначально свёрнутым (сворачивающийся список).


 

При создании маркированного или нумерованного списка маркеры или номера либо добавляются к существующим строкам текста вручную, либо это осуществляется автоматически при вводе текста документа.

 

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

 

Пример  

Любой их приведенных рисунков (псевдографика) может использоваться в качестве маркера списка.

 

1. Маркированный список

 

Маркированный список часто применяется для представления элементов, порядок которых либо не имеет серьёзного значения (маркированные списки иногда называют неупорядоченными), либо для повышения наглядности представления материала на странице сайта:

 

  • веб-дизайн

  • маркированный список с круглыми маркерами (1)

  • (заполненный кружок)

  • веб-дизайн

  • маркированный список с круглыми маркерами (2)

  • (незаполненный кружок)

  • веб-дизайн

  • маркированный список с квадратными маркерами

  • (заполненный квадратик)

 

Для отображения маркированных списков каждый браузер использует собственную пиктограмму маркера. Настроить (изменить) его в настройках браузера нельзя. Поэтому маркированный список с одним и тем же кодом (внешним видом маркера) может по-разному отображаться в различных браузерах. Например, круглые и квадратные маркеры в приведённом выше примере могут отображаться только как круглые или только как квадратные маркеры.

 

2. Настраиваемый маркированный список

 

Вместо стандартных маркеров (кругов и квадратов) можно использовать рисунки.

 

  • веб-дизайн

  • веб-дизайн

  • веб-дизайн

маркированный список

веб-дизайн

маркированный список

веб-дизайн

маркированный список

веб-дизайн

маркированный список

веб-дизайн

маркированный список

веб-дизайн

маркированный список

веб-дизайн

 

3. Нумерованный список

 

Используется для представления упорядоченных элементов. Можно использовать буквы, а также арабские и римские цифры:

 

  1. веб-дизайн

  2. нумерованный список (1)

  3. веб-дизайн

  1. веб-дизайн

  2. нумерованный список (2)

  3. веб-дизайн

  1. веб-дизайн

  2. нумерованный список (3)

  3. веб-дизайн

 

4. Список определений

 

Широко используется при создании словаря терминов. Термины обычно выравниваются по левому краю, а их определения размещаются с отступом. Точный вид списка зависит от применяемого браузера.

Термин А

Определение для термина А.

Термин Б

Определение для термина Б.

5. Структурированный или многоуровневый список

 

Список может состоять из нескольких вложенных уровней, причем эти уровни могут иметь разное оформление. Например:

  1. Глава

    1. Заголовок

      1. Подзаголовок

        1. Раздел

          Абзац

        2. Раздел

          1. Элемент

          2. Элемент

    2. Заголовок

В предыдущем списке на каждом уровне используется свой способ нумерации. Если после заголовка следует только один элемент, номер может отсутствовать (см. выше элемент "Абзац").

 

6. Свертываемые списки

  • Список можно оформить как развёртывающийся (нажмите для просмотра)

    • Примечание.

    • Свертываемые списки поддерживаются обозревателем Microsoft Internet Explorer версии 4.0 или более поздней версии, а также другими обозревателями, поддерживающими динамический формат HTML (DHTML).

    • Если список содержит много элементов одного уровня, то каждый уровень (а также все более низкие уровни) можно будет превратить в развертывающийся, проделав описанную выше процедуру. При этом все уровни ниже данного также станут развертывающимися.

7. Сворачивающийся список с изменённой формой указателя мыши

  • В обозревателе Microsoft Internet Explorer форма указателя мыши изменяется при прохождении над различными элементами веб-страницы. Например, над текстом указатель принимает I-образную форму. Над гиперссылкой указатель выглядит как кисть руки с выпрямленным указательным пальцем.

  • Если поместить указатель на свертываемый список, то указатель не принимает форму указательного пальца, а остается I-образным, как если бы список был обычным текстом.

  • Пользователю будет легче понять, что на свертываемый список тоже можно щелкнуть, если при перемещении над списком указатель будет принимать форму кисти руки с вытянутым указательным пальцем. Чтобы создать такой эффект, используется таблица каскадных стилей:

    • В области HTML-код находится тег <UL dynamicoutline initcollapsed>, обозначающий начало свертываемого списка.

    • Если был создан:

      • нумерованный список, то изменяется тег <OL dynamicoutline initcollapsed > на <OL dynamicoutline initcollapsed style="cursor:hand">;

      • маркированный список (с использованием только простых маркеров), то изменяется тег <UL dynamicoutline initcollapsed> на <UL dynamicoutline initcollasped style="cursor:hand">.

  • Примечание.  Использование нижнего регистра для этого тега не меняет его функциональность.

 

  • Пример раскрывающегося списка с изменённым видом курсора (нажмите для просмотра)

    • Примечание. Если список содержит много элементов одного уровня, то каждый уровень (а также все более низкие уровни) можно будет превратить в развертывающийся. При этом все уровни ниже данного также станут развертывающимися.


 

 

При заказе создания дизайна сайта или реконструкции сайта можете заказать любой их перечисленных списков.

 

 

Резюме

  1. Техническая реализация маркированных, нумерованных, многоуровневых и сворачивающихся списков проста. Их внедрение в дизайн сайта не представляет сложности.

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

  3. При раскрытии сворачивающиеся списки удлиняют страницы сайта. За счёт этого нередко происходит искажение дизайна страниц. Существует ряд приёмов, которые позволяют избежать искажений или свести их к минимуму. Например, за счёт применения встраиваемых рамок. Последние часто затрудняют индексацию сайта и приводят к искажению рейтинга сайта в поисковых системах и каталогах.

  4. Воздержитесь от заказа внедрения в состав дизайна сайта свертывающихся списков, если на это нет достаточных обоснований.

Основные разделы

 

О веб-студии
Услуги
Прайс-лист
Бизнес-планы
Бизнес-проекты
Веб-дизайн
Графика сайта
Договор на сайт
Задание на сайт
Заказать сайт
Интернет-конкурсы
Интернет-магазин
Интернет-маркетинг
Интернет-реклама
Ключевые слова
Контент сайта
Научный веб-дизайн
Оптимизация сайта
Поддержка сайта
Поисковая система
Портфолио
Раскрутка сайта
Редизайн
Рейтинг сайта
Рекомендации
Сайты для бизнеса
Сайт по недвижимости
Создание сайта
Справочник
Стоимость сайтов

 


 

 

Rambler's Top100 Rambler's Top100

 

 

 

 

 Skype: antula-moscow | antula@antula.ru

Создание видеороликов | Архитектурные проекты | Заказать сайт

Copyright © 2002-2017 Сергей Пыхтин