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

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

Интернет-технологии. Создание сайта. Основы Web- дизайна»

10- 11 класс

Введение в курс

1

Техника безопасности в компьютерном классе

2

2

ДизайнWEB-страниц и виды сайтов.

2

3

Введение в курс WEB-дизайн. Профессиональные приемы создания страниц. Виды сайтов

2

4

Введение в курс WEB-дизайн. Профессиональные приемы создания страниц. Виды сайтов

2

5

Введение в курс WEB-дизайн Графические эффекты. Профессиональные ресурсы Интернет.

2

6

Введение в курс WEB-дизайн Графические эффекты. Профессиональные ресурсы Интернет

2

7

Введение в курс WEB-дизайн Профессия WEB-дизайнера. Интернет – новая сфера бизнеса.

2

8

Введение в курс WEB-дизайн Профессия WEB-дизайнера. Интернет – новая сфера бизнеса.

2

Введениевстандарт Hyper Text Markup Language (HTML).

9

История возникновения и стандарты языка HTML. Синтаксис HTML-документов. Знакомство с программой MSFront Page

2

10

История возникновения и стандарты языка HTML. Синтаксис HTML-документов. Знакомство с программой MSFront Page

2

11

Основные понятия HTML. Структура HTML-документов.

2

12

Основные понятия HTML. Структура HTML-документов.

2

13

Элементы оформления текста. Абзацы, заголовки, разделители, параграфы, выравнивание, цветовой и шрифтовой оформление.

2

14

Элементы оформления текста. Абзацы, заголовки, разделители, параграфы, выравнивание, цветовой и шрифтовой оформление.

2

15

Элементы оформления текста. Абзацы, заголовки, разделители, параграфы, выравнивание, цветовой и шрифтовой оформление.

2

16

Элементы оформления текста. Абзацы, заголовки, разделители, параграфы, выравнивание, цветовой и шрифтовой оформление.

2

Работа с гиперссылками. Создание страниц сайта

17

Создание списков в HTML-документе.

2

18

Создание списков в HTML-документе.

2

19

Создание гиперссылок.

2

20

Создание гиперссылок.

2

21

Создание гиперссылок.

2

22

Создание гиперссылок.

2

23

Создание гиперссылки по фрагменту уже имеющего текста

2

24

Создание гиперссылки внутри одного документа. Создание гиперссылки на почтовый адрес.

2

25

Создание форм средствами HTML.

2

Оформление гиперссылок.

26

Графическое оформление (фоновые изображения, линии, кнопки).

2

27

Графическое оформление (фоновые изображения, линии, кнопки).

2

28

Графическое оформление (фоновые изображения, линии, кнопки).

2

29

Тег <IMG> и его параметры.

2

30

Тег <IMG> и его параметры.

2

31

Тег <Font> и его параметры

2

32

Особенности графики

2

33

Тег <Objectt> и его параметры

2

34

Вставка звука и видео

2

35

Применение тега <IMG> и ссылок

2

Форматирование текста и размещение графики

36

Форматы графических файлов, используемых вweb-сайтах.

2

37

Работа с графикой в программе DreamWeaver. Размещение графики. Изменение свойств изображения.

2

38

Подготвка изображений к публикации на сайте. Интерфейс программы AdobePhotoshop. Настройка интерфейса программы.

2

39

Изменение размеров изображения. Выбор цвета. Работа с текстом. Создание простых фигур.

2

40

СозданиеGIF- анимации. Фрагментация изображений. Заливка изображений.

2

41

Размещение графики в HTML-документе.

2

Использование таблиц

42

Создание таблиц в HTML-документе. Параметры, определяющие оформление таблиц. Управление размещением содержимого документа на экране при помощи таблиц.

2

43

Создание таблиц в HTML-документе. Параметры, определяющие оформление таблиц. Управление размещением содержимого документа на экране при помощи таблиц.

2

44

Работа с таблицами средствами DreamWeaver.

2

45

Добавление таблиц. Изменение свойств таблиц.

2

46

Изменение свойств ячеек таблицы. Создание таблицы в режиме компоновки страницы.

2

Фреймы

47

Понятие фрейма. Создание фреймов средствамиHTML. Деление окна браузера на фреймы.

2

48

Описание фреймов. Дополнительные параметры меток <FRAMESET>

2

49

Понятие кадра-фрейма. Разбиение экрана на части. Параметры, определяющие взаиморасположение фреймов на экране и их внешний вид. Гипертекстовые переходы внутри и между фреймами.

2

50

Понятие кадра-фрейма. Разбиение экрана на части. Параметры, определяющие взаиморасположение фреймов на экране и их внешний вид. Гипертекстовые переходы внутри и между фреймами.

2

51

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

2

52

Создание фреймов в программе DreamWeaver

2

53

Сохранение документа с фреймовой структурой и связанных с ним документов.

2

Использование программных средств для созданияWeb-сайтов.

54

Обзор программных средств для созданияWEB-сайтов.

2

55

Обзор программных средств для созданияWEB-сайтов.

2

56

Основы работы в DreamWeaver. Рабочее пространство редактора. Создание WEB – узлов и документов.

2

57

Основы работы в DreamWeaver. Рабочее пространство редактора. Создание WEB – узлов и документов

2

Понятие интерактивных документов (активные формы CGI и JavaScript).

58

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

2

59

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

2

60

Размещение готовых активных форм CGI и JavaScript в HTML-документе.

2

61

Поиск в Интернет готовых активных формыCGI и JavaScript и размещение их в HTML-документе.

2

Создание персонального WEB-сайта.

62

Выработка контента (содержимого) WEB-сайта и разработка его структуры.

2

63

Выработка контента (содержимого) WEB-сайта и разработка его структуры.

2

64

СозданиеWEB-сайта с использованием редактора DreamWeaver.

2

65

СозданиеWEB-сайта с использованием редактора DreamWeaver.

2

66

СозданиеWEB-сайта с использованием редактора DreamWeaver.

2

67

СозданиеWEB-сайта с использованием редактора DreamWeaver.

2

68

РазмещениеWEB-сайта в Интернет.

2

ВСЕГО

136 часов