Элективный курс по информатике «html- программирование» 9 класс 2009-2010 учебный год Модульная программа «Основы сайтостроения»

Министерство образования Республики Саха (Якутия )

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

«Гимназия № 1 г. Нерюнгри»

Проверено: Руководитель МО Писаренко В.И. «_____» __________________2009 г.

Согласовано: Зам. директора Кириллова Н.А. «_____» ___________________2009 г.

Утверждаю: Директор Блинков С.И. «_____» ___________2009 г.

Календарно – тематическое планирование

Элективный курс по информатике «HTML- программирование»

9 класс

2009-2010 учебный год
1. Модульная программа «Основы сайтостроения»-5часов

2. Модульная программа «Основы web-дизайна»-11 часов


Учитель Султанова С.В.
Пояснительная записка

Для проведение элективного курса за основу взяли дистанционный курс «HTML программирование» (автор А. А. Дуванов руководитель дистанционных Работланских курсов г. Переславль - Залеский) и 5-летний опыт проведения Центром дистанцион­ного образования "Эйдос" (www.eidos.ru) курсов, проектов и олимпиад по веб-дизайну и сайтостроительству (А. В. Хуторской и А. П. Орешко).
Одна из задач профильной школы - содействовать воспитанию нового поколения, отвечающего по своему уровню развития и образу жизни условиям информационного общества. Для этого учащимся технологического профиля предлагается осваивать способы работы с информационными потоками - искать необходимую информацию, анализировать ее, выявлять в ней факты и проблемы, самостоятельно ставить задачи, структурировать и преобразовывать информацию в текстовую и мультимедийную форму, использовать ее для решения учебных и жизненных задач.

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

Элективный курс «HTML программирование» является предметом по выбору уча­щихся старшей профильной школы. Курс рассчитан на 16 часов, которые проводятся в одном из полугодий учебного года по 1 часу в неделю. В обучении используется метод проекта или технология "погружения". Концентрированное изучение курса позволяет учащим­ся более полно выявить свои способности в изучаемой области знаний, создать пред­посылки по применению освоенных способов веб-строительства в других учебных курсах, подготовить себя к осознанному выбору Интернет-профессий, предусматри­вающих веб-мастеринг.

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

Цели курса:

• 
  научить учащихся ориентироваться и продуктивно действовать в информационном Интернет-пространстве, используя для достижения своих целей создаваемые
  веб-ресурсы;
  
• 
  сформировать у них целостное представление об информационной картине мира
  средствами "Всемирной паутины". Научить способам представления информации
  в сети Интернета;
  
• 
  познакомить со способами научно-технического мышления и деятельности, на­правленными на самостоятельное творческое познанием исследование информа­ционной части сетевого пространства;
  
• 
  реализовать коммуникативные, технические и эвристические способности учащихся в ходе проектирования и конструирования сайтов;
  

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

Задачи курса:

• 
  познакомить с видами веб-сайтов, их функциональными, структурными и технологическими особенностями;
  
• 
  освоить HTML язык программирования;
  
• 
  сформировать навыки элементарного проектирования, конструирования, размещения и сопровождения веб-сайта;
  
• 
  изучить основы конструирования;
  
• 
  изучить основы дизайна и юзабилити;
  
• 
  научить основам работы с графическими программами Adobe Photoshop, Macro­
  media Flash;
  
• 
  сформировать навыки работы в коллективе с комплексными веб-проектами;
  
• 
  подготовка учащихся к осознанному выбору Интернет профессий, предусматри­вающих веб-мастеринг.
  
• 
  создать и разместить в сети Интернета собственный веб-сайт по выбранной тема­
  тике.
  

Методы обучения

Основная методическая установка курса - обучение школьников навыкам само­стоятельной индивидуальной и групповой работы по практическому конструированию сайтов.

Индивидуальное освоение ключевых способов деятельности происходит на основе системы заданий и алгоритмических предписаний, изложенных в учебном пособии для школьников. Большинство заданий выполняется с помощью персонального компьюте­ра и необходимых программных средств.

Кроме индивидуальной, при меняется и групповая работа. В задачи учителя входит создание условий для реализации ведущей подростковой деятельности - авторского действия, выраженного в проектных формах работы. На определенных этапах обуче­ния учащиеся объединяются в группы, Т.е. используется проектный метод обучения. Выполнение проектов завершается публичной защитой результатов и рефлексией.

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

• 
  социально-практическая значимость компетенции (для чего необходимо уметь
  создавать, размещать и поддерживать сайты);
  
• 
  личностная значимость компетенции (зачем ученику необходимо быть компе­тентным в области сайтостроительства);
  
• 
  перечень реальных объектов действительности, относящихся к данным компетенциям (веб-страница, сайт, компьютер, компьютерная программа, Интернет и
  

др-);

• 
  знания, умения и навыки, относящиеся к данным объектам;
  
• 
  способы деятельности по отношению к данным объектам;
  
• 
  минимально необходимый опыт деятельности ученика в сфере данной компетен­
  ции;
  
• 
  индикаторы - учебные и контрольно-оценочные задания по определению уровня
  компетентности ученика.
  

Анализируя содержание всего элективного курса, выделяем 2 научные идеи (стержневые линии), вокруг которых формируем 2 модульные программы. Согласно предложенной схеме все модульные программы элективного курса имеют логическую завершенность и находятся во взаимосвязи. Курс представлен и утвержден на НМС гимназии в 2009 году (ЭС № 1 от 09.10.09).

Основная научная идея (стержневая линия)	Название модульной программы	Количество часов	Семестр
Освоение основных операторов языка гипертекстовой разметки HTML, приемов и методов создание простейших web- страниц. Изучение основных приемов сайтостроения, структура сайта,.	«Основы сайтостроения»	5	I
Приемы проектирования внешнего вида сайта, публикация и размещение на web- сервере, карты сайта, верстка , защита сайта.	«Основы web-дизайна»	11	II -III

Способы оценивания уровня достижения учащихся

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

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

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

I. Модульная программа «Основы сайтостроения». 5 часов.

Модульная программа направлена на создание условий для освоения учащимися основных операторов языка гипертекстовой разметки HTML, приемов и методов создание простейших web- страниц Программа предполагает, что учащиеся не имеют первоначальных навыков сайтостроения.

1. 
   Комплексная дидактическая цель
   

Образовательный аспект

1. 
   Сформировать целостное представление об информационной картине мира средствами "Всемирной паутины".
   
2. 
   Познакомиться с видами веб-сайтов, их функциональными, структурными и технологическими особенностями;
   
3. 
   Изучить основы конструирования;
   
4. 
   Освоить HTML язык программирования.
   

Воспитательный аспект

1. 
   Воспитать уверенность в правильном выборе профильной траектории.
   
2. 
   Подготовка учащихся к осознанному выбору Интернет профессий, предусматри­вающих веб-мастеринг.
   
3. 
   Создать условия для творческой самореализации.
   

Развивающий аспект

1. 
   Развивать познавательные интересы.
   
2. 
   Развивать алгоритмическое мышление,
   
3. 
   Развивать умения программировать на языках HTML, на уровне создания не менее 3-5 соот­ветствующих элементов сайта;
   
4. 
   Развивать умение найти, сохранить и систематизировать необходимую информацию.
   
5. 
   Формировать навыки индивидуальной и коллективной работы.
   

2. 
   Краткое содержание изучаемого материала
   

Интернет браузер,web-страница теги. Структура и внешний вид html- документа. Размещение текста. бегущая строка. Списки, колонки. Гипертекст. Сценарий гипертекстового документа Графика на web- страницах. Вывод графики средствами HTML.Конструктор документов. Как мы жили без таблиц Сложные таблицы. Гиперссылка. Карта сайта. Таблицы в HTML программировании, многоколонная верстка, построение кол­лажей.

2. 
   Ожидаемые результаты
   

После изучения модульной программы «Основы сайтостроения» учащиеся должны:

- знать: виды веб-сайтов, язык гипертекстовой разметки HTML

• 
  имеют положительный опыт коллективного сотрудничества при конструирова­нии веб-сайтов
  
• 
  уметь: владеют приемами организации и самоорганизации работы по изготовлению сай­та ;
  
• 
  уметь найти, сохранить и систематизировать необходимую информацию из сети с помощью имеющихся технологий и программного обеспечения; владеют брау­зерами IE, NN, Opera;
  
• 
  развивать: познавательный интерес к изучению предмета; алгоритмическое мышление; способность к принятию творческих решений; умение работать индивидуально и коллективно.
  
• 
  сформировать ключевые компетенции: способность произвести анализ и сформулировать собст­венную позицию по отношению к их структуре, содержанию, дизайну и функ­циональности; социально-практическая значимость компетенции (для чего необходимо уметь
  создавать, размещать и поддерживать сайты);
  

личностная значимость компетенции (зачем ученику необходимо быть компе­тентным в области сайтостроительства);

Примерные темы проектных работ

• 
  Виды сайтов.
  
• 
  Сайт по произвольной или учебной теме.
  

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

«Основы сайтостроения». 9 класс.

Семестр	Кол-во часов	Структура модуля (ТМ)	Интегрирующая дидактическая цель (ИДЦ)	№ занятия	Тема занятия, дата проведения	Форма занятия
I	5	Вводная часть	Теоретическая часть. дать представление о целях и содержании модульной программы, ее структуре и требованиях; дать представление о результатах обучения в данном модуле;		Знакомство с модульной программой. Обзор многообразия web- браузеров. Понятие гипертекст, браузеры, теги (1 неделя)	Установочная лекция.
					Структура, стиль и внешний вид web- документа (2 неделя)	Лекция с элементами практики
		Диалогическая часть	Информационный анализ проекта. осуществить отбор активных форм обучения, на основе деятельно – ценностных технологий; определить компоненты проектной деятельности и этапы ее реализации.		Сценарий гипертекстового документа (3 неделя)	Лекция с элементами практики
			Практическая реализация проекта формировать навыки проектной деятельности; определить продукты и формы проектов; формировать навыки индивидуальной и групповой работы.		Вывод текста и графики средствами HTML (4 неделя)	Практикум
		Итоговая часть	Защита проекта. оценка собственных интеллектуальных качеств и качества своей проектной деятельности.	5.	Конкурс проектов «Лучший web- сайт» (5 неделя)	Презентация проектных работ

II. Модульная программа «Основы web-дизайна»-11часов.

Модульная программа рассчитана на учащихся, обладающих основным набором знаний, умений, навыков сайтостроения и способных к творческому и осмысленному восприятию материала. Модуль изучается тогда, когда учащиеся имеют базовые знания по основам языка гипертекстовой разметки, знают структуру сайта и его наполняемость, что позволяет выполнять практические работы в произвольном порядке и вполне самостоятельно.. Учащиеся получают возможность самостоятельно моделировать готовые сайты и создавать новые. Верстать и публиковать сайт на web-сервере, оживлять и защищать сайт в локальной и глобальной сети.

1. 
   Комплексная дидактическая цель
   

Образовательный аспект

1. 
   Углубить знания и умения о сайтостроении, дизайне сайта, интерактивности и наполняемости, эффективности функционирования собственного web- ресурса .
   

Воспитательный аспект

1. 
   Воспитать информационную культуру.
   
2. 
   Целенаправленная профессиональная ориентация старшеклассников.
   

Развивающий аспект

1. 
   Развивать познавательные интересы, эстетический, дизайнерский вкус.
   
2. 
   Развивать мышление, формировать умение находить технические приемы правильного и безопасного размещения сайта в сети.
   
3. 
   Формировать навыки индивидуальной и коллективной работы при выполнении проекта.
   

2. 
   Краткое содержание изучаемого материала
   

Визуальные редакторы; Грамматика и дизайн; Единство стиля; Верстка страниц; сборка и публикация сайта на сервере; Оживляем сайт; Элементы интерактивного сайта; Элементы Эффективного сайта. Гостевая книга; Вопросник; Форма; почтовые ресурсы на сайте; Практические работы.

3. 
   Ожидаемые результаты
   

После изучения модульной программы «Основы web-дизайна» учащиеся должны:

• 
  знать владеют необходимыми способами проектирования, создания, размещения и об­новления веб-сайта;
  
• 
  знают виды веб-сайтов, способны произвести анализ и сформулировать собст­венную позицию по отношению к их структуре, содержанию, дизайну и функ­циональности;
  
• 
  владеют приемами организации и самоорганизации работы по изготовлению сай­та;
  
• 
  уметь: умеют найти, сохранить и систематизировать необходимую информацию из сети
  с помощью имеющихся технологий и программного обеспечения; владеют брау­зерами IE, NN, Opera;
  
• 
  умеют спроектировать, изготовить и разместить в сети веб-сайт объемом 5-10
  страниц на заданную тему;
  

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

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

• 
  сформировать ключевые компетенции: умение самостоятельно генерировать и реализовать идеи, алгоритм действий; умение самостоятельно найти недостающую информацию в информационном поле; умение устанавливать причинно-следственные связи;
  

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

«Основы web-дизайна». 9 класс.

Семестр	Кол-во часов	Структура модуля (ТМ)	Интегрирующая дидактическая цель (ИДЦ)	№ занятия	Тема занятия, дата проведения	Форма занятия
II-III	11	Вводная часть	Теоретическая часть. дать представление о целях и содержании модульной программы, ее структуре и требованиях; дать представление о результатах обучения в данном модуле;		Знакомство с модульной программой. Организация курса, основы HTML. (1 неделя)	Установочная лекция.
					Вслед за основами. Навигация при помощи карт. (2 неделя)	Лекция с элементами практики
		Диалогическая часть	Информационный анализ проекта. осуществить отбор активных форм обучения, на основе деятельно – ценностных технологий; изучить структуру интерактивного сайта определить компоненты проектной деятельности и этапы ее реализации.		Добавление стилей. Таблицы стилей. (3 неделя)	Лекция с элементами практики
			Практическая реализация проекта формировать навыки проектной деятельности; определить продукты и формы проектов; формировать навыки индивидуальной и групповой работы.	4.	Фреймы. Структура фрейм- сайта (4 неделя)	Практикум
				5.	Формы. Элементы управления формой. (5 неделя)	Практикум
				6	Разработка проекта (1 неделя)	Инд.кон
				7	Разработка проекта (2 неделя)	Инд.кон
				8	Разработка проекта (3 неделя)	Инд.кон
				9	Разработка проекта (4 неделя)	Инд.кон
		Итоговая часть	Защита проекта. оценка собственных интеллектуальных качеств и качества своей проектной деятельности.	10.	Конкурс проектов «Лучший web- программист» (5 неделя)	Презентация проектных работ
				11.	Конкурс проектов «Лучший web- дизайнер» (6 неделя)	Презентация проектных работ

Литература для учителя:

1. 
   М. Моррисон «HTML XML. Быстро и эффективно».- СПб.: Питер,2005.- 303с.
   
2. 
   Монахов М.Ю. Создаем школьный сайт в Интернете. Элективный курс: Учебное пособие.- М.: Бином.Лаборатория знаний, 2005.- 128 с.:ил
   
3. 
   ftp://ftp.botik.ru/rented/robot/univer/sidorov.zip
   

Литература для учащихся:

1. 
   А. А. Дуванов «WEB - конструирование. DHTML»., издательство БХВ-Петербург
   - 2003 год, Электронное пособие 2 части.
   
2. 
   М. Моррисон «HTML XML. Быстро и эффективно».- СПб.: Питер,2005.- 303с.
   
3. 
   Монахов М.Ю. Создаем школьный сайт в Интернете. Элективный курс: Учебное пособие.- М.: Бином.Лаборатория знаний, 2005.- 128 с.:ил
   

Методические рекомендации
Изучение данного курса предполагается при использовании электронного пособия А. А. Дуванов «WEB - конструирование. DHTML»., издательство БХВ-Петербург - 2003 год, Электронное пособие 2 части . Целесообразно большую часть занятий отводить самостоятельной работе учащихся с данным пособием, так как в нем содержатся не только теоретические вопросы изучения HTML-программирования, но также практикум и тест. Ознакомление с пособием одновременно сопровождается созданием и разработкой проекта, по выбранной учеником теме. Поэтому, уже на втором занятии ученики получают проектное задание по модулю с примерными темами, критерии его оценивания и примерный план защиты на картах-инструкциях

Получение проектного задания по модулю

Примерные темы проектных работ

• 
  Виды сайтов.
  
• 
  Сайт по произвольной или учебной теме.
  
• 
  Сайт «мое хобби»
  
• 
  Сайт «Мой любимый класс»
  
• 
  Сайт «Моя гимназия»
  

Критерии оценивания проекта

по курсу «HTML-программирование»

Критерии	Баллы (5- отлично, 4- хорошо, 3-не доработано)
Оригинальность темы
Информативность, должен раскрывать тему проекта
Дизайн и цветовая схема, соответствие эстетическим нормам, читаемость текста, размер, цвет,….
Грамматика и орфография…
Удобная навигация, ссылки, кнопки, их расположение, размер,…
Количество страниц (не менее 5)
Единый стиль- страницы одного сайта
Вставка звука, видео (обязательно хотя бы один из обьектов)
Наличие картинок
Артистизм и выразительность выступления, представление и демонстрация проекта
ИТОГО

План защиты проекта:

а) Название, цели создания сайта (для кого, для чего) , автор

б) Структура (мой сайт состоит из…) , план работы над ним

в) Наиболее интересные моменты содержания проекта и открытия, которые ты сделал для себя в ходе работы над проектом

г) Подведи итоги своей работы: чему научился, какие приобрел навыки, какие использовал источники информации (список). Содержит ли проект твои личные размышления и твое собственное оригинальное отношение к теме проекта. Оцени степень самостоятельности выполнения работы и влияние руководителя и консультантов на ход работы. Ты считаешь, что данная работа завершена полностью или ты видишь новые перспективные направления разработки данной темы
Фрагмент занятия по теме «Формат и стиль сайта»

Цели:

- продемонстрировать разницу между понятиями "формат" и "копия"

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

- усовершенствовать навыки анализа сайта

- развить творческие способности учеников

Оборудование и материалы :

доступ в Интернет или скриншоты сайтов, обсуждение которых предполагается, демонстрационное оборудование (мультимедийный проектор, экран), функционирующая локальная сеть, графические редакторы, текстовый редактор, библиотеки шрифтов, фонов и рисунков, А. А. Дуванов «WEB - конструирование. DHTML»., издательство БХВ-Петербург - 2003 год, Электронное пособие 1 часть

Подготовка к занятию:

1. 
   осуществить подключение к Интернету
   
2. 
   выложить в открытый доступ демонстрационные материалы
   
3. 
   разложить групповые задания
   
4. 
   подготовить шаблоны сайтов для анализа из электронного пособия
   

Ход занятия:

1. Орг. момент (3 - 5 минуты)

Предложите концепции сайтов, где на первое место выйдет оформление или содержание??.

Действительно, в Сети выложено большое число ярких сайтов разных направлений. Однако часто случается, что мы замечаем на разных сайтах сходные черты. Попробуем проанализировать причину этого сходства.

2. Проблемное групповое задание (7 - 10 мин.)

Для этого необходимо разбиться на группы (по 2 - 3 человека) и один ученик (по желанию) выступает в роли независимого эксперта (файл заданий)

Группа разбивается на 3 – 4 группы (по 2 – 3 компьютера на группу), каждая группа анализирует сайты одного из направлений и находит общие черты в оформлении.

1 группа - поисковые системы, 2 группа - новостные сайты, 3 группа - интернет-магазины.

Индивидуальное задание – изучить шаблоны сайта.

3. Анализ результатов задания. Понятие “формат”. (5 минут)

Далее, пользуясь демонстрируемой на большом экране презентацией, представители каждой из групп знакомят всех с результатами своего исследования. После выступления всех групп ребенок, изучавший статью, подводит итог исследования и объясняет понятие "формат". Итак, мы увидели, что среди сайтов определенного направления можно увидеть много общего и это объясняется тем, что к оформлению, структуре сайта применимо понятие “формат”.

Запишите в тетради тему, определение формата (см. электронное пособие ).

Ученики: выполняют исследовательскую деятельность в ходе групповой работы
Учитель: осуществляет общее руководство и консультирует.
Результат: реализация проблемного метода объяснения нового материала,
знакомство с новым понятием, развитие аналитических способностей,
умения делать выводы, навыков групповой самостоятельной работы.

4. Разделение понятий "формат" и "копия" (5 мин.)

Одно дело – сходные элементы оформления, совсем другое – прямое заимствование, копирование дизайна. Стоит разделять понятия формат и копия.

5. 
   На сайте студии Артемия Лебедева вы найдете музей клонов, в котором демонстрируются сайты, являющиеся результатом плагиата. (см электронное пособие)
   

Учитель: демонстрирует материалы и комментирует
Ученики: аудиальное и визуальное восприятие.
Результат: расширение понятия.

5. Обсуждение понятия "стиль сайта" (8 - 10 мин)

Почему показанные ранее сайты были клонированы?

Чем они обладали?

В чем это выражалось?

Как правило, кто-то из учеников произносит слова “стиль”, “стильный”.

Познакомимся с еще одним сайтов студии Лебедева – сайтом www.akunin.ru

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

(Предполагаемые ответы учеников: логотип, шрифты, иллюстрации, стиль языка…)

Специалисты выделяют следующие элементы стиля сайта: (см. презентацию)

Запишите в тетрадь определение стиля и составляющие его компоненты.

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

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

6. Творческое групповое задание (10 мин.)

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

Задание: оформить (графическими средствами) титульную страницу потенциального сайта организации "***", если это: (у каждой группы свое оригинальной направление). (см. Приложение6)

Ход выполнения задания:

2 – 3 минуты необходимы участникам, чтобы обговорить общие вопросы. Далее 1 из участников создает любыми возможными средствами заголовки разного уровня (желательно, имеющие смысл), 2 участник создает панель навигации, 3 участник разрабатывает логотип (можно взять из библиотеки рисунков), 4 участник осуществляет конструирование сетки сайта и группировку созданных объектов на своем компьютере.

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

7. Подведение итогов (3 - 5 мин.)

Удалось ли группе (1, 2, 3…) выдержать страницу в едином стиле? Что говорит о выдержке единого стиля страницы? Почему, несмотря на общее название фирмы, сайты групп так отличаются?