Министерство образования и науки Российской Федерации Департамент образования администрации города Иркутска МОУ гимназия № 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.