Главная / Информатика / Элективный курс «Язык разметки гипертекста HTML» (для 11 класса)

Элективный курс «Язык разметки гипертекста HTML» (для 11 класса)

Название документа Элективный курс Язык разметки гипертекста.doc

Все о компьютере

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

Терминологический словарь познакомит вас с компьютерными терминами, а также вы сможете заполнить анкету.

На этом сайте вы можете узнать много новой и полезной информации для вас.

<li> <b> Компьютер b> li>

Терминологический словарь

Цены на товары

Элективный курс «Язык разметки гипертекста HTML» (для 11 класса)
  • Информатика
Описание:

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

В связи с бурно развивающимися информационными технологиями и ресурсами большое значение приобрела проблема изучения сетевых технологий, чтобы каждый мог создавать личностно значимую для него образовательную продукцию. Такой продукцией в данном курсе является 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-дизайну – хороший способ для обучающихся показать свои художественные, графические и технические способности, т.к.задания носят межпредметную направленность и помогают выявить степень усвоения всего материала курса.

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


Наименование разделов и тем

Всего часов

Формы контроля

Всего

Теория

Практические занятия

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

1. Создание простейшего html-документа. Форматирование текста.

2

1

 

1

Самостоят. работа

2. Вставка изображений в html-документ.

2

1

 

1

Самостоят. работа

3. Оформление html-документа. Таблицы.

3

1

1

1

Самостоят. работа

4. Оформление html-документа. Формы.

2

1

 

1

Самостоят. работа

5. Создание HTML-документа с помощью редакторов гипертекста.

3

1

1

1

Самостоят. работа

6. Оформление html-документа. Фреймы.

3

1

1

1

Самостоят. работа

7. Редакторы сайтов.

4

1

3

 

Мини-проект

8. Виды сайтов.

2

1

1

 

Тест

9. Основы web-дизайна.

4

1

3

 

 

10. Проектирование сайта.

2

1

1

 

Самостоят. работа

11. Размещение и поддержка сайта в сети.

2

1

1

 

 

12. Выполнение творческой работы (разработка проекта).

4

 

4

 

 

13. Защита проектов.

1

 

1

 

Защита

Всего:

34

11

17

6

 

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

  • 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»

№ п/п

Тема лабораторной работы

Количество часов

1.

Создание простейшего HTML-документа. Форматирование документа. Списки.

1

2.

Вставка изображений в HTML-документ.

1

3.

Оформление HTML-документа. Таблицы.

2

4.

Оформление HTML-документа. Формы.

1

5.

Создание HTML-документа с помощью редакторов гипертекста.

2

6.

Оформление HTML-документа. Фреймы, таблицы, списки.

2

 

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

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

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

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

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

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

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

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

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

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

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

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

  • понятие фрэйма, основные тэги его создания;
  • пользоваться основными атрибутами для преобразования фрэйма;
  • пользоваться основными тэгами и атрибутами для создания таблиц и списков.
Автор Тунцева Анастасия Юрьевна
Дата добавления 18.03.2010
Раздел Информатика
Подраздел
Просмотров 3118
Номер материала 32
Скачать свидетельство о публикации

Оставьте свой комментарий:

Введите символы, которые изображены на картинке:

Получить новый код
* Обязательные для заполнения.


Комментарии:

↓ Показать еще коментарии ↓