Новикова Н.Н.Центр информационных технологий

ИРО

Ярославль 2009

Создание web-сайта проектаЗадача данного этапа - объединить и разместить разработанные материалы на едином информационном ресурсе - веб-сайте - для создания демонстрации целей и задач, которые ставились при планировании проекта.

Что такое web-сайт?Web-сайт - совокупность Web-страниц с повторяющимся дизайном, объединенных по смыслу, навигационно и физически находящихся на одном сервере.

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

http://center.fio.ru/vio/VIO_02/cd_site/Articles/Art_4_4.htm

Татьяна Сергеевна Старова, Александр Владимирович Могилев, Воронежский государственный педагогический университет

Типология образовательных web-сайтов1. Сайты, предназначенные для дистанционного и очного обучения.2. Сайты, посвященные различному роду исследовательской

деятельности 3. Сайты консультативного назначения 4. Сайты типа виртуальных методических объединений:5. Сайты соревновательных и информационных Интернет-проектов6. Сайты учебных заведений 7. Сайты для распространения культурной и образовательной

информации 8. Сайты справочного характера образовательной тематики 9. Сайты смешанного типа

Web-сайты направлены на коллективную работу в реальном и виртуальном образовательном пространстве с обучаемыми и с тем, кто обучает. Это не замкнутая система, а система с оперативными обновлениями и обратной связью.

Типология образовательных web-сайтов

1. Сайты, предназначенные для дистанционного и очного обучения.

сайты типа "электронный курс лекций" сайты типа "лабораторный практикум " сайты, типа "электронный задачник" сайты типа "электронный учебник", предусматривающий

различные формы сочетания очного и дистанционного обучения

сайты для тестирования, оценки знаний сайты центров дистанционного обучения и центров

тестирования

Типология образовательных web-сайтов

2. Сайты, посвященные различному роду исследовательской деятельности

сайты исследовательских работ учащихся, студентов, учителей, преподавателей, научных работников

сайты "научные лаборатории" сайты "творческие мастерские" сайты научно-исследовательских и учебных центров

Типология образовательных web-сайтов

3. Сайты консультативного назначения

консультативные сайты для учителей и учеников, студентов и преподавателей по общеобразовательным предметам

сайт для консультационной помощи начно-методическим центрам (например, www.informika.ru - сайт Центра информатизации Министерства общего и профессионального образования РФ).

Типология образовательных web-сайтов

4. Сайты типа виртуальных методических объединений:

сайты методического объединения учителей по школьным предметам;

сайты для тематических телеконференций и чатов в on-line режиме по вопросам образования;

сайты творческого взаимодействия учителей, преподавателей в сети для отработки методических приемов использования в учебном процессе существующих телекоммуникационных проектов, для обмена опытом

сайты для повышения квалификации педагогических кадров.

Типология образовательных web-сайтов

5. Сайты соревновательных и информационных Интернет-проектов

сайты телекоммуникационных олимпиад и викторин;сайты для проведения образовательных конкурсов;сайты информационно-развлекательных проектов

образовательной направленности;сайты для формирования связей между студентами и

преподавателями, школьниками и учителями, школьниками и родителями.

Типология образовательных web-сайтов

6. Сайты учебных заведений

школьные сайты с организацией дистанционных родительских собраний, проведением конкурсов, с информационной поддержкой, коммуникациями с внешним миром;

сайты факультетов вузов сайты высших учебных заведений (могут содержать

страницы факультетов).

Типология образовательных web-сайтов

7. Сайты для распространения культурной и образовательной информации

виртуальные библиотеки;сайты библиотек;виртуальные журналы и газеты образовательной тематики сайты образовательных газет и журналов виртуальные музеи.сайты музеев;виртуальные клубы (кафе).

Типология образовательных web-сайтов8. Сайты справочного характера образовательной

тематики

электронные энциклопедии; сайты-словари; электронные справочники; сайты-каталоги (например, http://www.kinder.ru - каталог

детских ресурсов); базы данных (например - база данных по биологии человека); сайты, содержащие справочную информацию о проводимых

конференциях, конкурсах, семинарах научного и образовательного направления.

Типология образовательных web-сайтов9. Сайты смешанного типа -образовательные

порталы - большие по объему образовательной информации сайты, например:

http://www.mesi.ru - Образовательный портал Московского государственного университета экономики, статистики и информатики,

http://www.students.ru - Научно-образовательный портал - Сервер Российского студенчества,

http://www.ed.ru - Русский образовательный портал, http://www.auditorium.ru - образовательный портал Фонда

Сороса, http://www.eduportal.spb.ru - образовательный портал Санкт-

Петербургаhttp://www.abitu.ru - образовательный интернет-портал

Абитуриент

Что надо учитывать при создании сайта

Целевую аудиторию• ученики, • ученики + учителя, • ученики + учителя + родители

Типологию проекта (телекоммуникационные региональные и международные проекты)

Характер представления информации • Сайт информационной поддержки проекта,

с позиций объединения всех материалов в единое целое;

• Тематический сайт в рамках проекта.

• Осень

• Красота руками человека

• Можно ли оправдать

• Тараканы

• Хвосты

Критерии оценки web-сайтаСодержание - информационное наполнение сайта должно

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

Структура и навигационные функции – определяют организацию информации на сайте и возможности перемещения между его разделами

Визуальное оформление – высокое качество, уместность и соответствие той аудитории и задаче, на которые ориентирован сайт

Функциональность – быстрая загрузка, корректность ссылок

Интерактивность - предоставление пользователю возможности диалога

Общее впечатление

Критерии оценки web-сайта проектакак представлен на web-сайте

учебный проект, его методическая поддержка;

каково содержательное наполнение web-сайта;

насколько четко и адекватно он структурирован;

каково оформление (дизайн) web-сайта;

Рекомендации по созданию web-сайтаУчитывать возрастные и психолого-педагогические

особенности аудитории;Не перегружать сайт информацией, графикой,

анимационными эффектами и т.п.;Продумать гипертекстовую структуру сайта;Навигация по сайту должна быть проста (доступность

панель навигации, кнопка возврата на главную страницу, система поиска и т.д.);

Выдерживать общий дизайн;Единые элементы на каждой странице (логотип, адрес,

e-mail и т.д.)

Соблюдение авторских прав;Не размещать запрещенную информацию, личные

данные.

Методические рекомендации по созданию web-сайта для участников проекта

Ясное вступление (где определена главная цель, которая понятна, интересна и выполнима);

План работы по проекту (этапы, сроки и т.д.);

Описание работ, которые необходимо выполнить участникам;

Руководство к действиям (как организовать и представить собранную информацию, как оценить);

Подведение итогов (суммируется весь опыт, делаются выводы);

Поддержание активности, интереса к проекту (через систему общения участников, организацию форумов, викторин, конкурсов в рамках проекта);

Список информационных ресурсов для участников (аннотированный).

Планирование структуры сайта проекта Страница ИнформацияГлавная Цель и назначение сайта

Основная информация, представленная на сайте. На кого ориентированы материалы сайта. Сведения о разработчике сайта

Проект Название проекта. Предмет, класс. Основополагающий вопросВопросы учебной темы. Вопросы для исследований и задания для учащихся.

Материалы преподавателя

Дидактические материалыМетодические материалы по организации проектной деятельности учащихся (Визитка проекта, Этапы проведения и т.д.)

Разработки учащихся

ПрезентацииПубликацииРазработки в Word, Excel

Список информационных ресурсов

Полезные ресурсы, использованные при подготовке и непосредственно в ходе работы по проекту;

Создание сайта проекта с помощью Microsoft PublisherПрограмма относится к издательским системамПринцип работы – создание публикаций на

основе макетированияТребует меньших трудозатрат, проста в

использованииПоддерживает основные принципы и приемы

работы Windows

Существенные моменты при создании сайтов в Publisher

Publisher используется для создания простых веб-сайтов.

Сначала сайт сохраняется *.pub , а затем дается команда «Поместить на веб-узел» (пункт меню «Файл»)

Область задач

«Местозаполнители»

Область задач

Главный шрифт- главный заголовок- подзаголовок

Область задач

Вспомогательный шрифтшрифт основного тексташрифт для подписей

Презентация проекта

Название сайта

Панель навигации

Выходные данные

Текст

Графические объекты

Гиперссылки

Логотип организации

Перемещение

Текст в области переполнения

Перенос текста

Изменение размера

Вставка графических объектов

Из файла (указать путь)

Картинки (произвести поиск)

результаты

пункт меню «Вставка» - «Рисунок»

Вставка таблицыпункт меню «Вставка» - «Таблица»

Вставка дополнительных текстовых полей

Пункт меню «Вставка» - «Надпись»

На панели инструментов

Вставка объекта

Пункт меню «Вставка» - «Рисунок» - «Объект WordArt»

На панели инструментов

Создание гиперссылок

Гиперссылка – некое ключевое слово или объект, с которым связан указатель для перехода на другую страницу

Выделить объект для связи с другой страницей, документом, адресом в Интернет….

Пункт меню «Вставка» – «Гиперссылка» – Добавление гиперссылки

Указать файл, место в документе, адрес в Интернет, e-mail.

В именах документов, выставляемых на сервер, использовать только буквы

латинского алфавита!!!