Тематическое планирование

Содержание курса.	Время (часы)
Глава 1. Основы публикации в Web	9
Глава 2. Работа с графикой.	9
Глава 3. Гипертекстовый документ	9
Глава 4. Знакомство с редакторами для создания веб–страниц.	9
Глава 5. Размещение сайта в сеть Internet.	8
Глава 6. Веб–дизайн, основные принципы.	9
Глава 7. Создание школьной газеты.	17

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

Глава 1. Основы публикации в Web

В этой главе учащиеся узнают, что такое Internet, World Wide Web, гипертекст и как создаются веб–страницы. Знакомятся с возможностями языка HTML. Учатся менять цвет фона, размер шрифта.

Самостоятельная работа учащихся:

Создание авторской визитки в виде простейшей веб–страницы.

Основные понятия:

Internet, WWW, HTML, тег, форматирование, гипертекст, разметка, структура документа, заголовок, тело.

Содержание главы:

Введение

• Internet

WWW

Web

Теги HTML

• Структура веб–страницы

• Заголовок

• Тело документа

Атрибуты тегов

• Цвет фона

• Изображение как фон

• Фиксированный фон

• Цвет текста

• Цвета

Теги форматирования текста

Создание бегущей строки

Работа с текстом

• Заголовки

• Абзацы

• Разделительная линия

Самооценка

Рефлексия

Глава 2. Работа с графикой.

В этой главе учащиеся знакомятся с различными видами графики: векторная и растровая графика. Знакомство с графическими форматами GIF и JPEG. Сканирование графики. Вставка графического изображения, управление его размерами и расположение на веб–странице. Дополнение авторской страницы графическим изображением.

Основные понятия:

Растровая и векторная графика, рамка изображения, выравнивание, обтекание.

Творческая работа:

Дополнение авторской страницы графическим изображением. Набор материала для школьной газеты

Содержание главы:

Различие между векторным и растровым изображением

• Достоинства

• Недостатки

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

Создание графических изображений

Использование графических форматов GIF и JPEG

Возможности GIF

• Создание прозрачных изображений

• Создание чересстрочных изображений

• Создание анимированных изображений

Возможности JPEG

Сканирование документа, сохранение в различных форматах.

Использование дескриптора <IMG> для встроенной графики

Самооценка

Рефлексия

Глава 3. Гипертекстовый документ

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

Основные понятия:

Организация информации, гипертекстовые ссылки: активные, просмотренные, внутренние, внешние; абсолютные и относительные адреса. Фреймы, таблицы, формы

Творческая работа:

Создание небольшого сайта: "Мои учителя", "Мой класс"

Содержание главы:

Способы структурирования собранной информации в гипертекстовый документ:

• Фреймы

• Применение рамок

• Таблицы

Применение рамок

• Формы

Прокручиваемое текстовое поле

Флажок

Переключатель

Открывающееся меню

Кнопка

Изображение

Понятие гиперссылка

Установление гиперссылок

• Внутренние

• Внешние

Задание цвета для просмотренной и активной гиперссылки

Самооценка

Рефлексия