И. В. Дробышева кандидат педагогических наук, профессор

Вид материалаДокументы

Содержание


Навык веб-дизайна и его формирование в процессе профессиональной подготовки будущего учителя информатики
Пассивные элементы
Интерактивные элементы
Элементы эстетического оформления
Подобный материал:
1   ...   51   52   53   54   55   56   57   58   ...   76

НАВЫК ВЕБ-ДИЗАЙНА И ЕГО ФОРМИРОВАНИЕ В ПРОЦЕССЕ ПРОФЕССИОНАЛЬНОЙ ПОДГОТОВКИ БУДУЩЕГО УЧИТЕЛЯ ИНФОРМАТИКИ

Е.Р. Пугачева

Калужский государственный педагогический университет
им. К.Э. Циолковского, г. Калуга, e-mail: janedance@mail.ru.


Новый импульс информатизации системы образования дает развитие информационных телекоммуникационных сетей. Глобальная сеть Internet обеспечивает доступ к гигантским объемам информации, хранящимся в различных уголках нашей планеты. Многие эксперты рассматривают технологии Internet как революционный прорыв, превосходящий по своей значимости появление персонального компьютера. Инструментальные средства компьютерных коммуникаций позволяют преподавателям и обучаемым совместно использовать информацию, сотрудничать в решении общих проблем, публиковать свои идеи и комментарии, участвовать в решении задач и их обсуждении[1]. Веб-сайт выступает в этой связи как объект массовой коммуникации. В настоящее время разработкой веб-сайтов занимаются не только дизайнеры и программисты, но школьники и учителя.

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

В программе подготовки будущих учителей информатики предусматривается изучение дисциплин «Программное обеспечение ЭВМ», «Компьютерные сети, мультимедиа и Интернет», в рамках которых возможно изучение теории веб-дизайна.

Основываясь на проведенных исследованиях, посвященных изучению веб-дизайна в педагогическом вузе [2], подчеркнем, что в школах и вузах в учебный процесс все чаще включается изучение веб-технологий, но приходится констатировать отсутствие разработанных методик и единой терминологии, а изложение теоретических вопросов не соответствует принципу научности. Среди выделенных компонентов содержания обучения веб-дизайну важным компонентом, с точки зрения нашего исследования, является изучение элементов визуального дизайна. Заметим, что материал этого компонента носит алгоритмический характер, а также тесно связан с областью методики преподавания, которая изучает способы оптимального оформления учебных материалов [3].

Исходя из основных требований к веб-сайтам - удобства (способность быстро находить нужную информацию, наглядность и понятность) и визуальной привлекательности (эстетичность, грамотная композиционная организация страниц, хорошее сочетание цветов, стильность) [4], -определим, какие умения входят в понятие «навык веб-дизайна»:
  • подбор гармоничных цветов для веб-сайта в соответствии с содержанием и целевой аудиторией сайта;
  • единое стилевое оформление всех графических элементов веб-сайта (кнопок, картинок, фотографических изображений, баннеров, логотипов и т.д.);
  • подбор шрифтового оформления сайта (тип и размер шрифта для заголовков, подзаголовков и основного текста);
  • выбор оптимальной компоновки основных элементов веб-страницы (используя модульные сетки).

Кроме названных требований, к разработке дизайна веб-сайта также предъявляются определенные технические требования: платформа, монитор, браузер и предпочтения пользователя. Эти переменные факторы могут заставить веб-сайт значительно изменяться при отображении на компьютере пользователя [5]. Поэтому большую часть в работе по дизайну веб-сайтов составляет изучение того, что нельзя делать.

Выделим основные компоненты веб-документа, формирующие его пользовательский интерфейс:
  • пассивные элементы страницы (фон, текст, графика, таблицы, разделители, фреймы);
  • интерактивные элементы (списки, кнопки, сенсорные карты, формы);
  • элементы эстетического оформления (фоновые изображения, звуковое сопровождение, анимационные эффекты);
  • средства навигации по веб-странице (документу) и в системе страниц;
  • ссылки на внешние ресурсы Интернет [6].

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

Следует ограничить применение различных гарнитур шрифтов, потому что чрезмерное внимание к тексту «убивает» смысл его слов. Все главные элементы веб-страницы по возможности должны находиться «выше линии сгиба» (в первом экране страницы, доступном без вертикальной прокрутки). Необходимо использовать «гибкую» структуру веб-страницы, чтобы ее размер мог автоматически приспосабливаться к различным разрешениям экрана.

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

Элементы эстетического оформления: Не рекомендуется использовать в качестве фона сложные текстуры с множеством цветов. Чем сильнее контраст фона, графики и текста по яркости, тем выразительнее веб-страница. Графика должна отображать реальное содержимое веб-сайта, а не только служить его украшением. Анимация и звуковое оформление, как правило, нежелательны, поскольку отвлекают внимание от остальных элементов, исключая случаи, когда они обуславливают содержание сайта. Не следует подвергать анимации основные элементы страницы, такие как логотип, рекламный лозунг или главный заголовок.

Одна из главных задач при создании веб-сайта – это обеспечение удобной навигации по его страницам. Главная панель навигации должна находиться в заметном месте страницы, предпочтительно рядом с ее основной частью, подобные элементы навигации должны находиться рядом, нет смысла создавать сразу несколько областей навигации, назначение которых повторяет друг друга, не следует использовать в названиях элементов самостоятельно придуманные слова, в их названиях должно четко прослеживаться их различие. Рекомендации по варианты расположения навигационной панели: верхняя горизонтальная и левая вертикальная [7].

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


Литература
  1. Захарова И.Г. Информационные технологии в образовании: учеб. пособие для студ. высш. пед. учеб. заведений. – М.: Издательский центр «Академия», 2003. – 192с.
  2. Государев И.Б. Изучение веб-дизайна в педагогическом вузе //Наука и школа. 2003. №1
  3. Уваров А.Ю. Электронный учебник: теория и практика. – М:,1999.
  4. Яцюк О. Основы графического дизайна на базе компьютерных технологий. – СПб.: БХВ-Петербург, 2004. -240с.:ил.
  5. Искусство дизайна – с компьютером и без…/Пер. с англ. – М.: Кудиц-образ, 2004. -208с.
  6. Гультяев А.К., Машин В.А. Проектирование и дизайн пользовательского интерфейса. – СПб.: Корона-принт, 2000.-352с.
  7. Нильсен Я., Тахир М. Дизайн веб-страниц. Анализ удобства и простоты использования 50 узлов.: Пер. с англ.:Уч.пос. – М.: Вильямс, 2002.-336с.: ил.