Визитная карточка проекта «Web-дизайн»

Визитная карточка
проекта «Web-дизайн»
Автор проекта
Фамилия, имя, отчество
Сухарева Анжелика Вячеславовна
Населенный пункт, в котором Дзержинск
находится школа/ОУ
Название ОУ
ДПК
Описание проекта
Название темы вашего учебного проекта
Web-дизайн
Краткое содержание проекта
Учебный проект «Web-дизайн» используется для изучения раздела «Разработка Web-сайтов с
использованием языка разметки гипертекста HTML» в 9 классе. В рамках проекта учащиеся
должны разработать Web-страницу с помощью языка разметки гипертекста HTML. Создание
Web-страниц позволит ученикам ответить на вопросы, направляющие проект. Для реализации
задач проекта учащиеся разбиваются на 2 творческие группы: литераторы и дизайнеры.
Группа литераторы разрабатывает Web-страницу, посвященную форматированию текста на
Web-странице. Эта Web-страница должна наглядно демонстрировать, как работают теги
форматирования текста.
Группа дизайнеры создает Web-страницу, демонстрирующую вставку изображений в Webстраницу.
Содержание Web-страниц должно соответствовать теме. При подборе материала приветствуется
использование разнообразных источников информации. В конце проекта учащиеся
представляют свои творческие работы.
Предмет(ы)
Информатика
Класс(-ы)
9 класс
Приблизительная продолжительность проекта
5 уроков
Основа проекта
Образовательные стандарты
Дидактические цели / Ожидаемые результаты обучения
После завершения проекта учащиеся смогут: создавать Web-страницы с помощью языка
разметки гипертекста HTML, вставлять изображения в Web-страницу, создавать гиперссылки.
Вопросы, направляющие проект
Основополагающий
Как раздвинуть границы помещений и создать информационное
вопрос
пространство?
Проблемные вопросы
учебной темы
Почему люди стремятся создавать информационное пространство?
Что нового привнес Internet в повседневную жизнь человека?
В чем заключается преимущество Web-страниц перед обычными
текстовыми документами?
Что могут рассказать страницы Web-сайтов?
Учебные вопросы
Что такое Web-страница?
Что такое Web-сайт?
Каким образом Web-страницы объединяются в Web-сайты?
Какие теги должны присутствовать в HTML-документе обязательно?
Какова структура Web-страницы?
Какие теги используются для ввода заголовков? Форматирования
шрифта? Ввода абзацев?
Какой тег и его атрибуты используются для вставки изображений в
Web-страницы?
Какой тег и его атрибуты используются для создания гиперссылок?
План оценивания
График оценивания
До работы над проектом
После завершения работы над
проектом
Воспроизвести логическую
Ученики работают над
проектом и выполняют
задания
Учащиеся заполняют
схему рекламно-
таблицу, описанную ниже.
вопросы на следующие темы:
мотивационной публикации:
В первую очередь задайте себе
Время загрузки
Внешний вид
Сбалансированы ли цвета
дизайна страниц?
 Выдержаны ли цвета, шрифты,
графика в едином стиле? Для
того, чтобы найти нужную
информацию, пользователю

Значение
Internet

Web-дизайн

HTML был
изобретен...

Тег


...

...
приходится делать не более 3х
кликов?
Сбалансирован ли макет
страницы и не перегружена ли
она информацией (особенно
касается главных станиц)?
Не мешает ли графика
пользователю воспринимать
информацию?
Не "режут" ли цвета сайта
глаза?
Легко ли читается текст? Не
сливается ли он с фоном?
Помните, что постоянная
необходимость прокручивать
станицу во все четыре стороны
раздражает.
Доступна ли информация об
авторских правах и обратная
связь?
Структура и навигация
Структура Webстраницы: …
Правила записи
тегов: ...








Все ли ссылки работают
верно?
Понятно ли куда они ведут?
Просто ли использовать
навигацию?
Если в навигации
использованы иконки, то есть
ли к ним текстовое пояснение
или всплывающие подсказки?
Понятно ли предназначение
каждой страницы? Нет ли
лишних?
Есть ли в навигации ссылка
обратной связи?
Позволяет ли навигация
вернуться на предыдущие
подуровни?
Имеется ли понятный способ
между последовательно
связанными страницами и
разделами сайта?
Содержание
 Отражает ли содержание
предназначение сайта?
Есть ли грамматические или
синтаксические ошибки?
 Не слишком ли вы утомляете
пользователя чтением?
 Достоверна ли информация?
 Если сайт располагает
большим количеством
информации, то предусмотрен
ли поиск?

Юзабилити
Работает ли сайт на всех
платформах и браузерах?
 Если есть формы, то
организованы ли они
логически?
 Все ли компоненты сайта
функционируют корректно?
 Могут ли пользователи понять
всю информацию и термины?

Главные цели дизайна:






Простота
Понятность
Содержание
Тщательность
Расположение пользователя
Полезность
Не забывайте узнавать мнение
других!
Описание методов оценивания
Методы включают использование контрольных листов, опросов, таблиц с критериями
оценивания продуктов проектной деятельности. Продукты учебной деятельности учащихся –
это Web-страница, созданная с помощью языка разметки гипертекста HTML.
Сведения о проекте
Необходимые начальные знания, умения, навыки
Иметь представление о том, что такое Web-страница.
Знать определение понятия гиперссылка.
Знать виды Web-страниц.
Уметь пользоваться браузером.
Уметь пользоваться электронной почтой.
Уметь работать в текстовом редакторе.
Знать принцип функционирования Глобальной компьютерной сети.
Учебные мероприятия
План реализации проекта
Изучение рекламно-мотивационной публикации.
Ознакомление с вводной презентацией.
Предварительное оценивание.
Разработка Web-страниц.
Заполнение таблицы формирующего оценивания.
Представление каждой группой своего творческого проекта.
Итоговое оценивание.
Материалы для дифференцированного обучения
Ученик с проблемами
Организация взаимопомощи в группе. Упрощенные задания,
усвоения учебного материала
связанные с технологией набора текста.
(Проблемный ученик)
Одаренный ученик
Усложненные задания, дополнительные задания, требующие
более глубокого понимания материала: создание иллюстраций
для проекта, продумывание гиперссылок, создание формы на
странице.
Материалы и ресурсы, необходимые для проекта
Технологии – оборудование (отметьте нужные пункты)
Фотоаппарат, лазерный диск, видеомагнитофон, компьютер(8ы), принтер, видеокамера,
цифровая камера, проекционная система, видео8, конференц8оборудование,
DVD8проигрыватель, сканер, другие типы интернет8соединений, телевизор
Технологии — программное обеспечение (отметьте нужные пункты)
СУБД/электронные таблицы, программы обработки изображений, программы разработки
вебсайтов, настольная издательская система, веб8браузер, текстовые редакторы, программы
электронной почты, мультимедийные системы, другие справочники на CD8ROM
Материалы на печатной основе
Другие принадлежности
Учебники, справочный материал.
Интернет ресурсы
Использование сервисов Веб 2.0
Другие ресурсы
Для успешного проведения проекта нужно пригласить
параллельные классы и родителей на урок представления
результатов проделанной работы
XXФормирующее оценивание
Учебный проект «Web-дизайн»
Критерии
Оценка деятельности группы
3 балла
2 балла
1 балл
Формулировка
целей
исследования
Четко определены
цели исследования
Цели исследования не
достаточно четкие
Цели глубоко не
продуманы
Выполнение
исследования
Проведенное
исследование
отличается глубиной,
самостоятельностью,
творческим подходом,
применением
различных методов
исследования.
При проведении
исследования
участники группы
использовали
несколько методов, но
проблема раскрыта не
достаточно глубоко.
Проведенное
исследование
выполнено
поверхностно.
Участники группы
не проявили
самостоятельности,
творчества в
решении вопросов
Поиск
информации по
теме работы
Подобрано большое
количество
достоверных
источников
информации
(бумажных, CDдисков, интернетисточников).
Подобрано
достаточное
количество источников
информации, но
достоверность
информации в них не
всегда очевидна
Количество
источников
информации явно не
достаточно,
достоверность их не
очевидна
Соответствие
целей и
результатов
работы
Проведенное
исследование отвечает
на ОПВ и проблемный
вопрос. Все
поставленные цели
достигнуты.
Проведенное
исследование частично
отвечает на ОПВ и
проблемный вопрос. В
основном цели
исследования
достигнуты.
Проведенное
исследование слабо
связано с ОПВ и
проблемным
вопросом. Не все
поставленные цели
достигнуты.
Выводы
Логичны, обоснованы,
научны, полностью
соответствуют
поставленным целям
В основном,
соответствуют целям,
однако представлены
бессистемно
Отсутствуют или не
связаны с целями,
результатами
работы
Представление
результатов
работы
Выбраны
разнообразные формы
представления
результатов
исследования, которые
соответствуют целям
исследования,
содержанию
материала,
демонстрируют вклад
каждого участника
группы. Все материалы
созданы с
соблюдением
авторских прав.
Выбрано несколько
форм представления
результатов
исследования, но этот
выбор не достаточно
продуман. Вы бранные
формы не всегда
позволяют увидеть
вклад каждого
участника группы.
Материалы созданы с
соблюдением
авторских прав.
Выбраны 1-2 формы
представления
результатов
исследования,
которые плохо
соответствуют
целям исследования,
содержанию
материала, не
демонстрируют
вклад каждого
участника группы
Совместная
работа группы
Четко спланированы
совместные действия,
график работы,
распределены роли
между участниками
группы, организовано
активное обсуждение
хода исследования в
группе.
Совместные действия
спланированы, но не
достаточно четко.
График работы
составлен, но
наблюдались
отклонения от него, не
все участники группы
были одинаково
активны
Совместные
действия
спланированы
плохо, график
работы не
выполнялся, не все
участники группы
принимали участие
в обсуждении хода
исследования и в
самом исследовании
Защита работы
Выступление
отличается
последовательностью,
логикой изложения,
культурой речи.
Участники группы
демонстрируют умение
кратко и полно
раскрыть содержание
исследования,
аргументировано
обосновать принятые
решения. Ответы на
вопросы четкие и
полные.
Демонстрационный
материал уместно
поддерживает
выступление.
Выступление
соответствует
проведенному
исследованию,
отличается
последовательностью,
логикой изложения,
культурой речи, но
участникам не хватает
умения кратко и полно
раскрыть содержание.
Демонстрационный
материал не оптимален
В основном,
выступление вызывает
интерес у аудитории.
Устное выступление
воспринимается
аудиторией сложно.
Участники передают
содержание работы,
но не
демонстрируют
умение выявлять
главное в
исследовании.
Демонстрационный
материал
использован не
эффективно.
Выступление легко
воспринимается
аудиторией.
Каждая из групп может получить дополнительные баллы (1-3) за:



грамотное использование сервисов Веб 2.0;
оригинальное оформление;
использование нестандартных способов представления результатов исследования.