- •1. Подготовительная работа
- •2. Разработка html страниц (для примера приводится для Word 2007)
- •2.1 Общие рекомендации по созданию и оформлению страниц
- •2.2 Создание веб-страниц
- •2.3 Установка переходов между страницами
- •2.4 Основные требования к представлению информации на мониторе
- •Рекомендации по сочетанию цвета шрифта и фона
2.3 Установка переходов между страницами
Установить связи между страницами (документами) сайта с помощью меню “Вставка – Гиперссылка” (как создаются гиперссылки - можно пользоваться встроенной справкой).
Открыть в Word документ index.htm и, последовательно выделяя пункты "Содержания", вставить гиперссылки на соответствующие страницы.
Сохранить файл и обновить его просмотр в Браузере. Проверить правильность выполнения переходов по гиперссылкам.
Подготовить рисунок для обеспечения возврата из вспомогательных документов в главный. Например, рисунок можно получить с помощью создания графической копии активного окна в буфере (Alt+PrintScreen) и дальнейшего редактирования рисунка в редакторе Paint.
Вставить в конец каждого из документов рисунок (). Создать гиперссылки, обеспечивающие возврат в главный документ, закрепив их за рисунком.
Внимание! Рисунок для переходов на главную страницу также должен находиться в папке Images.
Проверить работу сайта, кликнув файл index.htm, при необходимости отредактировать.
Скопировав папку MyWeb вы сможете просматривать сайт на любом компьютере.
2.4 Основные требования к представлению информации на мониторе
Приведем основные критерии, которые необходимы для оценки и самооценки удобства и доступности использования электронных изданий (научной и учебной информации).
Для удобства сведем критерии для оценки в таблицу, которая может быть использована при экспертизе этих изданий.
Критерии |
да |
нет |
Экранный дизайн |
|
|
Экранное пространство заполнено аккуратно, нет пустот, фон светлый (но не белый) |
|
|
Используется темный шрифт на светлом фоне, читаться текст должен с расстояния 40 см. |
|
|
Длинные тексты разбиты на фрагменты. При перечислении используются нумерация или маркировка пунктов. |
|
|
При использовании интерактивных элементов (требуется нажать клавишу) не ограничивается время. |
|
|
Время на загрузку страницы не должно превышать 10 сек. |
|
|
Ярлыки отчетливо видны и понятны. |
|
|
Ссылки на другие страницы легко отыскиваются. |
|
|
Текст |
|
|
Шрифт стандартный, 12-14 pt |
|
|
Курсив желательно использовать только для ссылок, подчеркивание только для текста, на которые указывают гиперссылки. |
|
|
Для экранного текста желательно использовать гарнитуры без засечек – Arial или Helvetica. Для текста для последующей печати – Times. |
|
|
Для выделения посещенных и непосещенных ссылок рекомендуются фиолетовый и синий цвета соответственно. |
|
|
Текстовые блоки должны помещаться на экране без использования “прокрутки”. |
|
|
Тексты-анимации (пишущая машинка, гаснующие и т.д.) в качестве основного содержания не используются (в заголовках возможно). |
|
|
Для фона и графики используется фон без рисунка (рисунок отвлекает). |
|
|
В тексте нет грамматических ошибок. |
|
|
Графика |
|
|
Графические элементы занимают тот минимум экранного пространства, при котором сохраняют свою значимость. |
|
|
Файлы графики имеют минимальный размер (желательно gif, jpеg). |
|
|
Любая анимация несет функцию, которую другими средствами не достичь. |
|
|
Каждый графический элемент несет необходимую пользователю информацию. |
|
|
Последовательность переходов |
|
|
С каждой страницы можно перейти в начало (home), конец, предыдущую, следующую страницы. |
|
|
Все гиперссылки должны быть обозначены. |
|
|
Слова гиперссылки должны указывать на ее объект. |
|
|
Доступность |
|
|
Сплошной текст или маркированный список появляется на экране весь. Режим подачи –проступает одна часть текста, затем другая – не используется. |
|
|
При управлении подачей материала используется клавиатура, мышь. |
|
|
Пользователи учебных материалов должны контролировать запуск, остановку и повторный просмотр анимаций. |
|
|