1. Организационные материалы и документы Программно-методические материалы Элективный курс «Язык разметки гипертекста HTML»

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

В связи с бурно развивающимися информационными технологиями и ресурсами большое значение приобрела проблема изучения сетевых технологий, чтобы каждый мог создавать личностно значимую для него образовательную продукцию. Такой продукцией в данном курсе является web-сайт.     
Введение элективного курса обусловлено тем, что на изучение данной темы в 11 классе отводится только 6 часов. Это совершенно не достаточно для хорошего понимания большого объема информации и формирования навыков создания web-сайтов.
Особенность изучаемого курса состоит в том, что он может использоваться во многих профилях старшей школы, так как он относится ко всем сферам современного общества – гуманитарным, естественно - научным, социальным, экономическим и другим.
Тип элективного курса – межпредметный, в чем состоит его отличительная черта. Курс предусматривает интеграцию с другими учебными предметами: физика, химия, математика, русский язык и другие учебные предметы.
Курс рассчитан на 34 часа лекционно-практических занятий и проводится в течение учебного года по 1 часу в неделю. Продолжительность занятия составляет 1 час. Элективный курс рекомендован для учащихся 11-х классов старшей профильной школы.
Целью курса является научить обучающихся проектировать и конструировать сайты и подготовить их к осознанному выбору профессии.
Достижение цели реализуется с решением следующих задач:

• Познакомить с видами web-сайтов, их функциональными, структурными и технологическими особенностями;
• Сформировать навыки проектирования, конструирования, размещения и сопровождения web-сайта;
• Сформировать навыки написания html-кодов;
• Создать и разместить в сети Интернет собственный web-сайт по выбранной тематике;
• Познакомиться с основами web-дизайна;

В результате изучения данного элективного курса обучающиеся должны:

• знать:
  • принципы и структуру устройства «Всемирной паутины», формы представления информации в сети Интернет;
  • способы работы с изученными программами (редакторы сайтов);
  • виды web-сайтов;
• уметь:
  • найти, сохранить и систематизировать необходимую информацию из сети с помощью имеющихся технологий и программного обеспечения; овладеть браузерами Internet Explorer, Opera, Firefox;
  • спроектировать, изготовить и разместить в сети web-сайт, состоящий из 5-10 страниц на заданную тему;
  • программировать на языке HTML на уровне созданияне менее 3-5 соответствующих элементов сайта;
  • передавать информацию в сеть Интернет с помощью специальных программ;
  • применять при создании web-страницы основные принципы web-дизайна и произвести анализ и сформулировать собственную позицию по отношению к их структуре, содержанию, дизайну и функциональности;
• иметь навыки владения:
  • способами работы с изученными программами (редакторы сайтов);
  • необходимыми способами проектирования, создания, размещения и обновления web-сайта;
  • приемами организации и самоорганизации работы по изготовлению сайта;
  • опытом коллективного сотрудничества при конструировании сложных web-сайтов;
  • оценивания своих результатов, корректирования дальнейшей деятельности по созданию сайтов.

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

Содержание курса

Раздел 1.Создание простейшего html-документа. Форматирование текста (2 ч.)
В этом разделе учащиеся познакомятся с языком разметки гипертекста html, со структурой html-документа, с основными тегами форматирования текста, создания списков, научатся изменять цвет фона. На практике создадут простейший html-документ, используя известные им уже теги. А для закрепления материала выполнят лабораторную работу (приложение 3). В практической части создадут свою визитку.

Раздел 2. Вставка изображений в html-документ (2 ч.)
В этом разделе обучающиеся познакомятся с форматами графических файлов, их достоинствами и недостатками, изучат основные теги для вставки изображения и html-документ и для их преобразования (управление размерами, расположение на странице обрамление и др.). Для закрепления материала учащиеся выполняют лабораторную работу (приложение 4).

Раздел 3. Оформление html-документа. Таблицы (3 ч.)
В данном разделе учащиеся познакомятся и изучат основные теги оформления html-документа. Изучение направлено на работу с таблицами, научатся использовать основные атрибуты для форматирования таблиц. Для усвоения материала выполнят лабораторную работу (приложение 5). А также выполнят практическую работу на составление расписания.

Раздел 4. Оформление html-документа. Формы (2 ч.)
В этом разделе учащиеся научатся создавать формы в html-документе. Познакомятся с основными тэгами для создания форм, на практике создадут собственную форму «Анкета». Для закрепления материала выполнят лабораторную работу (приложение 6).

Раздел 5. Создание HTML-документа с помощью редакторов гипертекста (3 ч.)
В этом разделе обучающиеся познакомятся со способами организации информации на сайте, узнают об организации гипертекстовых связей между документами, научатся создавать текстовые гиперссылки и ссылки, изображения, менять их вид. Также выполнят лабораторную работу на усвоение материала (приложение 7).

Раздел 6. Оформление html-документа. Фреймы (3 ч.)
В данном разделе учащиеся познакомятся с фреймами, основными тэгами их создания, научатся использовать различные атрибуты для форматирования фреймов. В ходе лабораторной работы (приложение 8) закрепят навыки, а также повторят другие пройденные темы (такие, как таблицы, списки, вставка изображения и др.)
Раздел 7. Редакторы сайтов (4 ч.)
Изучив это раздел обучающиеся узнают возможности приложения Dreamweaver, MS SharePoint Designer 2007 и других редакторов при создании и редактировании сайтов. После изучения данного раздела учащиеся выполняют мини-проект в среде Dreamweaver на свободную тему.

Раздел 8. Виды сайтов (2 ч.)
В этом разделе обучающиеся познакомятся с различными видами сайтов, узнают как привлечь внимание посетителей, оптимально организовать информацию, обеспечить интерактивное взаимодействие с посетителями, познакомятся с критериями оценки сайтов.

Раздел 9. Основы web-дизайна (4 ч.)
В данном разделе обучающиеся увидят, что проектирование содержимого сайта – один из самых ответственных моментов при создании любого web-ресурса.

Раздел 10. Проектирование сайта (2 ч.)
В этом разделе обучающиеся научатся разрабатывать концепцию, цели и структуру сайта, продумывать его внутренние и внешние связи, назначение каждой  страницы и элемента на ней. Эти задачи необходимо решить прежде, чем приступить к построению самого сайта.

Раздел 11. Размещение и поддержка сайта в сети (2 ч.)
В этом разделе обучающиеся научатся размещать подготовленные сайты в сети, оценивать предлагаемые провайдерами условия размещения и выбирать оптимальные, загружать на сервер свои файлы и тестировать web-страницы.
Раздел 12. Выполнение  творческой  работы (4 ч.)

Знания, умения и предыдущие разработки необходимо применить для создания комплексного проекта – web-сайта на выбранную тему. Сайт разрабатывается в группе или индивидуально. Обучающимся потребуется спроектировать, изготовить и разместить сайт в сети Интернет. Выполненный проект необходимо защитить перед сокурсниками.

Раздел 13. Защита проекта (1 ч.)
Защита проекта по компьютерной графике и web-дизайну – хороший способ для обучающихся показать свои художественные, графические и технические способности, т.к.задания носят межпредметную направленность и помогают выявить степень усвоения всего материала курса.

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

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

• Microsoft Front Page 2003. Русская версия: Практическое пособие: пер. с англ. – М.: СП ЭКОМ, 2005. – 384 с.: ил.;
• Белов В. Ключи к успеху // Мир ПК. – 2006. – №8. – с. 68-70.;
• Гончаров А. HTML в примерах. С.-Пб.: Питер, 2003.;
• Гончаров А. Самоучитель HTML. С.-Пб: Питер, 2000.;
• Дригалкин В. В. HTML в примерах. Как создать свой Web-сайт: Самоучитель / В. В. Дригалкин. – М.: Изд-во «Вильямс», 2003. – 192 с.: ил.
•  Информатика. Базовый курс. Учебник для ВУЗов / под ред. С.В. Симоновича. - СПб.: Питер. - 2000.
•  Кришнамурти, Web-протоколы. Теория и практика / Б. Кришнамурти, Дж. Рексфорд. – М.: ЗАО «Издательство БИНОМ», 2002. – 592 с.: ил.
•  Кузнецов М.В. Практика разработки Web-сайта / М.В. Кузнецов, И.В. Симдянов, С.В. Голышев. – СПБ.: БХВ-Петербург, 2005. – 960 с.: ил
•  Лебедев С.В. Web-дизайн: учебное пособие по созданию публикаций для Интернет / С.В. Лебедев. – 3-е изд., перераб. и доп. – М.: Альянс-пресс, 2004.- 736 с
• Мержевич В. В. Ускорение работы сайта: для веб-разработчиков / В.В. Мержевич. – СПб.: БХВ-Петербург, 2005. – 384с.: ил
•  Миронов Д.Ф. Создание Web-страниц в MS Office 2000 / Д.Ф. Миронов. – СПб.: БХВ-Петербург, 2000. – 320 с.: ил.
•  Шапошников И. В. Справочник Web-мастера. XML. – СПб.: БХВ-Петербург, 2001. – 304 с.: ил.
•  Штайнер Г. HTML/XML/CSS / Г. Штайнер. – 2-е изд., перераб. – М.: Лаборатория Базовых Знаний, 2005. – 510 с.: ил.

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

•  Баричев С. Ваш  Office 2000 / С Баричев, О.Плотников// Москва, 2000.;
• Борисенко А.А. Web-дизайн. Просто как дважды два / А. А. Борисенко. – М.: Эксмо, 2008. – 320 с.;
•  Валентайн Ч. XHTML/ Ч. Валентайн, К.М. Минник// 2001.;
• Гончаров А. HTML в примерах. С.-Пб.: Питер, 2003.;
• Гончаров А. Самоучитель HTML. С.-Пб: Питер, 2000.;
• Интернет. Энциклопедия. - 2-е изд. / под редакцией Л.Г.Мелиховой. – СПб.: ПИТЕР, 2000.;
• Матросов А. HTML 4.0 в подлиннике/ А.Матросов, А.Сергеев, М. Чаунин// БХВ-Петербург.: Санкт-Петербург, 2005.;
• Миронов Д.Создание Web-страниц в MS Office 2000. – Спб.: Питер. - 2000.;
• Морис Б. HTML в действии. СПб.: Питер, 1997 г. – 256 с.;
• Пауэлл Т. Web-дизайн/ Т. Пауэл// Санкт-Петербург, 2002.;
•  Петюшкин А.В. HTML. Экспресс-курс. - СПб.: БХВ - Петербург, 2003
• Соломенчук В. Интернет: краткий курс. - 2-е. - Спб.: Питер. - 2000.;
•  Хеслоп П. HTML самого начала. - СПб: Санкт-Петербург, 2005.;
•  Шафрин Ю. А.. Информационные технологии. 10-11 кл. - Москва, Лаборатория базовых знаний, 1999.

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

Лабораторные работы:

I. Создание простейшего файла HTML. Форматирование документа. Списки.
Учащийся должен:
Знать:

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

II. Вставка изображений в HTML-документ;
Учащийся должен:
Знать и уметь:

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

III. Оформление HTML-документа. Таблицы.
Учащийся должен:
Знать и уметь:

• основные теги для создания таблиц в html-документе;
• пользоваться основными атрибутами для форматирования таблиц;

IV. Оформление HTML-документа. Формы.
Учащийся должен:
Знать и уметь:

• понятие форм, основные тэги для их создания;
• пользоваться управляющими элементами разных типов;

V. Создание HTML-документа с помощью редакторов гипертекста.
Учащийся должен:
Знать и уметь:

• понятие гиперссылки, основные тэги их создания;
• создавать гиперссылки на текст и графические объекты;

VI. Оформление HTML-документа. Фреймы, таблицы, списки.
Учащийся должен:
Знать и уметь:

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

Архив Элективного курса «Язык разметки гипертекста HTML» и приложения с лабораторными работами объемом 135 Кб (1-1-32.zip) [Cкачать]

Добавить комментарий