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. Веб-дизайн. Принципы гипертекстовой разметки. Структура документов. Примеры простой гипертекстовой разметки. Контейнеры заголовка документа
|
|
|
|
10
|
|
Контейнер тела документа: заголовки, параграфы, переводы строк, отчеркивания, управлением форматированием. Атрибуты
|
|
|
|
11
|
|
Гипертекстовые ссылки. Ссылки на графику и почту. Закладки. Специальные символы HTML-документа.
|
|
|
|
12
|
|
Графика в HTML. Форматы графических файлов. Активные изображения. Изображения в миниатюре.
|
|
|
|
13
|
|
Создание списков: нумерованные, маркированные, смешанные и вложенные списки.
|
|
|
|
14
|
|
HTML- таблицы. Атрибуты строк и ячеек. Примеры создания.
|
|
|
|
15
|
|
HTML –формы: текст, пароль, переключатель, радиокнопка, отсылка, перезагрузка, файл, скрытый, графический, выбор элемента. Фреймы и окна. Создание фреймовой страницы
|
|
|
|
16
|
Тема 2.3. Каскадные таблицы стилей CSS
|
10
|
|
Назначение CSS. Способы применения. Переопределение стиля.
|
|
|
|
17
|
|
|
Свойства элементов, управляемых с помощью CSS. Ссылка на внешнее описание.
|
|
|
|
18
|
|
|
Импорт описания стилей. Селектор-элемент разметки, селектор-класс, селектор-идентификатор объекта.
|
|
|
|
19
|
|
|
Наследование и переопределение.
Блочные и строковые элементы. Набивка, отступ, границы, обтекание.
|
|
|
|
20
|
|
|
Форматирование текста. Управление цветом. Позиционирование. Координаты. Слои.
|
|
|
|
21
|
Тема 2.4. Скриптовые языки программирования
|
6
|
|
JavaScript: объектная модель, задание сценария, примеры реализации.
|
|
|
|
22
|
|
|
Базовые основы языка. Типы данных. Область действия переменных. Управление потоком вычислений. Функции. Объекты.
|
|
|
|
23
|
|
|
PHP: история развития, возможности, области применения, PHP-скрипты, встраивание в HTML.
|
|
|
|
|
Раздел 3. Графика для Web
|
18
|
|
|
|
|
|
24
|
Тема 3.1. Векторная графика
|
6
|
|
Редактор векторной графики CorelDraw. Работа с текстом, текстуры и материалы
|
Практическая работа
|
ПЭВМ, редактор векторной графики Corel Draw 11
|
Гурский стр. 26-29, 166-174, 325-350
|
25
|
|
Растровые объекты. Обработка фотографий
|
Практическая работа
|
ПЭВМ, редактор векторной графики Corel Draw 11, инструкция
|
Стр. 175-191
|
26
|
|
Имитация объема. Сохранение для Web.
|
Практическая работа
|
ПЭВМ, редактор векторной графики Corel Draw 11, инструкция
|
Стр. 398-440
|
27
|
Тема 3.3. Растровая графика
|
6
|
|
Редактор растровой графики PhotoShop. Цветовые режимы и модели
|
Практическая работа
|
ПЭВМ, редактор растровой графики PhotoShop
|
Разработка логотипа колледжа
|
28
|
|
Слои, контуры, фильтры и спецэффекты
|
Практическая работа
|
ПЭВМ, редактор растровой графики PhotoShop
|
Построение макета сайта
|
29
|
|
Подготовка рисунков и заполнение макета Web-страницы
|
Практическая работа
|
ПЭВМ, редактор растровой графики PhotoShop, инструкция
|
Работа над макетом сайта
|
30
|
Тема 3.3. Анимированные изображения
|
6
|
|
Редактор Flash MX. Анимация морфинга, движения
|
Практическая работа
|
ПЭВМ, редактор Flash MX, инструкция
|
Проект рекламного баннера
|
31
|
|
Использование слоев
|
Практическая работа
|
ПЭВМ, редактор Flash MX, инструкция
|
Проект рекламного баннера
|
32
|
|
Анимация с использованием Flash-символов
|
Практическая работа
|
ПЭВМ, редактор Flash MX, инструкция
|
Создание баннера
|
|
Раздел 4. Web-программирование
|
28
|
|
|
|
|
|
33
|
Тема 4.1. Установка программного обеспечения и настройка Web-сервера
|
2
|
|
Создание и настройка виртуального каталога в IIS
|
Практическая работа
|
ПЭВМ, IIS, инструкция
|
Конфигурация Apache
|
34
|
Тема 4.2. CGI-программирование. Perl
|
12
|
|
Разновидности Web –приложений. История CGI. Определение программы CGI. Языки программирования для написания CGI-программ. PERL. Синтаксис PERL. Этапы создания и основные части PERL- скрипта.
|
Комбинированный урок
|
|
Р. Колберн., с 20-27, конспект лекций
|
35
|
|
Чтение и обработка переданных данных. Операторы для работы с текстом
|
Комбинированный урок
|
|
конспект лекций
|
36
|
|
Чтение данных из формы, обработка переданных параметров
|
Практическая работа
|
ПЭВМ, MS FrontPage, инструкция
|
Алгоритм проверки данных формы
|
37
|
|
Разработка PERL-скрипта гостевой книги
|
Практическая работа
|
ПЭВМ, IIS, PERL, MS IExplorer 5.0, инструкция
|
Алгоритм работы гостевой книги
|
38
|
|
Разработка PERL-скрипта гостевой книги (продолжение)
|
Практическая работа
|
ПЭВМ, IIS, PERL, MS IExplorer 5.0, инструкция
|
Разветвление алгоритма, параметры, процедуры
|
39
|
Тема 4.3. Работа с сервером MySQL
|
12
|
|
Знакомство с MySQL. Интерфейс взаимодействия MySQL и PERL
|
Комбинированный урок
|
|
конспект лекций
|
40
|
|
Соединение с базой данных. Выполнение запросов
|
Комбинированный урок
|
|
конспект лекций, построить логическую модель БД
|
41
|
|
Создание БД MySQL
|
Практическая работа
|
ПЭВМ, IIS, PERL, инструкция, MySQL
|
проектирование БД гостевой книги
|
42
|
|
Создание PERL-скрипта – приложения БД
|
Практическая работа
|
ПЭВМ, IIS, PERL, инструкция, MySQL
|
Сохранение данных в БД
|
43
|
|
Создание PERL-скрипта – приложения БД (продолжение)
|
Практическая работа
|
ПЭВМ, IIS, PERL, инструкция, MySQL
|
Модерирование гостевой книги
|
44
|
|
Создание PERL-скрипта – приложения БД (продолжение)
|
Практическая работа
|
ПЭВМ, IIS, PERL, инструкция, MySQL
|
Повторить ранее изученный материал
|
45
|
|
|
|
Контрольная работа
|
Контрольная работа
|
|
|
