Пояснительная записка

Элективный курс «Создание и дизайн Web-страниц» для профильной подготовки учащихся 10-х классов является расширением темы «Передача информации в компьютерных сетях». Курс рассчитан на 35 часов обучающей и проектной деятельности. Данный курс позволит учащимся изучить основные инструментальные средства для создания и дизайна Web-страниц.

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

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

Изучение этого курса будет способствовать адаптации учащихся в современном мире, проверке своих профессиональных устремлений, поможет утвердиться в сделанном выборе, овладеть способами делового взаимодействия. google_protectAndRun("ads_core. google_render_ad", google_handleError, google_render_ad);

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

НЕ нашли? Не то? Что вы ищете?

Место курса в образовательном процессе

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

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

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

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

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

Концепция курса

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

Место курса в предпрофильной подготовке

Курс является, во-первых, предметно-ориентированным:

•  расширяет базовый курс информатики;

•  развивает интерес к информатике;

•  углубляет знания учащихся в области web-дизайна и как следствие

интернет – технологий.

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

Цели курса:

• Научить учащихся ориентироваться и продуктивно действовать в
информационном Интернет-пространстве, используя для достижения сво­их целей создаваемые Web – страницы;

• Сформировать у них целостное представление об информационной картине мира средствами «Всемирной паутины»;

• Научить способам пред­ставления информации в сети Интернета;

• Познакомить со способами научно-технического мышления и де­ятельности, направленными на самостоятельное творческое познание;

• Реализовать коммуникативные, технические и эвристические способности учащихся в ходе проектирования и дизайна Web – страниц;

• Подготовить учащихся к осознанному выбору профессии.

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

· Дать общие представления и понятия среды Интернет и Web-страниц;

• Познакомить с видами Web -сайтов, их функциональными, структур­ными и технологическими особенностями;

• Сформировать навыки элементарного проектирования, конструи­рования, размещения и сопровождения Web - страниц;

• Научить основам работы с программой, познакомить с основами Web -дизайна;

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

• Сформировать навыки работы с комплексными Web-проектами;

• Создать и разместить в сети Интернета собственные Web-страницы по выбранной тематике.

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

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

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

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

Формы организации учебных занятий

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

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

УМК

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

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

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

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

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

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

Проверка достигаемых учениками образовательных результатов производится в следующих формах:

1)текущий рефлексивный самоанализ, контроль и самооценка учащимися выполняемых заданий;

2)взаимооценка учащимися работ друг друга или работ, выполненных в группах;

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

4)текущая диагностика и оценка учителем деятельности школьни­ков;

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

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

Предметом контроля и оценки являются внешние образовательные продукты учеников. Качество ученической продукции оценивается сле­дующими способами:

· по количеству творческих элементов на странице;

· по степени его оригинальности;

· по относительной новизне web-страницы для ученика или его однокласс­ников;

· по емкости и лаконичности созданной web-страницы, его интерактивности;

· по практической пользе web-страницы и удобству её использования.

Выполненные учащимися работы включаются в их «портфель дос­тижений».

Уровень развития у учащихся личностных качеств определяется на осно­ве сравнения результатов их диагностики в начале и конце курса.

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

Планируемые результаты курса

1.Предлагаемый учебный курс для профильной подготовки «Создание и дизайн Web-страниц» должен помочь учащимся углубить основные базовые знания информатики, ключевые понятия HTML, расширить знания о представлении информации. Учащиеся должны усвоить основы web-программирования, сформировать умения по созданию простейших html-документов. Данный курс должен помочь школьникам овладеть способами исследовательской деятельности, стать фактором формирования творческого мышления.

2. Проектирование, создание и дизайн Web-страниц по выбранной тематике – это собственный опыт, собственный продукт, который приближает к «реальной жизни».

3. Данный курс должен более широко раскрыть область применения знаний программиста, дизайнера.

Перечень знаний и умений, формируемых у учащихся

Основные требования к знаниям, умениям, навыкам

Обучающиеся должны:

Владеть:

Основами работы с текстовым процессором и текстовым редактором.

Основами языка гипертекстовой разметки HTML

Основами работы с браузерами Интернет

Знать:

Основные понятия и термины разделов браузеров Интернет

Основные средства редактирования Web-страниц

Основные теги языка гипертекстовой разметки НТМL

Правила пользования Интернет

Программы обработки текста и графики

Основные принципы Web – дизайна

Последовательность выполнения творческих проектов по выбранной тематике

Историю телекоммуникационных технологий

Уметь:

Самостоятельно по образцу формировать WEB- страницу

Работать в среде редактора КWrite, в среде процессора Write по редактированию и сохранению страниц в HTML формате

Работать в браузере сети

Устанавливать размер и цвет шрифта на Web-странице

Делать гиперссылки на Web-странице

Устанавливать фон страницы на Web-странице

Включать таблицы и списки на Web-странице

Вставлять графику на Web-странице

Делать бегущую строку на Web-странице

Создавать фоновое звуковое сопровождение на Web-странице

Создавать фотогалерею на Web-странице

Создавать страницы с фреймами на Web-странице

Учебно-тематический план элективного курса

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

№

п\п

Наименование тем

Всего часов

В том числе

Теория

Практика

Раздел 1. Коммуникации в глобальной сети Интернет

4

3

1

1.1

История коммуникационных технологий.

1

1

-

1.2

Современные возможности глобальной сети Интернет

1

1

1.3

Web – сайт и его структура

2

1

1

Раздел 2 Язык гипертекстовой разметки HTML

4

2

2

2.1

Язык программирования HTML, его назначение, теги

2

1

1

2.2

Создание простейших программ на языке программирования HTML

2

-

2

Раздел 3. Проектирование и дизайн Web - страниц

23

1

23

3.1

Структура Web-страниц. Проектирование по тематике

2

1

1

3.2

Сравнительный анализ способов создания Web-страниц ( Блокнот и WRITER)

2

-

2

3.3

Цвет, шрифт, выравнивание текста. Проектирование по тематике

2

2

3.4

Списки и фон страницы. Проектирование по тематике

2

-

2

3.5

Гиперссылки. Проектирование по тематике

2

-

2

3.6

Таблицы. Проектирование по тематике

2

-

2

3.7

Графика. Проектная деятельность по тематике

2

-

2

3.8

Мультимедиа. Проектирование по тематике

3

-

3

3.9.

Создание фотогалереи. Проектирование по тематике

2

-

2

З.10

Фреймы. Проектирование по тематике.

2

-

2

3.11

Формы. Проектирование по тематике

2

-

2

Раздел 4. Размещение Web–страниц на сайте школы

4

4

4.1

Защита проекта Web-страниц по выбранной тематике. Рефлексия

2

2

4.2

Размещение Web- страниц на сайте школы

2

2

Итого

35

6

29

Содержание программы

На данный курс отводится 35 часов по 1 часу в неделю в 10 профильном классе

Раздел 1. Коммуникации в глобальной сети Интернет

История коммуникационных сетей и глобальной сети Интернет. Современные возможности Интернет. Среда браузеров и сайтов Интернет, их разновидности и структуры. Необходимость владения технологиями создания сайтов и Web - страниц.

Раздел 2. Язык гипертекстовой разметки HTML

Язык HTML и его назначение, теги, составление простейших программ. Общая структура типичного документа HTML.

История возникновения и стандарты языка HTML. Синтаксис HTML-документов. Структура HTML-документов. Элементы оформления текста. Абзацы, заголовки, разделители, параграфы, выравнивание, цветовое и шрифтовой оформление. Создание списков в HTML-документе. Создание гиперссылок. Графическое оформление (фоновые изображения, линии, кнопки). Тег <IMG> и его параметры. Создание таблиц в HTML-документе. Параметры, определяющие оформление таблиц. Управление размещением содержимого документа на экране при помощи таблиц. Понятие кадра-фрейма. Разбиение экрана на части. Параметры, определяющие взаиморасположение фреймов на экране и их внешний вид. Гипертекстовые переходы внутри и между фреймами.

Раздел 3. Создание и дизайн Web – страниц

Структура Web – страниц и Web - сайта. Сравнительный практический анализ способов создания Web – страниц. Технологические особенности Web- дизайна. Профессия Web-дизайнера. Проектирование Web – страниц по выбранной тематике. Установка размера шрифта, цвета шрифта, выравнивание шрифта. Порядок разметки Web - страниц для основных списков. Установка фона Web-страницы. Реализация гиперссылок. Размещение таблиц на Web - страницах. Вставка графики, мультимедиа. Фоновое музыкальное сопровождение и бегущая строка. Создание фотогалереи. Фреймы и формы.

Учащиеся проектируют Web-страницы по выбранной тематике (2-3 страницы).

Примерная тематика Web-страниц.

Мир моих увлечений

Я и моя семья

Куда пойти учиться? (обзор учебных заведений )

История нашей школы

История информатики

История глобальной компьютерной сети

История ЭВМ

Природа нашего края

Человек и компьютер

Мои одноклассники

Мой любимый предмет

Мир, в котором я живу

Я выбираю здоровый образ жизни

Нет вредным привычкам

По желанию учащихся список тем может быть дополнен.

Раздел 4. Размещение Web – страниц на сайте школы.

Окончательная обработка созданных страниц и пересылка файлов на сайт школы. Защита проектов. Рефлексия.

Список литературы для учителя:

1. информатика и ИКТ. Профильный уровень: учебник для 10 класса/ 4-е изд..-М.:БИНОМ. Лаборатория знаний, 2012.-363.:ил.

2. HTML в примерах. С.-Пб.: Питер, 2003.;

3. HTML в примерах. Как создать свой Web-сайт: Самоучитель / . – М.: Изд-во «Вильямс», 2003. – 192 с.: ил.

4. Кузнецов разработки Web-сайта / , , . – СПБ.: БХВ-Петербург, 2005. – 960 с.: ил

5. Web-дизайн: учебное пособие по созданию публикаций для Интернет / . – 3-е изд., перераб. и доп. – М.: Альянс-пресс, 200с

6.Шапошников Web-мастера. XML. – СПб.: БХВ-Петербург, 2001. – 304 с.: ил.

Список литературы для учащихся

1. информатика и ИКТ. Профильный уровень: учебник для 10 класса/ 4-е изд..-М.:БИНОМ. Лаборатория знаний, 2012.-363.:ил.

2. Web-дизайн. Просто как дважды два / . – М.: Эксмо, 2008. – 320 с.;

3. Создание Web-страниц в MS Office 2000. – Спб.: Питер;

4. Web-дизайн/ Т. Пауэл// Санкт-Петербург, 2002.;

5. . Информационные технологии. 10-11 кл. - Москва, Лаборатория базовых знаний, 1999.

Лабораторные работы для профильного курса информатики на тему: «Язык разметки гипертекста HTML»

Перечень Интернет – ресурсов

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

1. А. Гончаров. HTML в примерах. "Питер", С-Пб, 1997.

2. Лэмонт Вуд. Web-графика. Справочник. С-Пб, Изд. "Питер", 1998.

3. С. Бейн, Д. Грей. Как сделать красиво в Интернете. Перевод с англ., "Символ-Плюс", С-Пб, 1998.

4. , . Современный самоучитель работы в сети Интернет. М., "Триумф", 1997.

5. Internet. Шаг за шагом. (на CD-ROM). "Питер Мультимедиа", 1997.

6. Энциклопедия пользователя Internet. (на CD-ROM). "Демос", 2000.

Основные средства обучения

1.Компьютерный класс с аппаратными средствами выхода в Интернет

2. Сканер

3. Программное обеспечение

· Операционная система Linux, Windows

· Интернет- браузеры

· Текстовые редакторы

· Текстовые процессоры

· Графические редакторы

Перечень практических - проектных работ

Номер практической – проектной работы ( Практикума)

Наименование

1

Web – сайт и его структура. Просмотр сайтов различной тематики

2

Знакомство с языком программирования HTML

3

Создание простейших программ на языке программирования HTML

4

Проектирование Web – страниц по выбранной тематике

5

Сравнительный анализ Web-страниц ( редакторы KWriter, Блокнот и процессоры Writer, Word)

6

7

Цвет, шрифт, выравнивание текста на Web-странице

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

8

9

Списки на Web-странице и фон Web -страницы

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

10

11

Гиперссылки на Web-странице

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

12

13

Таблицы на Web-странице

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

14

15

Графика на Web-странице

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

16

17

Мультимедиа на Web-странице

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

18

19

Создание фотогалереи на Web-странице

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

20

21

Фреймы на Web-странице

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

22

23

Формы на Web-странице

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

Практическая работа №1

Тема: Знакомство со структурами сайтов различной направленности

Цель: Изучить структуры сайтов различной направленности

Задание: Изучить структуры сайтов различной направленности и составить предварительный эскиз своей Web- странички в одном из сайтов.

Порядок работы

1. Познакомиться с сайтами в папке на рабочем столе РАЗНЫЕ САЙТЫ

2. Выполнить выборку информации по предложенному вопроснику

3. Зайти на сайты, изучить их структуру и найти ответы на вопросы

Сайт Церковная гимназия

Перечень страниц сайта

Сайт Солнечная система

Планета

Масса

Диаметр

Температура на поверхности

Скорость движения вокруг центра Галактики

Солнце

Меркурий

Венера

Земля

Марс

Юпитер

Сайт Развивающие игры и задачи

Зайти на страничку Интеллектуальная мастерская

и переписать названия игр

1________________________________

2_________________________________

3__________________________________

4____________________________________

Запроектировать свою страничку в любом сайте на листе тетради