СЕМЕНО-АЛЕКСАНДРОВСКАЯ СОШ

Предпрофильная подготовка
Web-сайт своими руками

.
«Назад»

HTML-разметка.
Пояснительная записка.
Программа.

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

В задачи обучения HTML-разметки входят:

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

Ожидаемыми результатами данного курса являются:

  • сознательное самоопределение ученика относительно профиля дальнейшего обучения;
  • выход на профиль обучения;
  • развитие познавательных интересов;
  • знакомство с основными конструкциями языка Web-программирования;
  • создание и публикация сайта “Мое родное село”.

Программа.
"Сайт своими руками".

Первые шаги. Браузер. Применение браузеров. Структура документа. Теги, атрибуты тегов. Теги одиночные, парные. Парные теги <Title>, <Body>, <head>. Атрибуты тега <Body>. Работа с текстом. Уровни заголовков. Атрибуты парного тега . Выделение информации в документе. Форматирование шрифта, абзаца. Размещение предварительно отформатированного текста в документе. Списки, виды списков. Графика на Web-странице. Размещение графики на странице документа. Тег <img>, атрибуты тега. Форматы графических файлов. Бегущая строка. Позиционирование объектов на странице документа. Гиперссылки. Создание таблиц. Использование таблиц с целью точного позиционирования текста и изображения. Методы работы с таблицами Парный тег <TABLE>. Атрибуты тега <TABLE>. Гиперссылки. Вставка ссылок в документ. Создание макета. Авторский проект. Создание, размещение сайта. Тестирование.

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

  1. Комолова Н.В. HTML: Учебный курс. - СПб.: Питер, 2007. - 268 с.: ил.
  2. Петюшкин А.В. HTML. Экспресс-курс. - СПб.: БХВ-Петербург, 2003. - 256 с.: ил.
  3. Интернет ресурсы.
  4. Авторская разработка   "Интернет технологии. HTML-разметка."

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

  1. Макфедрис П. Создание Web-страниц: пер. с англ./П.Макфедрис. - М.: ООО "Издательсьво АСТ": ООО "Издательство Астрель", 2004. - XXIV, 387, с.: ил.
  2. Артанов Б. Web-мастеринг без посторонней помощи: учеб. пособие - М.: 100 книг, 2006. - 336 с. : ил.
  3. Ноблес Робин. Греди Керри-Лей. Эффективный Web-сайт: разраб.,дизайн, маркетинг: М.: Технический бестеллер, 2005. - 560 с.: ил.
  4. Adobe Photoshop для Web: подроб. иллюстрир. рук.:[учеб. пособие] - М.: Лучшие книги, 2005. - 224 с.: ил. Под редакцией В.Н. Печникова.
«Назад» «Дальше» «Вверх»
.
Hosted by uCoz