Технологии создания web

Министерство образования и науки Российской Федерации
Департамент образования администрации
города Иркутска
МОУ гимназия № 25
Технологии создания web-сайтов
ПРОГРАММА ЭЛЕКТИВНОГО КУРСА
ПО ИНФОРМАТИКЕ
ДЛЯ 8-9 КЛАССОВ
Составитель: доцент кафедры
математической информатики ИГПУ,
к.ф.-м.н., доцент Перязева Ю.В.
г. Иркутск
2005г.
Технология создания web-сайтов
(Элективный курс по информатике для 8 – 9 классов)
Курс рассчитан на 34 часа
Умение представлять информацию в виде, удобном для восприятия и
использования людьми – одно из условий образовательной компетентности
ученика информационно технологического профиля. Веб-сайт – наиболее
популярное и доступное старшеклассникам средство представления текстовой,
графической и иной информации в Интернет.
Элективный курс “технология создания web-сайтов” является предметом
по выбору для учащихся 8 или 9 классов старшей школы. Курс рассчитан на 16
часов.
Курс включает в себя практическое освоение техники создания вебстраниц, тематических сайтов, информационно-справочных и иных сайтов. Его
задачей является
также подготовка школьников к осознанному выбору
профиля обучения.
Основа курса – личностная, практическая и продуктивная направленность
занятий. Одной из целей обучения информатике – предоставить ученикам
возможность личностного самоопределения и самореализации по отношению к
стремительно развивающимся информационным технологиям и ресурсам. Для
достижения данной цели необходимо, чтобы при изучении общих для всех
сетевых технологий каждый учащийся мог создавать личностно значимую для
него образовательную продукцию. Такой продукцией в данном курсе является
веб-сайт.
I. Особенности курса
вопрос
1.На
каком
содержательном материале
и через какие формы
работы реализуются задачи
предпрофильной
подготовки
ответ
Курс включает в себя практическое освоение
технологий(xhtml, css) создания веб-страниц,
обучение школьников навыкам самостоятельно
и групповой работы по практическому
конструированию сайтов.
Каждый учащийся создает сначала простейшие
веб-страницы, затем отдельные элементы и
2. Чем содержание курса
качественно отличается от
базового курса
3. Каким образом будет
выстроена логика подачи
материала в программе?
целостные веб-сайты. Освоение знаний и
способов веб-конструирования осуществляется
в ходе разработки учениками сайтов на темы,
которые они определяют
самостоятельно.
Осознание
и
присвоение
учащимися
достигаемых результатов происходят
с
помощью
рефлексивных заданий. Такой
подход гарантирует повышенную мотивацию и
результативность обучения.
Индивидуальное освоение ключевых способов
деятельности
происходит
на
основе
предложенной
системы
примеров
и
упражнений.
Большинство
заданий
выполняется с помощью персонального
компьютера и необходимых программных
средств. На определенном этапе учащиеся
объединяются в группы, т.е. используется
проектный метод обучения. Выполнение
проектов завершается публичной защитой
результатов.
Более глубокое изучение языков разметки
гипертекста html и xhtml, изучение технологии
css, знакомство с основами web-дизайна.
Единицей учебного процесса является блок
уроков. Каждый такой блок охватывает
изучение
отдельной
информационной
технологии или ее части.
Каждая тема курса начинается с постановки
задачи – характеристики образовательного
продукта, который предстоит создать ученикам.
С этой целью учитель проводит веб-экскурсию,
мультимедийную
презентацию,
комментированный
обзор
сайтов
или
демонстрацию сладов.
Далее проводится тренинг по отработке умений
выполнять
технические
задачи,
4. Каким образом будет
сгруппирован материал в
программе по разделам и
темам
5.Сколько
времени
потребуется для изучения
материала
с
учетом
контроля и повторения
6.Какими учебными и
вспомогательными
материалами
обеспечен
данный курс
7.Какие виды деятельности
возможны в работе с
данным содержанием
соответствующие
минимальному
уровню
планируемых результатов обучения. Тренинг
переходит в комплексную творческую работу
по созданию
учениками определенного
образовательного продукта.
Индивидуальная
учебная
деятельность
сочетается с проектными формами работы по
созданию
сайта.
Выполнение
проекта
завершается их защитой.
Первый модуль курса будет посвящен
изучению языка разметки xhtml, второй
технологии css, в третьей части курса
школьники будут учиться создавать и
размещать web-сайт в Интернете.
14 часов - работа в классе.
2 часа - самостоятельная работа
Справочным руководством к практикуму,
электронными
учебными
материалами,
компьютерной системой тестирования
Работа с печатными и электронными
источниками, в частности, поиск необходимой
информации
в
Интернет,
выполнение
лабораторного
практикума,
разработка
концепции, определение целей и задач
разрабатываемого сайта, разработка дизайна и
верстка web-сайта.
8. Какие виды работ могут Практикум, рефлексия, защита результатов
выполняться
учащимися проекта, итоговые тесты.
для подтверждения своей
успешности в профильном
обучении
9.Какова
доля Ученик может проявлять инициативу при
самостоятельной работы выборе темы и дизайна разрабатываемого сайта.
ученика в работе по
данному курсу, в чем он
может
проявить
инициативу
10.
Какие
критерии
помогут
учителю
и
ученику
оценить
успешность прохождения
данного курса
11. Каким образом будет
фиксироваться динамика
интереса к данному курсу,
к будущему профилю
12.Какова
форма
отчетности
Отчет о проделанной работе оценивается по
следующим
критериям:
выполнение
упражнений, тестов, разработка и защита
проекта.
По результатам рефлексии учеников.
Защита проекта.
II. Цели курса
1.
Познакомить
со
способами
научно-технического
мышления
и
деятельности, направленными на самостоятельное творческое познание и
исследование информационной части сетевого пространства;
2.
Познакомить с видами веб-сайтов, их функциональными, структурными и
технологическими особенностями;
3.
Научить учащихся ориентироваться и продуктивно действовать в
информационном Интернет-пространстве, используя для достижения своих
целей создаваемые веб-ресурсы;
4.
Сформировать элементы информационной и телекоммуникационной
компетенций по отношению к знаниям, умениям и опыту конструирования
веб-сайтов.
5.
Научить учащихся представлять информацию в Интернет, для этого дать
первичные навыки программирования на языках html, xhtml, css, познакомить
с основами веб-дизайна;
6.
Реализовать
коммуникативные,
технические
и
эвристические
способности учащихся в ходе проектирования и конструирования сайтов, для
этого создать и разместить в Интернет собственный веб-сайт по выбранной
тематике.
7.
Помочь учащимся определиться в выборе профиля образования.
III. Структура курса
Модуль 1. Основы HTML, XHTML (8 ч)
Блок 1
Языки разметки HTML, XHTML. Элементы, атрибуты, теги. Редакторы
кода, программы проверки кода, оптимизаторы. Структура html-документа.
Разделы языка: текст, ссылки, объекты.
Блок 2
Таблицы. Табличная верстка.
Блок 3
Графические изображения для web. Карты изображений.
Блок 4
Фреймы. Информация о документе.
Модуль 2. Основы CSS (6 ч)
Блок 1
Каскадные таблицы стилей, синтаксис и структура, способы включения,
селекторы, псевдоэлементы, псевдоклассы.
Блок 2
Свойства фона, свойства границ, форматирование текста, списки.
Блок 3
Блочная модель. Позиционирование. Блочная верстка.
Модуль 3. Проект (2 ч)
Все полученные знания и умения и предыдущие разработки необходимо
применить для создания комплексного проекта – веб-сайта на выбранную тему.
Сайт разрабатывается в группе или индивидуально.
Ученику потребуется
спроектировать, изготовить и разместить сайт в сети. Выполненный проект
необходимо защитить перед одноклассниками и учителем.
IV. Содержание курса и учебная деятельность
Ссылка
часы
на цели
№№ 1, 2, 2 ч
4, 5, 7
Темы занятий
№№ 1, 2, 4 ч
4, 5, 7
Таблицы.
верстка.
№№ 1, 2, 4 ч
4, 5, 7
Графические
Знакомство
с
новым
изображения для web. материалом.
Выполнение
Карты изображений.
упражнений
на
основе
предложенных
примеров.
Контрольная работа
на
проверку освоения изученных
способов действий.
Фреймы. Информация о Знакомство
с
новым
документе.
материалом.
Выполнение
№№ 1, 2, 2 ч.
4, 5, 7
Деятельность учащихся
Языки разметки HTML,
XHTML.
Элементы,
атрибуты,
теги.
Редакторы
кода,
программы
проверки
кода,
оптимизаторы.
Структура
htmlдокумента.
Разделы
языка: текст, ссылки,
объекты.
Знакомство
с
новым
материалом.
Выполнение
упражнений
на
основе
предложенных
примеров.
Большинство заданий курса
выполняется
с
помощью
персонального компьютера и
необходимых программных
средств. Доступ в Интернет
желателен, но не обязателен.
Многие
работы
ученики
могут
осуществлять
без
подключения к сети.
Табличная Знакомство
с
новым
материалом.
Выполнение
упражнений
на
основе
предложенных
примеров.
Контрольные работы
на
проверку освоения изученных
способов действий.
№№ 1, 2, 2 ч.
4, 5, 7
Каскадные
таблицы
стилей, синтаксис и
структура,
способы
включения, селекторы,
псевдоэлементы,
псевдоклассы.
№№ 1, 2, 6 ч.
4, 5, 7
Свойства фона, свойства
границ, форматирование
текста, списки.
№№ 1, 2, 4 ч.
4, 5, 7
Блочная
модель.
Позиционирование.
Блочная верстка.
№№ 1, 2, 8 ч.
3, 4, 5, 6,
7
Выполнение проекта.
упражнений
на
основе
предложенных
примеров.
Тест.
Знакомство
с
новым
материалом.
Выполнение
упражнений
на
основе
предложенных
примеров.
Контрольная работа
на
проверку освоения изученных
способов действий.
Знакомство
с
новым
материалом.
Выполнение
упражнений
на
основе
предложенных
примеров.
Контрольная работа
на
проверку освоения изученных
способов действий.
Знакомство
с
новым
материалом.
Выполнение
упражнений
на
основе
предложенных
примеров.
Тест.
Объединение учащихся в
группы
для
выполнения
проекта, разработка проекта.
Выступление
учащихся,
защита проектов.
V. Ожидаемые результаты
В рамках данного курса учащиеся овладевают следующими знаниями,
умениями и способами деятельности:
 Имеют представление об организации web-пространства, о видах вебсайтов,
их
функциональных,
структурных
особенностях;
 Знают языки разметки html, xhtml, технологию css
и
технологических
 Умеют представлять информацию в Интернет с помощью языков html,
xhtml, css на уровне создания не менее 3-5 соответствующих элементов
сайта;
 Знают и умеют как применять при создании веб-страницы основные
принципы веб-дизайна;
 Имеют опыт проектирования, создания, размещения и обновления
небольшого веб-сайта;
Литература
1.
2.
3.
4.
5.
6.
7.
Основы Web-технологий/ П.Б.Храмцов, С.А. Брик, А.М. Русак, А.И.
Сурин/ Под редакцией П.Б.Храмцова. – М.: ИНТУИТ.РУ «ИнтернетУниверситет Информационных Технологий», 2003.
Дидре
Хейз Освой самостоятельно HTML и XHTML. – М.:
Издательский дом “Вильямс”, 2002.
М.Дубаков Создание Web-страниц: искусство верстки – Мн.: Новое
знание, 2004.
М.Дубаков Веб-мастеринг средствами CSS. – СПб.:БХВ-Петербург,
2002.
Аллен Вайк, Джейсон Джиллиам JavaScript. Полное руководство.Издательский дом «Вильямс», 2004.
Усенков Д.Ю. Уроки Web-мастера. Учебное пособие.- БИНОМ, 2001.
А.С. Зинченко, Ю.В. Перязева Справочное руководство к практикуму
по дисциплине «Компьютерные сети, Интернет и мультимедиа
технологии»- Иркутск: Иркутский государственный педагогический
университет, 2005.