Преподавание информатики

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

Основной задачей курса является обучение учащихся созданию и грамотному оформлению web-страниц.

Курс рассчитан на изучение в старших классах общеобразовательных учреждений. На изучение курса отводится по 34 часа (1 час в неделю) в каждом классе.

Курс состоит из следующих основных разделов:

1. Web-страница и особенности её оформления.
2. Основные средства языка HTML.
3. Графика на web-странице.
4. Создание и оформление web-страниц с помощью специальных программ.
5. Некоторые тонкости web-дизайна.

Программа предусматривает наличие в школе компьютерного класса с имеющимся доступом в Интернет.

Программная поддержка курса:

1. Стандартное приложение Windows Блокнот.
2. Программа Adobe Photoshop.
3. Microsoft Front Page.

Основные цели факультативного курса:

Дидактическая: Обучение учащихся созданию и грамотному оформлению web-страниц.

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

Развивающая: Развитие внимания, памяти, воображения.

После прохождения курса учащиеся будут

Знать: Какие существуют программы для создания web-страниц и для подготовки изображений для web. Принципы гармоничного сочетания цветов. Особенности компьютерного оформления текстов.

Уметь: Создавать и грамотно оформлять web-страницы с помощью языка HTML и в Microsoft FrontPage. Подготавливать рисунки для web-страниц в программе Adobe Photoshop.

Понимать: Важность грамотного оформления web-страниц.

Исследовать: Новые возможности создания и оформления web-страниц.

Планирование учебного материала

Web-страница и особенности её оформления.

WorldWideWeb. Принцип организации страниц в Internet. Обзор программ для просмотра web-страниц. Композиция web-страницы. Основные принципы построения композиции. Чувство цвета. Особенности оформления текстов.

Основные средства языка HTML.

Создание web-страниц средствами языка HTML. Простейшее форматирование текста. Цветовое оформление.

Графика на web-странице.

Графика на web-страницах, основные способы применения. Графические форматы Internet. Графические элементы оформления web-страниц.

Программа Adobe Photoshop. Обработка изображений. Подготовка рисунков в программе Adobe Photoshop. Фильтры. Работа с текстом в Adobe Photoshop.

Создание и оформление web-страниц с помощью специальных программ.

Microsoft Front Page.Создание, связь и форматирование web-страниц. Элементы мультимедиа. Просмотр и правка исходного кода HTML.

Некоторые тонкости web-дизайна.

Дизайн домашней страницы. Целостность восприятия композиции страницы. Создание собственного стиля. Психологические особенности восприятия и их учет при создании web- страниц.

Проектные работы:

1. Проект А. Создание web-страницы средствами языка HTML.
2. Проект Б. Ретуширование фотографии.
3. Проект В. Создание собственного сайта в Microsoft FrontPage.

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

(34 часа)

1. Компьютерныесети. Internet. World Wide Web. Принцип организации страниц в Internet.
2. Обзор программ для просмотра web-страниц. Различия между браузерами.
3. Композиция web-страницы.
4. Основные принципы построения композиции.
5. Чувство цвета. Цвет и психология.
6. Особенности оформления текстов.
7. Заголовки и подзаголовки страниц.
8. Основные средства языка HTML.
9. Создание web-страниц с помощью языка HTML. Простейшее форматирование текста.
10. Создание web-страниц с помощью языка HTML. Цветовое оформление.
11. Проект А. Создание web-страницы средствами языка HTML.
12. Графика на web-страницах. Основные способы применения графики. Графические форматы Internet.
13. Графические элементы оформления web-страниц.
14. Рабочая область Photoshop. Основы изображения (векторная и растровая графика; понятие и виды разрешения; что необходимо знать о сканировании).
15. Подготовка рисунков в программе AdobePhotoshop. Обработка изображений (кадрирование изображения, вращение и зеркальное отражение изображения, цветовые модели и режимы).
16. Подготовка рисунков в программе AdobePhotoshop. (Выделение и трансформация областей.Рисование и редактирование.)
17. Рабочая область Photoshop. (Фильтры.)
18. Работа с текстом в AdobePhotoshop.
19. Проект Б. Ретуширование фотографии.
20. Microsoft Front Page. Введение.
21. MicrosoftFrontPage. Создание и связь web-страниц.
22. MicrosoftFrontPage. Форматирование web-страниц.
23. MicrosoftFrontPage. Элементымультимедиа.
24. MicrosoftFrontPage. Просмотр и правка исходного кода HTML.
25. Проект В. Создание собственного сайта в MicrosoftFrontPage.
26. Проект В. Создание собственного сайта в MicrosoftFrontPage. (Продолжение.)
27. Размещение web-страницы на сервере. (Публикация web-сайта.)
28. Некоторые тонкости web-дизайна. Общие вопросы.
29. Некоторые тонкости web-дизайна. (Дизайн домашней страницы.)
30. Некоторые тонкости web-дизайна. (Симметричность оформления графики и текста.)
31. Некоторые тонкости web-дизайна. (Целостность восприятия.)
32. Некоторые тонкости web-дизайна. (Создание собственного стиля.)
33. Психологические особенности восприятия и их учет при создании web- страниц.
34. Итоговое занятие.

Приложение