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

Содержание

Слайд 2

Введение в Web-дизайн

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

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

Слайд 3

Требования к интерфейсу

«Встречают по одёжке – провожают по уму» - русская пословица
_______________________________________________________
Естественность

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

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

Слайд 4

Требования к интерфейсу

7) Гибкость интерфейса способность учитывать уровень подготовки пользователя.
Три вида адаптации

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

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

Слайд 5

Элементы интерфейса Web-страниц

Пассивные элементы страницы (фон, текст, статические рисунки, таблицы, разделители,

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

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

Слайд 6

Эстетическая привлекательность

Необходимо различать два типа страниц – главная и подчинённые
Учёт психофизиологических

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

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

Слайд 7

Последовательность разработки Web-сайта

Определение общей концепции и предназначение публикации
Определение категорий потенциальных посетителей сайта

Последовательность разработки Web-сайта Определение общей концепции и предназначение публикации Определение категорий потенциальных
(пользователей локальных ресурсов)
Разработка структуры сайта
Выбор общего стиля
Разработка главной страницы
Разработка подчинённых страниц
Проверка на валидность
Публикация в сети

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

Слайд 8

Файловая структура проекта

Рис.1 Стандартная структура сайта (без CSS)

Луканов А.С. «Web –

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

Слайд 9

Построение навигационной схемы сайта

Рис. 2 Вариант навигационной схемы небольшого сайта

Луканов А.С. «Web

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

Слайд 10

Выбор общего стиля публикации

Визуальный стиль публикации определяется следующими факторами:
Фоном страниц
Общей цветовой схемой
Размещением

Выбор общего стиля публикации Визуальный стиль публикации определяется следующими факторами: Фоном страниц
и визуальными атрибутами интерактивных элементов
Визуальным представлением гиперссылок
Характеристиками используемых шрифтов
Способом форматирования текста
Стилем графических иллюстраций

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