Элективный курс "Создание Web-сайта"

Управление по делам образования и здравоохранения

Администрации Курского района Курской области

муниципальное бюджетное общеобразовательное учреждение

«Средняя общеобразовательная школа №23

имени Героя Советского Союза Ачкасова С.В.»

Рассмотрена на заседании методического объединения учителей математики, физики и информатики Протокол №___ от «__»_______2015 г.	Принята на заседании педагогического совета Протокол №___ от «__»_____2015 г.		Введена в действие приказом № ___ от «___» __________ 2015 г. Директор школы ___________ /Даирова И.М./
Рабочая программа элективного курса «Создание Web-сайта» на 2015-2016 учебный год Количество часов в неделю – 1 ч.
		Программа составлена учителем информатики Кирилловой Н.Г.

г. Курск, 2015г.

Актуальность и практическая значимость

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

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

Данный элективный курс разработан для обучающихся 10-11 класса и является предпрофильным, рассчитан на 1 час в неделю, всего 34 часа.

Цели и задачи программы

Основные цели курса по отношению к деятельности обучающихся

Ø    Освоить элементарные способы проектирования, конструирования, размещения и сопровождения веб-сайта в сети Интернет.

Ø    Приобрести первичные навыки программирования на языке HTML

Ø    Познакомиться с основами веб-дизайна и научиться применять их при разработке веб-страниц.

Ø    Создать собственный веб-сайт (веб-страницы) по выбранной тематике.

Задачи курса

Ø Познакомиться с видами веб-сайтов, их функциональными, структурными и технологическими особенностями.

Ø Научиться ориентироваться и продуктивно действовать в информационном интернет-пространстве, используя для достижения своих целей создаваемые веб-ресурсы.

Ø Сформировать целостное представление об информационной картине мира средствами «Всемирной паутины». Научиться способам представления информации в сети Интернет.

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

Ø Реализовать коммуникативные, технические и эвристические способности в ходе проектирования и конструирования сайтов.

Ø Овладеть элементами информационной и телекоммуникационной компетенций по отношению к знаниям, умениям и опыту конструирования веб-сайтов.

Ø Овладеть навыками работы в коллективе с комплексными веб-проектами.

Требования к уровню учебных достижений учащихся

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

Ø    знать принципы и структуру устройства Всемирной паутины, формы представления и управления информацией в сети Интернет;

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

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

Ø    уметь спроектировать, изготовить и разместить в cети веб-сайт объемом 5-10 страниц на заданную тему;

Ø    уметь программировать на языках HTML на уровне создания не менее 3-5 элементов сайта;

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

Ø    владеть способами работы с изученными программами (браузерами Internet Explorer, Google Chrome; и др.);

Ø    уметь передавать информацию в Интернет;

Ø    владеть приемами организации и самоорганизации работы по изготовлению сайта;

Ø    иметь опыт коллективного сотрудничества при конструировании веб-сайтов;

Ø    иметь опыт разработки и публичной защиты созданного сайта;

Ø    осуществлять рефлексивную деятельность, оценивать свои результаты, корректировать дальнейшую деятельность по сайтостроительству.

Учебно-тематический план

Тема	Количество часов	В том числе
		теор.	практ.
1. Введение. Моя веб-страничка
Техника безопасности. Введение. Основы HTML. Основы HTML. Структура документа. Теги. Основы языка разметки гипертекста HTML Творческая работа «Самопрезентация»	5	2	3
2. Графика
Язык Html: Рисунки. Графика на веб-страницах Творческая работа «Совершенствование вида сайта»	4	2	2
3. Гипертекстовый документ
Как с удобством путешествовать по сайту Творческая работа «Выполнение и защита небольшого проекта»	4	2	2
4. Типы сайтов
Какие бывают сайты. На сайте с удобством – анализ эргономичных сайтов Критерии оценки сайтов. Оформление оценочной таблицы	2	2	0
5. Основы HTML
Построение таблиц. Списки. Фреймы. Творческая работа «Разделяй и властвуй»	5	2	3
6. Проектирование сайта
Цели создания сайта. Особенности проектирования сайтов Навигация по сайту: структура web-страницы Творческая работа «Информационное проектирование сайта»	4	2	2
7. Основы WEB – дизайна
Что такое стильный дизайн? Внешний вид сайта. Работа со шрифтами в HTML Создание гиперссылок	4	2	2
8. Работа над проектом
Итоговый проект «Разработка тематического проекта и создание web-сайта» (на выбранную учеником тематику)	6	1	5
Итого	34	15	19

Содержание программы

1. Введение. Моя веб-страничка

Основные понятия: гипертекст, HTML, тег, браузер, веб-страница, разметка, структура документа, заголовок, тело.

Содержание темы

Техническая часть. Что необходимо для работы.

Теги HTML

Структура веб-страницы. Заголовок документа. Тело документа. Атрибуты тегов. Цвет фона. Изображение как фон. Цвет текста. Цвета.

Способы выделения текста

Размер и форма шрифта. Теги форматирования текста. Взаимодействие тегов. Текстовые блоки. Заголовки. Абзацы. Перевод строки. Разделительная линия.

Творческая работа «Самопрезентация»

Самооценка. Рефлексия.

2. Графика

Основные понятия: растровый формат, векторный формат, метафайлы, рамки изображения, выравнивание, обтекание.

Содержание темы

Рисунки и фотографии с сети Интернет

Параметры графических файлов. Растровые форматы: JPEG; GIF; PNG. Векторные форматы. Достоинства и недостатки растровых и векторных форматов. Метафайлы. Графические редакторы.

Графика на веб-страницах

Как создать графический файл для веб-страницы. Прозрачная графика. Связывание графического файла с HTML-документом. Изображения в HTML-документе. Дополнительная информация.

Творческая работа «Совершенствование вида сайта»

Самооценка. Рефлексия.

3. Гипертекстовый документ

Основные понятия: организация информации, гипертекстовые ссылки, внутренние ссылки, активные ссылки, посещенные ссылки, абсолютные адреса, относительные адреса.

Содержание темы Организация информации на сайте

Разработка сценария гипертекстового документа, состоящего из нескольких файлов. Гипертекстовые ссылки. За пределами документа. Текстовые ссылки. Изображения-ссылки. Главный тег Интернета. Абсолютные адреса. Относительные адреса. Создание нового окна. Внутренние ссылки. Задание цвета ссылок на веб-странице. Задание цвета отдельных ссылок. Цвет и наличие рамок у изображений-ссылок. Ссылка на адрес электронной почты.

Творческая работа «Выполнение и защита небольшого проекта»

Самооценка. Рефлексия.

4. Типы сайтов

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

Содержание темы

Какие бывают сайты

Основные типы сайтов, их название. Цели использования сайта. Стили оформления. Рекомендации по организации информации. Оптимизация веб-страниц.

Удобство использования сайта

Основные методы юзабилити. Восприятие информации.

Критерии оценки сайтов

Юзабилити. Структура и навигация сайтов. Контент (содержание). Внешний вид. Обратная связь. Интерактивность.

Оформление оценочной таблицы

Творческая работа «Оценка сайта»

Доработка оценочной таблицы и исследование выполненных проектов.

Самооценка. Рефлексия.

5. Основы HTML

Основные понятия: списки, таблицы, фреймы, формы.

Содержание темы

Таблицы

Структура таблицы. Основные теги. Лишние ячейки. Пустые ячейки. Объединение ячеек. Разделение ячейки. Вложение таблицы. Цвета фона. Цвет рамки. Поля.

Фреймы

Как работают фреймы. Достоинства фреймов. Недостатки фреймов. Создание фреймов. Ссылки внутри  фреймов. Рамки. Изменение размеров. Полосы про­крутки. Плавающие фреймы. Фреймы — хорошо или плохо?

Формы

Добавление формы на страницу. Кнопки (передачи и сброса). Поле со списком.

Творческая работа «Разделяй и властвуй»

Размещение информации страницы сайта в таблице и во фреймовой структуре. Самооценка. Рефлексия.

6. Проектирование сайта

Основные понятия: концепция сайта, цели сайта, структура сайта, карта сайта, пользователи, навигация.

Содержание темы Анализ хороших сайтов

Выбор критериев. Выбор критериев при оценке сайтов.

Цели создания сайта

Проектирование сайта

Концептуальное, логическое и физическое проектирование сайта.

Особенности проектирования сайтов

Этапы проектирования сайта

Принципы проектирования сайта. Организация информации.

Навигация по сайту. Юзабилити

Творческая работа «Информационное проектирование сайта»

Самооценка. Рефлексия.

7. Основы веб-дизайна

Основные понятия: Дизайн, векторная и растровая графика, графический редактор, инструменты, фильтры, графические примитивы, палитра цветов, формат графического файла, заголовки, текст, разделы, ссылки, термины, эффективность рекламы.

Содержание темы

Стиль сайта

Элементы веб-страницы. Информационная архитектура. Макет страницы. Единство стиля. Внесение разнообразия. Распределение информации на веб-странице.

Текст и шрифт кирпичики сайта

Оформление ссылок. Форматирование текста. Понятность и читаемость текста. Основные элементы текста. Тема, название, заголовки. Фон.

Графика на веб-страницах

Местоположение эмблем и навигационных элементов. Изображения в миниатюре. Логотипы. Интерактивность. Советы по графике.

Внешний вид сайта

Управление внешним видом сайта. Особенности начальной страницы. Основные принципы веб-дизайна. Уменьшение размера текста и графики. Разделение про­странства страницы. Исключение длинных колонок. Формы.

Композиция веб-страниц

Основные правила композиции. Средства композиции. Цвет. Психология цвета. Отдельные цвета. Главные ошибки в веб-дизайне.

8. Зачетная работа

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

Содержание темы

Этапы создания сайта

Организация работы

Выбор темы сайта. Заказчик сайта. Создание команды. Распределение функций. Работа в группе. Этапы и сроки выполнения работ.

Техническое задание на проектирование, разработку дизайна и создание сайта на сервисе Google Sites.

Самооценка. Рефлексия.

Содержание и форма контроля уровня учебных достижений

При проведении занятий применяются методы организации и осуществления учебно-познавательной деятельности (беседа, лекция – диалог) Используется проблемно-поисковый метод, метод самостоятельной работы (практические работы), применяется методика проектирования. В качестве иллюстраций возможно использование презентаций, выполненных в PowerPoint, при организации самостоятельной работы обучающихся осуществляется выход в Internet и использование поисковых систем.

В конце курса организуется итоговый проект по созданию собственного сайта.

Учебно-методическое обеспечение курса

Курс обеспечивается методическим пособием для учителя, а также компьютерами и компьютерными программами, обозначенными в программе курса, такими как:

— операционная система Windows (2000, ХР);

— MS Office (Word);

— браузер (Internet Explorer, Google Chrome);

— графический редактор (Paint, Photoshop или др.);

— программа Flash, редакторы для создания анимации;

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

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

Список литературы

Литература, используемая педагогом для разработки программы и организации образовательного процесса:

·                    HTML. Экспресс-курс/ А.В. Петюшкин. – Спб.: БХВ-Петербург, 2003.

·                    Интернет. Быстрый старт/ И. Шапошников. – БХВ-Петербург, 2004.

·                    http://www.postroika.ru – сайт, посвященный созданию web-страниц

·                    Соловьева Л.В. Компьютерные технологии для учителя. – СПб.: БХВ-Петербург, 2003. 

·                    Симонович СВ. Компьютер в вашей школе: Учебное пособие для средней школы. - М.: ACT-ПРЕСС КНИГА: Инфоком-Пресс, 2002.

Литература, рекомендуемая для детей и родителей по данной программе:

·                    Обучение для будущего. Учеб.пособие. – М.: Издательско-торговый дом «Русская Редакция», 2004 – 125 – 170 с., 271 – 316с.

·                    Симонович СВ., Евсеев Г.А., Алексеев А.Г. Специальная ин­форматика: Учебное пособие для средней школы. - М: АСТ-ПРЕСС КНИГА: Инфоком-Пресс, 2003.

·                    Симонович СВ., Евсеев Г.А., Алексеев А.Г. Специальная ин­форматика: Учебное пособие для средней школы. - М: АСТ-ПРЕСС КНИГА: Инфоком-Пресс, 2003.

·                    А.В. Хуторской, А.П. Орешко Элективный курс «Технология создания сайтов»