Web – технологии как инструмент образовательного процесса

Введение в Web-дизайн
Луканов А.С. «Web – технологии как инструмент образовательного процесса» 1

Требования к интерфейсу
«Встречают по одёжке – провожают по уму» - русская пословица
_______________________________________________________
Естественность интерфейса
Согласованность интерфейса
Согласованность в пределах приложения
Согласованность в пределах рабочей среды
Согласованность в использовании метафор
Дружественность интерфейса (принцип «прощения»)
Принцип обратной связи
Простота интерфейса
Луканов А.С. «Web – технологии как инструмент образовательного процесса» 2

Требования к интерфейсу
7) Гибкость интерфейса способность учитывать уровень подготовки пользователя.
Три вида адаптации – фиксированная, полная, косметическая
Фиксированная адаптация обеспечивает два вида диалога:
Подробный (для начинающего пользователя)
Краткий (для «продвинутого» пользователя)
Полная адаптация – автоматическая
Косметическая адаптация обеспечивает гибкость диалога:
Использование умолчаний
Использование сокращений
Опережающий вывод ответов
Многоуровневая помощь
Многоязычность
Луканов А.С. «Web – технологии как инструмент образовательного процесса» 3

Элементы интерфейса Web-страниц
Пассивные элементы страницы (фон, текст, статические рисунки, таблицы, разделители, фреймы)
Интерактивные элементы (списки, кнопки, карты, формы, баннеры)
Элементы эстетического оформления (анимированные и фоновые изображения, звуковое сопровождение)
Средства навигации по странице и сайту (меню, локальные ссылки, стрелки)
Ссылки на внешние ресурсы Интернет
Луканов А.С. «Web – технологии как инструмент образовательного процесса» 4

Эстетическая привлекательность
Необходимо различать два типа страниц – главная и подчинённые
Учёт психофизиологических характеристик пользователей
Взаимное расположение и размер отображаемых объектов
Цветовая палитра
Средства привлечения внимания пользователей
Использование мультимедийных технологий
Луканов А.С. «Web – технологии как инструмент образовательного процесса» 5

Последовательность разработки Web-сайта
Определение общей концепции и предназначение публикации
Определение категорий потенциальных посетителей сайта (пользователей локальных ресурсов)
Разработка структуры сайта
Выбор общего стиля
Разработка главной страницы
Разработка подчинённых страниц
Проверка на валидность
Публикация в сети
Луканов А.С. «Web – технологии как инструмент образовательного процесса» 6

Файловая структура проекта
Рис.1 Стандартная структура сайта (без CSS)
Луканов А.С. «Web – технологии как инструмент образовательного процесса» 7

Построение навигационной схемы сайта
Рис. 2 Вариант навигационной схемы небольшого сайта
Луканов А.С. «Web – технологии как инструмент образовательного процесса» 8

Выбор общего стиля публикации
Визуальный стиль публикации определяется следующими факторами:
Фоном страниц
Общей цветовой схемой
Размещением и визуальными атрибутами интерактивных элементов
Визуальным представлением гиперссылок
Характеристиками используемых шрифтов
Способом форматирования текста
Стилем графических иллюстраций
Луканов А.С. «Web – технологии как инструмент образовательного процесса» 9