Видеокурс по созданию сайтов | Оформление списков. Как усилить акцент на списке?
Видеокурс
Доступность и привлекательность текста
Комментарии к видеоурокам
Урок #13. Оформление списков. Как усилить акцент на списке?
18 минут
На текст в списках посетители обращают больше внимания, чем на текст в параграфах. Приятно, когда информация разложена по полочкам.
«Если какую-то мысль возможно разделить на несколько частей и составить их последовательный перечень – непременно так и поступите. Во-первых, пользователь, видя перечень, сам способен логически достроить связки между его пунктами. Во-вторых, даже внешний вид различных списков и перечней очень сильно дает отдохнуть напряженному вниманию и уму за счет избавления от монотонности».
Наша задача — еще больше выделить эти блоки:
- Применение эффектных маркеров.
- Условие для одинакового отображения в разных браузерах.
- Важно: отступы сверху и снизу.
- Использование фонового изображения.
- Использование границ.
- Применение оригинальных шрифтов в создании маркеров.
- Создание маркеров в Adobe Photoshop.
Урок #14. Создание списка подтем и реализация быстрого
доступа к нужным подтемам. Ссылки-якори.
20 минут
Ссылки-якори полезны в случае, когда на одной странице освещаются разные вопросы одной темы. Дайте возможность посетителю быстро перейти на нужную ему часть страницы без утомительного прокручивания страницы.
Ход урока:
- Создание списка подтем.
- Ставим якорь подтемам.
- Организуем быстрый доступ к нужной информации.
Таким образом, представляя какую-либо информацию по определенной теме, дайте сначала список тех вопросов, которые вы затрагиваете. Если посетитель знаком с содержанием одного пункта, он его пропустит. Ниже дан такой список (конечно, его нужно давать не в конце текста, а в начале).
Что мы выигрываем? Мы улучшаем восприятие основного текста. Мы не заставляем посетителя читать все от начала и до конца. Мы предлагаем прочитать то, что ему интересно, и быстро найти нужную информацию.
- Cоздаем удобочитаемый текст
- Повышаем видимость текста
- Работаем с изображениями
- Вставка изображений
- Создание и применение иконок
- flash-анимация
- GIF-анимация
- Работаем со ссылками
- Создаем всплывающие подсказки
- Ниспадающие CSS-меню
- Графическое меню
- Работаем со списками
- Фиксируем блоки
- Создаем рамки для блоков
- Вставка таблиц
- Оформляем аббревиатуры
- Статьи
-
Блочная верстка сайтов
- Какой стандарт предпочтительнее выбрать при создании нового сайта? Отличия XHTML от HTML.
- Филоcофия CSS-дизайна. Позаботьтесь о красоте HTML-разметки.
- Почему XHTML+CSS? 15 доводов в пользу перехода на XHTML+CSS.
- Как декларация DOCTYPE влияет на отображение сайта браузерами?
- Как проверить сайт на кроссбраузерную совместимость?
- Как «угодить» IE6, IE7? Пишем хаки для Internet Explorer.
- Недостатки меню на javascript. Из опыта создания ниспадающих меню в NavStudio.
- Зачем нужна печатная версия сайта. Как создать печатную CSS-версию?
Контент для сайта