Программа факультативного курса "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. Итоговое занятие.

Приложение