Программа и электронное пособие для проведения элективного курса по информатике на тему "Основы языка HTML"

Разделы: Информатика


Ни для кого не секрет, что в настоящее время человечество переживает информационный бум. С одной стороны стоит проблема, связанная с перенасыщением информацией, с другой - необходимость получения этой информации. Замечательным средством решения этих проблем является создание глобальных сетей, наибольшей популярностью из которых в настоящее время является Internet. Эту сеть используют как для получения необходимой информации, так и для того, чтобы заявить миру о своем существовании: поделиться своими знаниями, дать рекламу своей фирмы и др. Именно для тех, кто хочет использовать Internet с целью заявить о себе, и предназначен данный курс.

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

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

Предполагаемый объем изучения программы курса - 12 часов - предназначен для общего знакомства с языком разметки гипертекста и выходит за рамки изучения школьного курса информатики и ИКТ.

Основная цель курса: Знакомство с языком HTML.

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

  • Сформировать представление о структуре web-страниц и web-сайтов;
  • Познакомить с тегами, которые используют для форматирования текста;
  • Сформировать навыки культуры оформления кода HTML-страниц;
  • Научить создавать гиперссылки, используя строку текста или рисунок;
  • Ознакомить с основными форматами графических изображений, используемых в web-документах;
  • Знакомство с таблицами;
  • Привитие культуры написания гипертекстовых документов;
  • Научить создавать простейшие Web-страницы на основе HTML;
  • Подготовить к последующему изучению языка HTML.

Требования к знаниям и умениям:

  • Знать: основные теги языка HTML.
  • Уметь: создавать простейшие Web-страницы на основе языка HTML.

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

Тема занятия Количество часов Теория Практика Цель занятия

Раздел 1. Предназначение и основные понятия языка HTML

1 Предназначение и основные понятия языка HTML

приложение 1

1 1   Знакомство учащихся с общими положениями создания WEB-страниц и базовыми тегами языка HTML
2 Создание простейшей WEB-страницы

приложение 2

1   1 Разработка простейшей WEB-страницы

Раздел 2. Форматирование WEB-документа

3 Заголовочные тэги, шрифты и абзацы

приложение 3

1 1   Знакомство учащихся с приёмами форматирования WEB-документа
4 Форматирование текста на WEB-странице

приложение 4

1   1 Обучение приемам форматирование текста на WEB-странице

Раздел 3. WEB-страницы с гиперссылками и изображениями.

5 Иллюстрации и гиперссылки

приложение 5

1 1   Знакомство учащихся с различными возможностями перехода на другие страницы и вставки графических изображений
6 Создание WEB-страницы с гиперссылками и изображениями

приложение 6

1   1 Разработка WEB-страницы, содержащей гиперссылки и изображения

Раздел 4. Размещение на WEB-страницах таблиц

7 Таблицы и списки

приложение 7

1 1   Освоить возможности создания таблиц и списков при разработке WEB - страниц
8 Размещение на WEB-страницах таблиц и списков

приложение 8

1   1 Разработка WEB-страницы, содержащей таблицы и списки

Раздел 5. Практикум. Разработка Web-страницы

9-11 Разработка Web-страницы 3   3 Обобщить полученные знания и применить их на практике
12 Презентация Web-страницы 1   1 Демонстрация собственной работы
ВСЕГО 12 4 8  

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

Раздел 1. Предназначение и основные понятия языка HTML (2 часа).

HTML - это язык разметки и верстки страниц сайта. Структура документа .htm, заголовочная часть, тело документа. Теги (дескрипторы) и атрибуты тэгов. Принципы оформления шрифтов, абзацев, таблиц, иллюстраций, гиперссылок.

Раздел 2. Форматирование WEB-документа (2 часа).

Атрибуты тегов body, title, p, h. Оформление внутри тегов.

Раздел 3. Веб-страницы с гиперссылками и изображениями (2 часа).

Тег img и его атрибуты. Форматы иллюстраций. Основы подготовки иллюстраций для публикации на сайте. Изменение размеров рисунка. Использование рисунка в качестве ссылки. Цветовая гамма. Рисунок как фон. Тег A и его атрибуты.

Раздел 4. Размещение на веб-страницах таблиц (2 часа).

Теги ol, ul, li. Создание маркированных и нумерованных списков.

Теги table, tr, td, их атрибуты. Размеры и расположение таблицы. Объединение строк и столбцов. Табличная верстка - достоинства и недостатки.

Раздел 5. Практикум. Разработка Web-страницы (4 часа)

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

  1. Введение в HTML http://www.on-line-teaching.com/html/lsn001.html
  2. Информатика. Методическое пособие для учителей. 9 класс / Под ред. проф. Н. В. Макаровой. - СПб.: Питер, 2003.
  3. Первые Шаги - Учебник по Html для чайников. http://postroika.ru/err.html
  4. Сайт http://www.htmlbook.ru/ посвящен языку HTML, CSS, веб-дизайну, графике и процессу создания сайтов.