1
|
Введение
|
2
|
1 неделя сентября
|
Назначение дисциплины. Структура дисциплины. Содержание дисциплины
|
Вводный урок
|
|
конспект
|
|
Раздел 1. Теория. Основные понятия Internet
|
12
|
|
|
|
|
|
2
|
Тема 1.1. История возникновения Internet, принципы работы, возможности
|
4
|
|
История, эволюция сети Internet. Основные понятия. Система адресации. Протоколы обмена данными.
|
Урок усвоения знаний на основе имеющихся
|
|
Муштоватый, стр. 6-10, 161-164, 209-231
|
3
|
|
Электронная почта, почтовый клиент, настройка, работа
|
Практическая работа
|
ПЭВМ, MS Outlook Express
|
Муштоватый Стр. 209-231
|
4
|
Тема 1.2. Способы доступа к Internet
|
2
|
|
Возможные виды каналов связи. Характеристики, оборудование. Подключение
|
Комбинированный урок
|
|
Стр. 19-20, 23-29, 45-62, 90-133
|
5
|
Тема 1.3. Основы Web-технологий
|
2
|
|
Понятия: гиперссылка, язык разметки гипертекста HTML, броузер, сервер, сайт, кодировки, публикация Web-страниц, хостинг
|
Урок усвоения новых знаний на основе имеющихся
|
ПЭВМ, MS Explorer
|
Муштоватый, стр. 134-149, 256-263 Андреев с. 808-817, Дунаев 219-226
|
6
|
Тема 1.4. Введение в Web-дизайн
|
4
|
|
Понятие Web-дизайн. Необходимый инструментарий. Основные правила Web-дизайна
|
Комбинированный урок
|
|
Дунаев стр. 13-15, 203-206, Гурский стр. 205-230
|
7
|
|
Теория цвета. Компоновка сайта. Алгоритм разработки сайта
|
Комбинированный урок
|
ПЭВМ, MS Explorer, цветовые схемы, изображения
|
Конспект докладов
|
|
Раздел 2. Создание Web-страниц
|
28
|
|
|
|
|
|
8
|
Тема 2.1. Распространенные средства подготовки Web-страниц
|
2
|
|
Редакторы, ориентированные на визуальную разработку Web-сайтов. MS Front Page - спектр возможностей и недостатки
|
Комбинированный урок
|
ПЭВМ, MS Front Page
|
Конспект докладов
|
9
|
Тема 2.2. Язык гипертекстовой разметки HTML
|
14
|
|
Основные теги HTML-документа. Теги форматирования текста, вставки графических изображений, табличные теги, фреймы
|
Комбинированный урок
|
ПЭВМ, Блокнот, браузер
|
Дунаев с. 17-96
|
10
|
|
Создание новой Web-страницы. Форматирование элементов текста
|
Практическая работа
|
ПЭВМ, Блокнот, браузер, инструкция
|
|
11
|
|
Построение таблиц
|
Практическая работа
|
|
|
12
|
|
Создание гиперссылок
|
Практическая работа
|
ПЭВМ, Блокнот, браузер, инструкция
|
|
13
|
|
Теги формы и элементов форм
|
Комбинированный урок
|
|
с. 145-155
|
14
|
|
Создание фреймов
|
Практическая работа
|
ПЭВМ, Блокнот, браузер, инструкция
|
|
15
|
|
Создание форм
|
Практическая работа
|
ПЭВМ, Блокнот, браузер, инструкция
|
|
16
|
Тема 2.3. Использование JavaScript в HTML
|
12
|
|
Использование языка. Синтаксис языка
|
Комбинированный урок
|
ПЭВМ, Блокнот, браузер
|
Дунаев с. 120-123, 259-261
|
17
|
|
Объектная модель. Свойства, методы и функции
|
Комбинированный урок
|
ПЭВМ, Блокнот, браузер
|
с. 186-198
|
18
|
|
Обработчики событий
|
Комбинированный урок
|
ПЭВМ, Блокнот, браузер
|
с. 251-253
|
19
|
|
Создание пробного теста
|
Практическая работа
|
ПЭВМ, Блокнот, браузер, инструкция
|
|
20
|
|
Создание калькулятора
|
Практическая работа
|
ПЭВМ, Блокнот, браузер, инструкция
|
|
21
|
|
Проверка данных, введенных в форму, перед отправкой на сервер
|
Практическая работа
|
ПЭВМ, Блокнот, браузер, инструкция
|
|
|
Раздел 3. Графика для Web
|
18
|
|
|
|
|
|
22
|
Тема 3.1. Векторная графика
|
6
|
|
Редактор векторной графики CorelDraw. Работа с текстом, текстуры и материалы
|
Практическая работа
|
ПЭВМ, редактор векторной графики Corel Draw 11
|
Гурский стр. 26-29, 166-174, 325-350
|
23
|
|
Растровые объекты. Обработка фотографий
|
Практическая работа
|
ПЭВМ, редактор векторной графики Corel Draw 11, инструкция
|
Стр. 175-191
|
24
|
|
Имитация объема. Сохранение для Web.
|
Практическая работа
|
ПЭВМ, редактор векторной графики Corel Draw 11, инструкция
|
Стр. 398-440
|
25
|
Тема 3.3. Растровая графика
|
6
|
|
Редактор растровой графики PhotoShop. Цветовые режимы и модели
|
Практическая работа
|
ПЭВМ, редактор растровой графики PhotoShop
|
Разработка логотипа колледжа
|
26
|
|
Слои, контуры, фильтры и спецэффекты
|
Практическая работа
|
ПЭВМ, редактор растровой графики PhotoShop
|
Построение макета сайта
|
27
|
|
Подготовка рисунков и заполнение макета Web-страницы
|
Практическая работа
|
ПЭВМ, редактор растровой графики PhotoShop, инструкция
|
Работа над макетом сайта
|
28
|
Тема 3.3. Анимированные изображения
|
6
|
|
Редактор Flash MX. Анимация морфинга, движения
|
Практическая работа
|
ПЭВМ, редактор Flash MX, инструкция
|
Проект рекламного баннера
|
29
|
|
Использование слоев
|
Практическая работа
|
ПЭВМ, редактор Flash MX, инструкция
|
Проект рекламного баннера
|
30
|
|
Анимация с использованием Flash-символов
|
Практическая работа
|
ПЭВМ, редактор Flash MX, инструкция
|
Создание баннера
|
31
|
|
|
|
Зачетное занятие
|
Тестирование
|
|
|
|
Раздел 4. Web-программирование
|
28
|
|
|
|
|
|
32
|
Тема 4.1. Установка программного обеспечения и настройка Web-сервера
|
2
|
|
Создание и настройка виртуального каталога в IIS
|
Практическая работа
|
ПЭВМ, IIS, инструкция
|
Конфигурация Apache
|
33
|
Тема 4.2. CGI-программирование. Perl
|
12
|
|
Разновидности Web –приложений. История CGI. Определение программы CGI. Языки программирования для написания CGI-программ. PERL. Синтаксис PERL. Этапы создания и основные части PERL- скрипта.
|
Комбинированный урок
|
|
Р. Колберн., с 20-27, конспект лекций
|
34
|
|
Чтение и обработка переданных данных. Операторы для работы с текстом
|
Комбинированный урок
|
|
конспект лекций
|
35
|
|
Чтение данных из формы, обработка переданных параметров
|
Практическая работа
|
ПЭВМ, MS FrontPage, инструкция
|
Алгоритм проверки данных формы
|
36
|
|
Разработка PERL-скрипта гостевой книги
|
Практическая работа
|
ПЭВМ, IIS, PERL, MS IExplorer 5.0, инструкция
|
Алгоритм работы гостевой книги
|
37
|
|
Разработка PERL-скрипта гостевой книги (продолжение)
|
Практическая работа
|
ПЭВМ, IIS, PERL, MS IExplorer 5.0, инструкция
|
Разветвление алгоритма, параметры, процедуры
|
38
|
Тема 4.3. Работа с сервером MySQL
|
12
|
|
Знакомство с MySQL. Интерфейс взаимодействия MySQL и PERL
|
Комбинированный урок
|
|
конспект лекций
|
39
|
|
Соединение с базой данных. Выполнение запросов
|
Комбинированный урок
|
|
конспект лекций, построить логическую модель БД
|
40
|
|
Создание БД MySQL
|
Практическая работа
|
ПЭВМ, IIS, PERL, инструкция, MySQL
|
проектирование БД гостевой книги
|
41
|
|
Создание PERL-скрипта – приложения БД
|
Практическая работа
|
ПЭВМ, IIS, PERL, инструкция, MySQL
|
Сохранение данных в БД
|
42
|
|
Создание PERL-скрипта – приложения БД (продолжение)
|
Практическая работа
|
ПЭВМ, IIS, PERL, инструкция, MySQL
|
Модерирование гостевой книги
|
43
|
|
Создание PERL-скрипта – приложения БД (продолжение)
|
Практическая работа
|
ПЭВМ, IIS, PERL, инструкция, MySQL
|
Повторить ранее изученный материал
|
44
|
|
|
|
Контрольная работа
|
Контрольная работа
|
|
|
