Сарыколь
2015-2016
уч.год
|
|
Содержание:
1. Пояснительная
записка ……………………………………….….…. 3
2. Содержание
курса …………………………………………….…..…..7
3. Учебно-тематический
план курса ………………………….….….…11
4. Список
литературы для учителя …………… ………….…………...14
5. Календарно-тематическое
планирование …………………….….....15
Пояснительная
записка.
Факультативный курс «Создание Web-страниц»
является предметом по выбору для учащихся 10 классов общеобразовательной
средней школы и рассчитан на 34 часа.
Курс включает в себя практическое освоение техники создания Web-страниц
и Web-сайтов.
Web-сайт
– это наиболее популярное и доступное средство представления информации в
Интернете. Освоив технологию создания Web-сайтов,
учащиеся смогут пополнить информационное пространство Интернета.
При
обучении созданию сайтов затрагиваются вопросы оформления Web-дизайна.
Работа над созданием Web-дизайна – это
ярко выраженное творчество. Именно в сфере Web-дизайна
учащиеся смогут проявить свои творческие способности.
Цели
курса:
·
Научить способу представления информации
в WWW;
·
Развивать познавательные интересы, коммуникативные,
технические и творческие способности учащихся в ходе проектирования и
конструирования сайтов;
·
Помочь определится в выборе профессии по
компьютерной специальности «Создание HTML-документов.
Основы Web-дизайна»;
·
Способствовать формированию патриотических
чувств учащихся.
Задачи
курса:
·
Сформировать навыки элементарного
проектирования, конструирования и размещения Web-сайта;
·
Научить использовать возможности языка HTML
для создания Web-сайтов
·
Познакомить с основами Web-дизайна;
·
Создать и разместить в Интернете Web-сайт.
В результате изучения курса учащиеся
могут
узнать:
·
Назначение Web-страниц
и Web-сайтов;
·
Основные возможности языка HTML
для создания Web-страниц;
·
Правила проектирования Web-сайта;
·
Виды Web-хостинга;
·
Правила оформления Web-дизайна.
могут научиться:
·
Создавать Web-страницы;
·
Создавать гипертекстовый документ,
состоящий из нескольких файлов;
·
Размещать графические изображения на Web-странице;
·
Производить разметку Web-страницы
с использованием таблицы;
·
Размещать Web-сайт
в службе WWW.
Курс
позволяет учащимся получить знания и раскрыть свои способности в этой
области Web-программирования и Web-дизайна.
К принципиально новому для учащихся материалу курса относится:
·
Вставка таблицы в Web-документ
·
Использование таблицы для разметки Web-страницы
·
Правила оформления дизайна сайта
·
Проектирование сайта
·
Размещение сайта в Интернете
Обучение
в курсе основано на проектно-модульной методике. Метод проектов развивает
способности к систематизации и структурированию информации. Также данный метод
позволяет развивать способность самостоятельно получать знания. Такой подход к
обучению актуален в современном мире, где информационный поток стремительно
увеличивается.
Для
реализации методики проектно-модульного обучения курс разбивается на отдельные
учебные модули. Каждый модуль охватывает изучение отдельной информационной
технологии или ее части. Изучение каждого модуля начинается с постановки задачи
– характеристики проекта, который предстоит создать ученикам. С этой целью
учитель проводит лекции, мультимедийные презентации, Web-экскурсии.
Далее проводится первичное закрепление знаний в форме лабораторной работы на
компьютере. При выполнении лабораторной работы ученик опирается на указания
к ее выполнению, разработанные учителем.
В
ходе обучения учащимся предлагаются короткие (5-7 мин) тестовые работы,
направленные на проверку полученных знаний.
Изучение
учебного модуля завершается созданием и защитой проектов, разработанных
учениками индивидуально или в группах (2-3 человека).
Проектно-модульная
методика обучения обладает рядом преимуществ:
·
позволяет учитывать индивидуальные особенности
и систему интересов учащихся через реализацию предполагаемых проектов
·
формирует учебные навыки (поиск
информации, анализ, практическое применение информационных технологий)
·
воспитывает у учащихся самостоятельность
выбора, учит целеполаганию, самоорганизации, самоконтролю и самооценке
Итоговый контроль реализуется в форме защиты творческих проектов,
отражающих полученные знания за весь курс обучения. Итоговый творческий проект
должен быть представлен в форме Web-сайта.
В
начале курса каждому учащемуся предлагается самостоятельно в течение всего
времени изучения курса собрать материал для разработки проекта в форме Web-сайта
по интересующей его теме.
В конце курса отводятся занятия для реализации проекта на компьютере и его
защиты. Для оценки ученических проектов используется балльная система. Качество
ученических проектов оценивается по следующим параметрам:
·
практическая польза сайта
·
удобство просмотра сайта
·
творческие элементы при оформлении дизайна
сайта
·
емкость и лаконичность сайта
·
качество доклада
Для
изучения данного курса необходимы персональные компьютеры с установленным
текстовым редактором Блокнот и браузером Microsoft Internet Explorer.
Для отдельных занятий необходим доступ в Интернет. Для демонстрации проектов
и для объяснения материала желательно использовать мультимедийный проектор.
Курс сопровождается методическими пособиями как для учителя
(методические
разработки занятий), так и для учащихся (конспекты по темам).
Содержание
курса
Глава
I.
Создание Web-страницы.
В
этой главе вы узнаете, что такое Web-страница.
Вы научитесь размещать на Web-странице
текстовую информацию. Также вы узнаете, как разработать гипертекстовый
документ, состоящий из нескольких файлов. Создадите свою первую Web-страницу.
Основные
понятия: гипертекст, HTML,
тег, браузер, Web-страница, заголовок
документа, тело документа, теги форматирования шрифта, теги форматирования
абзаца, гипертекстовые ссылки, абсолютные адреса, относительные адреса.
Содержание
главы:
Что такое Web-страница
и Web-сайт
Для чего нужен
браузер и HTML
Теги HTML
Структура Web-страницы
Заголовок
документа
Тело документа
Лабораторная
работа «Создаем первую Web-страницу»
Текстовые блоки:
заголовки, абзацы, перевод строки,
Разделительная
линия
Лабораторная
работа «Форматирование текстовых блоков на Web-странице».
Цвет текста
Размер шрифта
Лабораторная
работа «Работа со шрифтами на Web-странице».
Гипертекстовые
ссылки
Разработка
сценария гипертекстового документа, состоящего из нескольких файлов
Лабораторная
работа «Гиперссылки на Web-страницах».
Творческий проект.
Глава
II.
Изображения и таблицы на Web-странице.
В
этой главе вы узнаете, как вставлять изображения и таблицы на Web-страницы.
Научитесь управлять их видимыми размерами и расположением на странице.
Также вы узнаете, как использовать таблицы для оформления Web-страницы.
Дополните свою Web-страницу
изображением и таблицей.
Основные
понятия: формат графического файла, вставка
изображения в Web-документ, выравнивание
изображения, размер изображения, таблица, столбец таблицы, ячейка таблицы, форматирование
таблицы
Содержание
главы:
Рисунки и
фотографии в Интернете
Параметры
изображения
Теги ширины и
высоты изображения
Теги расположения
изображения
Лабораторная
работа «Вставляем изображение на Web-страницу».
Создание таблицы.
Форматирование
таблицы.
Таблица как
инструмент Web-дизайна.
Лабораторная
работа «Используем таблицы на Web-странице».
Лабораторная
работа «Табличная разметка Web-страницы».
Творческая работа.
Глава III.
Планирование и размещение Web-сайта
в Интернете
В этой главе вы
узнаете о правилах конструирования Web-сайта
и размещении его в Интернете. Вы узнаете, как правильно оформить свой сайт,
чтобы он удовлетворял общепринятым критериям.
Основные
понятия: структура сайта, веб-хостинг,
регистрация, загрузка файла, управление файлами, тестирование сайта.
Содержание
главы:
Разработка
структуры сайта
Сборка файлов Web-сайта
Удобство навигации
Особенности Web-дизайна
Корректность
ссылок
Графика
Скорость загрузки
Бесплатный хостинг
Платный хостинг
Лабораторная
работа «Оценка дизайна Web-сайта».
Выбор Web-сервера
для размещения сайта
Размещение Web-сайта
в Интернете
Лабораторная
работа « Размещаем Web-страницу в
Интернете»
Глава IV.
Творческий проект.
В
конце обучения вы должны будете выполнить итоговый проект. Вы уже имеете опыт
создания сайтов. Теперь все ваши знания и умения и предыдущие разработки
необходимо применить для создания комплексного проекта – Web-страницы
на выбранную тему. Web-страница разрабатывается
в группе или индивидуально. В любом случае от вас потребуется спроектировать и
изготовить свой Web-документ.
Выполненную работу вам необходимо будет защитить перед одноклассниками и
учителем.
Основные
понятия: тема и структура Web-страницы,
проектирование, изготовление, тестирование Web-страницы.
Содержание
главы:
Выбор темы
творческого проекта
Поиск и сбор
информации по выбранной теме
Распределение
работы между разными учениками
(содержательная и
техническая части)
Защита выполненных
проектов.
Самооценка и
оценка.
Учебно-тематический
план курса.
№
|
Тема
|
Компьютерный
практикум.
|
Создание
Web-страницы (10 ч)
|
1
|
Принципы
создания Web-страниц и Web-сайтов
|
Лабораторная
работа «Знакомство с ключевыми тегами языка HTML»
|
2
|
Форматирование
текстовых блоков на Web-странице.
|
Лабораторная
работа «Форматирование текстовых блоков на Web-странице».
|
3
|
Работа
со шрифтами
|
Лабораторная
работа «Работа со шрифтами на Web-странице».
|
4
|
Гипертекстовые
ссылки
|
Лабораторная
работа «Гиперссылки на Web-страницах».
|
5
|
Контрольный
творческий проект
|
Практическая
работа.
|
Изображения
и таблицы на Web-странице
(8 ч)
|
6
|
Вставка
изображения на Web-страницу.
Управление размерами и положением изображения на Web-странице.
|
Лабораторная
работа «Вставка изображения на Web-страницу».
|
7
|
Создание
таблицы на Web-странице.
|
Лабораторная
работа «Используем таблицы на Web-странице».
|
8
|
Таблица
как инструмент Web-дизайна.
Цвет и фон таблицы.
|
Лабораторная
работа «Табличная разметка Web-страницы».
|
9
|
Контрольный
творческий проект «Изображения и таблицы на Web-странице»
|
Практическая
работа «Изображения и таблицы на Web-странице».
|
Планирование
и размещение Web-сайта
в Интернете (6 ч)
|
10
|
Основные
этапы создания Web-сайта
|
|
11
|
Особенности
Web-дизайна.
|
Лабораторная
работа
«Оценка
дизайна Web-сайта».
|
12
|
Размещение
сайта в Интернете. Веб-хостинг.
|
Лабораторная
работа
«Размещаем
Web-сайт
в Интернете»
|
Творческий
проект (10 ч)
|
13
|
Формулировка
темы. Поиск и сбор информации по выбранной теме. Использования для поиска
информации поисковых служб Интернет.
|
Практическая
работа «Используем поисковые службы Интернет для поиска информации».
|
14
|
Работа
над проектом
|
Практическая
работа «Создание итогового творческого проекта».
|
15
|
Работа
над проектом
|
Практическая
работа «Создание итогового творческого проекта».
|
16
|
Работа
над проектом.
|
Практическая
работа «Размещение Web-сайта
в Интернете».
|
17
|
Защита
проекта
|
|
Список
литературы для учителя.
1.
Хуторский А.В., Орешко А.П. Технология создания сайтов. Профильная школа №3,
2005
2.
Гаевский А.Ю., Романовский В.А. – М.: Технолоджи – 3000, 2005
100%
самоучитель по созданию Web-страниц и Web-сайтов.
3.
Дунаев В.В. Основы Web-дизайна. Самоучитель.-
СПб.: БХВ – Петербург, 2006.
4.
Юркова Т.А., Ушаков Д.М. Путеводитель по компьютеру для школьника. –
СПБ.:Издательский дом Нева,2004.- 480с.
5.
Молодцов В.А., Рыжикова Н.Б. Современные открытые уроки информатики. 8-11-е
классы. Изд. 2-е, дополненное и переработанное.- Ростов н/Д: изд-во «Феникс»,
2003.
6.
Шелепаева А.Х. Поурочные разработки по информатике: 8-9 классы.- 2-е изд.,
перераб. и доп. – М.:ВАКО, 2006.
7.
Шелепаева А.Х. Поурочные разработки по информатике: базовый уровень 10-11
классы. – М.:ВАКО, 2006.
Календарно-тематическое
планирование
|
№
|
Тема
|
Компьютерный
практикум.
|
Дата
|
Создание
Web-страницы
(10 ч)
|
1
|
Принципы создания Web-страниц
и Web-сайтов
|
Лабораторная
работа «Знакомство с ключевыми тегами языка HTML»
|
05/09
|
2-3
|
Форматирование текстовых блоков на Web-странице.
|
Лабораторная
работа «Форматирование текстовых блоков на Web-странице».
|
12,19/09
|
4-5
|
Работа со шрифтами
|
Лабораторная
работа «Работа со шрифтами на Web-странице».
|
26/09,
03/10
|
6-7
|
Гипертекстовые ссылки
|
Лабораторная
работа «Гиперссылки на Web-страницах».
|
10,17/10
|
8-10
|
Контрольный творческий проект
|
Практическая
работа.
|
24,31/10,
14/11
|
Изображения
и таблицы на Web-странице
(8 ч)
|
11-12
|
Вставка изображения на Web-страницу.
Управление размерами и положением изображения на Web-странице.
|
Лабораторная
работа «Вставка изображения на Web-страницу».
|
21,28/11
|
13-14
|
Создание таблицы на Web-странице.
|
Лабораторная
работа «Используем таблицы на Web-странице».
|
5,12/12
|
15-16
|
Таблица как инструмент Web-дизайна.
Цвет и фон таблицы.
|
Лабораторная
работа «Табличная разметка Web-страницы».
|
19,26/12
|
17-18
|
Контрольный творческий проект
«Изображения и таблицы на Web-странице»
|
Практическая
работа «Изображения и таблицы на Web-странице».
|
09,16/01
|
Планирование
и размещение Web-сайта
в Интернете (6 ч)
|
19
|
Основные этапы создания Web-сайта
|
|
23/01
|
20-21
|
Особенности Web-дизайна.
|
Лабораторная
работа
«Оценка
дизайна Web-сайта».
|
30/01,
06/02
|
22-24
|
Размещение сайта в Интернете.
Веб-хостинг.
|
Лабораторная
работа
«Размещаем
Web-сайт
в Интернете»
|
13,20,27
/02
|
Творческий
проект(10ч)
|
25-26
|
Формулировка темы. Поиск и сбор
информации по выбранной теме. Использования для поиска информации поисковых
служб Интернет.
|
Практическая
работа «Используем поисковые службы Интернет для поиска информации».
|
05,12/03
|
27-28
|
Работа над проектом
|
Практическая
работа «Создание итогового творческого проекта».
|
19/03,
02/04
|
29-30
|
Работа над проектом
|
Практическая
работа «Создание итогового творческого проекта».
|
09,16/04
|
31-32
|
Работа над проектом.
|
Практическая
работа «Размещение Web-сайта
в Интернете».
|
23,30/04
|
33-34
|
Защита проекта
|
|
14,21/05
|
Оставьте свой комментарий
Авторизуйтесь, чтобы задавать вопросы.