Факультативный курс по информатике Создание Web-страниц для 10 класса

КГУ «Урицкая средняя школа отдела образования акимата Сарыкольского района»

Факультативный курс по информатике

«Создание Web-страниц»

Составил учитель информатики II квалификационной категории Харабарь Ирина Владимировна

Сарыколь

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-сайт в службе

Курс позволяет учащимся получить знания и раскрыть свои способности в этой области 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.