Web технологии и Web дизайн - Учебно

РОССИЙСКАЯ ФЕДЕРАЦИЯ
МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ
Государственное образовательное учреждение
высшего профессионального образования
ТЮМЕНСКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ
«УТВЕРЖДАЮ»:
Проректор по учебной работе
_______________________ /Л. М. Волосникова/
__________ _____________ 2011 г.
WEB ТЕХНОЛОГИИ И WEB ДИЗАЙН
Учебно-методический комплекс. Рабочая программа
для студентов направления 230700.62 «Прикладная информатика»
профиль подготовки «Прикладная информатика в экономике»”
очная форма обучения
«ПОДГОТОВЛЕНО К ИЗДАНИЮ»:
Автор работы ________________ /Г.Б. Барская/
« »
2011 г.
Рассмотрено на заседании кафедры информационных систем,
протокол № 11 от 12.05.2011 г.
Соответствует требованиям к содержанию, структуре и оформлению.
«РЕКОМЕНДОВАНО К ЭЛЕКТРОННОМУ ИЗДАНИЮ»:
Объем 22 стр.
Зав. кафедрой ______________________ /А. Г. Ивашко/
« »
2011 г.
Рассмотрено на заседании УМК Института математики, естественных
наук и информационных технологий, протокол № 2 от 13.05.2011 г.
Соответствует ФГОС ВПО и учебному плану образовательной
программы.
«СОГЛАСОВАНО»:
Председатель УМК _____________________ /И.Н.Глухих/
«______» _____________ 2011 г.
«СОГЛАСОВАНО»:
Зав. методическим отделом УМУ _____________ /С. А. Федорова/
«______» _____________ 2011 г.
РОССИЙСКАЯ ФЕДЕРАЦИЯ
МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ
Государственное образовательное учреждение
высшего профессионального образования
ТЮМЕНСКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ
Институт математики, естественных наук
и информационных технологий
Кафедра информационных систем
Г.Б. Барская
WEB ТЕХНОЛОГИИ И WEB ДИЗАЙН
Учебно-методический комплекс. Рабочая программа
для студентов направления 230700.62 «Прикладная информатика»
профиль подготовки «Прикладная информатика в экономике»
очная форма обучения
Тюменский государственный университет
2011
Г.Б.Барская.
Web-технологии
и
web-дизайн.
Учебнометодический комплекс. Рабочая программа для студентов,
обучающихся по направлению 230700.62 «Прикладная информатика»
профиль подготовки «Прикладная информатика в экономике» » очной
формы
обучения.
Тюмень:
Издательство
Тюменского
государственного университета, 2011, 22 стр.
Рабочая программа составлена в соответствии с требованиями
ФГОС ВПО с учетом рекомендаций и ПрООП ВПО по направлению и
профилю подготовки.
Рабочая программа дисциплины опубликована на сайте ТюмГУ:
Web-технологии и web-дизайн [электронный ресурс] / Режим доступа:
http://www.umk3.utmn.ru., свободный.
Рекомендовано к изданию кафедрой информационных систем.
Утверждено
проректором
по
учебной
работе
Тюменского
государственного университета.
ОТВЕТСТВЕННЫЙ РЕДАКТОР:
заведующий кафедрой
информационных систем, д.т.н.,
профессор А. Г. Ивашко.
© Тюменский государственный университет, 2011.
© Г.Б. Барская, 2011.
2
1. ПОЯСНИТЕЛЬНАЯ ЗАПИСКА
1.1. Цели и задачи дисциплины
Цель изучения дисциплины - освоение современных webтехнологий и сопутствующих областей знаний, методов и средств
создания web-ресурсов, продвижения и применения в различных
видах деятельности.
Задачи изучения дисциплины:
1. познакомить с базовыми концепциями и приемами webпрограммирования;
2. расширить представление о современных web-технологиях;
3. приобрести навыки в использовании современных языков
программирования для создания web-приложений;
4. развитие самостоятельности при создании web-сервисов,
сайтов, порталов с использованием изученных технологий.
1.2. Место дисциплины в структуре ООП бакалавриата
Данная
дисциплина
относится
к
профессиональной
(вариативной) части.
Дисциплина должна подготовить будущих специалистов к
решению
следующих
задач:
создание
web-приложений
с
использованием
современных
серверных
web-технологий,
администрирование
web-серверов
и
профессиональное
программирование в сети Интернет.
Для успешного освоения дисциплины необходимы знания и
умения, полученные в результате изучения следующих дисциплин:
«Информатика и программирование», «Объектно-ориентированное
программирование».
Освоение данной дисциплины необходимо для изучения таких
дисциплин как «Интерфейсы информационных систем», «Разработка
программных приложений» а также для прохождения учебной и
производственной практики.
1.3. Компетенции выпускника ООП бакалавриата,
формируемые в результате освоения данной ООП ВПО.
В результате освоения ООП бакалавриата выпускник должен
обладать следующими компетенциями:
общекультурными:
 способен использовать, обобщать и анализировать информацию,
ставить цели и находить пути их достижения в условиях
формирования и развития информационного общества (ОК-1);
 способен самостоятельно приобретать и использовать в
практической деятельности новые знания и умения, стремится к
саморазвитию (ОК-5);
3
 способен понимать сущность и проблемы развития современного
информационного общества (ОК-7);
 способен работать с информацией в глобальных компьютерных
сетях (ОК-8).
профессиональными:
 способен использовать основные законы естественнонаучных
дисциплин
в
профессиональной
деятельности
и
эксплуатировать современное электронное оборудование и
информационно-коммуникационные технологии в соответствии
с целями образовательной программы бакалавра (ПК-3);
проектная деятельность:
 способен ставить и решать прикладные задачи с
использованием
современных
информационнокоммуникационных технологий (ПК-4);
 способен применять к решению задач базовые алгоритмы
обработки информации, выполнять оценку сложности
алгоритмов, программировать и тестировать программы (ПК10);
В результате освоения дисциплины обучающийся должен:
 Знать:
 функционирование глобальной сети Интернет;
 процессы и архитектуру технологии «клиент-сервер»;
 основы web-дизайна;
 технологию создания гипертекстовых документов;
 приемы создания и оптимизации графических элементов сайта;
 клиентские технологии web-программирования;
 технологии создания web-приложений;
 средства управления HTML – документами;
 технологию PHP;
 администрирование web-сервера Apache;
 серверные решения на основе Apache.
 Уметь:
 настраивать программное обеспечение для работы в сети
Интернет;
 применять языки гипертекстовой разметки и CSS к созданию
web-документов;
 создавать макет сайта; распределять информацию по
разделам сайта;
 разрабатывать навигацию;
 использовать шаблоны;
4





макетировать сайт с учетом эргономики (web-usability);
разрабатывать динамические элементы;
оценивать и тестировать сайт;
создавать интерактивные web-приложения;
использовать динамический HTML (DHTML) как средство
управления HTML – документами.
 программировать на PHP.
2. Структура и трудоемкость дисциплины.
Вид учебной работы
Аудиторные занятия (всего)
В том числе:
Лекции
Практические занятия (ПЗ)
Семинары (С)
Лабораторные работы (ЛР)
Самостоятельная работа (всего)
Вид промежуточной аттестации (зачет,
экзамен)
Общая трудоемкость
216 час.
6
зач. ед.
Таблица 1.
Семестры
5
6
72
32
Всего
часов
104
52
36
16
52
112
36
54
16
58
зачет
экзамен
126
90
Таблица 2.
1.2
1.3
1.4
2.1
Модуль 1
Организация Web – сайта (Webдокументов)
Современные технологии разработки
Web – документов
Средства создания Web - страниц
Дизайн в Web – сайтах
Всего
Модуль 2
Современные динамические языки
3
4
5 семестр
из них в интерактивной
форме, в час.
Итого
количе
ство
баллов
Самостоятельн
ая работа
1.1
2
Итого
часов
по
теме
Лабораторные
работы
1
Виды учебной
работы и
самостоятельная
работа, в час.
Лекции
№
Тема
недели семестра
3. Тематический план.
5
6
7
8
9
2
1
4
0-5
1
2
2
2
4
4
2
10
0-10
3
4
4
4
12
8
4
2
12
4
2
9
16
6
36
0-10
0-5
0-30
6
2
10
0-5
5-6
5
4
12
2.2
2.3
3.1
3.2
3.3
3.4
3.5
3.6
3.7
разметки гипертекста.
Основы языка РНР
Создание Web-приложений средствами
РНР
Всего
Модуль 3
Применение XML в разработке web приложений
Создание корректно сформированных
XML-документов
Добавление комментариев, инструкций
по обработке и разделов CDATA
Создание валидных XML-документов
Определение и использование
примитивов
Отображение XML-документов с
использованием таблиц каскадных
стилей
Отображение XML-документов
Всего
Итого
7-9
6
8
8
6
22
0-15
10-12
6
10
12
6
28
0-15
16
18
26
14
60
0-35
12
1
2
2
2
5
0-10
13
1
2
1
3
0-5
14
1
2
1
3
0-4
15
1
2
2
5
0-5
16
1
2
1
3
0-3
17
1
2
2
2
5
0-3
18
2
8
36
6
36
4
16
54
1
10
33
6
30
126
0-5
0-35
0-100
1-2
3-4
2
2
2
4
6
2
4
6
10
0-5
0-15
5-6
2
2
6
3
10
0-10
7-8
7-8
1
1
8
2
2
8
5
4
25
2
1
12
8
7
41
0-5
0-5
0-40
9-10
2
4
6
3
12
0-10
11-12
2
4
4
6
12
2
5
8
20
0-15
0-25
8
8
5
21
58
2
2
1
5
10
12
11
6
29
90
0-15
0-12
0-8
0-35
0-100
2
6 семестр
13-15
16-17
16-17
2
1
1
4
16
2
2
4
16
5 семестр
6
другие формы
Информац
ионные
системы и
технологии
программы
компьютерного
тестирования
комплексные
ситуационные
задания
электронный
практикум
эссе
№ темы
Технические
формы
контроля
Письменные работы
реферат
Устный опрос
Итого количество
баллов
Таблица 3.
Виды и формы оценочных средств в период текущего контроля
тест
6.1
6.2
6.3
контрольная
работа
5.2
лабораторная
работа
5.1
ответ на
семинаре
4.4
4.5
собеседование
4.3
коллоквиумы
4.1
4.2
Модуль 4
Назначение и применение JavaScript
Функции и объекты JavaScript
Программирование свойств окна
браузера
Программирование форм
Программирование графики
Всего
Модуль 5
Использование технологии AJAX для
создания сайтов
Библиотеки для работы с AJAX
Всего
Модуль 6
Библиотека JQuery
AJAX запросы jQuery.
Расширения для jQuery.
Всего
Итого (часов, баллов):
из них часов в интерактивной форме
Модуль 1
1.1
1.2
1.3
1.4
Всего
Модуль 2
2.1
2.2
2.3
2.4
Всего
Модуль 3
3.1
3.2
3.3
Всего
Итого
Модуль 4
4.1
4.2
4.3
4.4
4.5
Всего
Модуль 5
5.1
5.2
Всего
Модуль 6
6.1
6.2
6.3
Всего
Итого
0-5
0-2
0-5
0-5
0-17
0-5
0-5
0-3
0-10
0-3
0-2
0-3
0-2
0-5
0-9
0-5
0-5
0-5
0-15
0-2
0-5
0-2
0-9
0-35
0-5
0-5
0-5
0-15
0-40
0-5
0-3
0-3
0-2
0-2
0-15
0-5
0-3
0-3
0-3
0-14
0-4
0-3
0-4
0-4
0-7
0-5
0-5
0-10
0-5
0-5
0-5
0-5
0-5
0-5
0-4
0-10
0-29
0-4
0-13
0-5
0-3
0-5
0-13
0-38
0-8
0-8
0-3
0-5
0-3
0-5
0-13
6 семестр
0-3
0-6
0-12
0-5
0-5
0-5
0-3
0-8
0-20
0-5
0-10
0-10
0-5
0-30
0-5
0-5
0-15
0-10
0-35
0-15
0-10
0-10
0-35
0–100
0-5
0-15
0-10
0-5
0-5
0-40
0-10
0-15
0-25
0-15
0-12
0-8
0-35
0–100
Таблица 4.
Планирование самостоятельной работы студентов
№
1.1
1.2
Виды СРС
Неделя
Объем Кол-во
дополнительны семестр
часов баллов
обязательные
а
е
5 семестр
Проработка
лекций; чтение
Модуль 1
обязательной и
1-4
2
0-4
дополнительной
литературы
Организация Web –
Самостоятельно
сайта (Web-документов) е изучение
1
2
0-5
заданного
материала
Современные
Выполнение
Самоконтроль
технологии разработки заданий по
и
2
3
0-8
Web – документов
лабораторному взаимоконтрол
Модули и темы
7
практикуму
1.3
Средства создания Web
Выполнение
– страниц
заданий по
лабораторному
практикуму
Дизайн в Web – сайтах
1.4
ь выполненных
заданий
Самоконтроль
и
взаимоконтрол
ь выполненных
заданий
Самостоятельно
е изучение
заданного
материала
3
3
0-8
4
2
0-5
12
0-30
5-12
4
0-5
5-6
8
0-5
7-9
6
0-10
11-12
8
0-15
26
0-35
12-18
4
0-5
12
1
0-5
13
2
0-5
14
1
0-3
15
1
0-5
Всего по модулю 1:
Модуль 2
2.1
Современные
динамические языки
разметки гипертекста.
Проработка
лекций; чтение
обязательной и
дополнительной
литературы
Самостоятельн
ое изучение
заданного
материала
Основы языка РНР
Выполнение
заданий по
лабораторному
практикуму
2.2
2.3
Создание Webприложений
средствами РНР
Выполнение
заданий по
лабораторному
практикуму
Анализ
ситуаций;
упражнения
на решение
проблем
Самоконтрол
ьи
взаимоконтро
ль
выполненных
заданий
Знакомство с
содержанием
электронных
источников
Всего по модулю 2:
Модуль 3
Проработка
лекций; чтение
обязательной и
дополнительной
литературы
3.1
Применение XML в
разработке web приложений
Выполнение
заданий по
лабораторному
практикуму
3.2
Создание корректно
сформированных XMLдокументов
Самостоятельн
ое изучение
заданного
материала
3.3
Добавление
комментариев,
инструкций по
обработке и разделов
CDATA
Самостоятельн
ое изучение
заданного
материала
3.4
Создание валидных
XML-документов
Выполнение
заданий по
лабораторному
8
Самоконтрол
ьи
взаимоконтро
ль
выполненных
заданий
Знакомство с
содержанием
электронных
источников
Анализ
ситуаций;
упражнения
на решение
проблем
Самоконтрол
ьи
взаимоконтро
практикуму
3.5
Определение и
использование
примитивов
Самостоятельн
ое изучение
заданного
материала
3.6
Отображение XMLдокументов с
использованием
таблиц каскадных
стилей
Выполнение
заданий по
лабораторному
практикуму
Отображение XMLдокументов
Самостоятельн
ое изучение
заданного
материала
3.7
ль
выполненных
заданий
Знакомство с
содержанием
электронных
источников
Самоконтрол
ьи
взаимоконтро
ль
выполненных
заданий
Анализ
ситуаций;
упражнения
на решение
проблем
16
2
0-2
17
1
0-4
18
4
0-6
16
54
0-35
0-100
1-8
4
0-5
1-2
4
0-5
3-4
5
0-12
5-6
5
0-8
7-8
4
0-5
7-8
3
0-5
25
0-40
4
0-5
Всего по модулю 3:
Модуль 4
4.1
Назначение и
применение JavaScript
4.2
Функции и объекты
JavaScript
4.3
Программирование
свойств окна браузера
4.4
Программирование
форм
4.5
Программирование
графики
ИТОГО:
6 семестр
Проработка
лекций; чтение
обязательной и
дополнительно
й литературы
Самостоятельн Знакомство с
ое изучение
содержанием
заданного
электронных
материала
источников
Анализ
Выполнение
ситуаций;
заданий по
упражнения
лабораторному
на решение
практикуму
проблем
Анализ
Выполнение
ситуаций;
заданий по
упражнения
лабораторному
на решение
практикуму
проблем
Самоконтрол
Выполнение
ьи
заданий по
взаимоконтро
лабораторному ль
практикуму
выполненных
заданий
Самоконтрол
Выполнение
ьи
заданий по
взаимоконтро
лабораторному ль
практикуму
выполненных
заданий
Всего по модулю 4:
Модуль 5
Проработка
лекций; чтение
обязательной и
9
9-12
дополнительно
й литературы
5.1
Использование
технологии AJAX для
создания сайтов
Выполнение
заданий по
лабораторному
практикуму
5.2
Библиотеки для работы
с AJAX
Самостоятельн
ое изучение
заданного
материала
Анализ
ситуаций;
упражнения
на решение
проблем
Самоконтрол
ьи
взаимоконтро
ль
выполненных
заданий
9-10
4
0-8
11-12
4
0-12
12
0-25
13-17
5
0-7
13-15
6
0-10
16-17
6
0-10
16-17
4
0-8
21
58
0-25
0-100
Всего по модулю 5:
Проработка
лекций; чтение
обязательной и
дополнительно
й литературы
Модуль 6
Библиотека JQuery
Выполнение
заданий по
лабораторному
практикуму
6.1
AJAX запросы jQuery.
Выполнение
заданий по
лабораторному
практикуму
6.2
6.3
Расширения для
jQuery.
Самостоятельн
ое изучение
заданного
материала
Самоконтрол
ьи
взаимоконтро
ль
выполненных
заданий
Анализ
ситуаций;
упражнения
на решение
проблем
Знакомство с
содержанием
электронных
источников
Всего по модулю 6:
ИТОГО:
4. Разделы дисциплины и междисциплинарные связи
обеспечиваемыми (последующими) дисциплинами
Наименование
обеспечиваемых
(последующих)
дисциплин
1. Интерфейсы
информационных
систем
2. Разработка
программных
приложений
№
п/п
с
Темы дисциплины необходимые для изучения обеспечиваемых
(последующих) дисциплин
1
2
3
4
5
6
Тема
3.1
Тема
3.4
Тема
5.1
Тема
5.2
Тема
6.1
Тема
6.2
Тема
2.2
Тема
2.3
Тема
3.1
Тема
3.2
Тема
4.2
Тема
4.3
10
7
8
Тема
6.1
Тема
6.2
5. Содержание дисциплины.
5 семестр
ТЕМА 1.1 Организация Web – сайта (Web-документов).
Основы разработки web-сайтов. Стратегии и направления
развития web-индустрии. Подходы и популярные концепции
разработки сайтов. Обзор современных технологий, преимущества и
недостатки. Логическая и физическая структура web– сайта. Основные
черты профессионально выполненного web–сайта. Динамическая и
статическая компоновки сайта.
ТЕМА 1.2 Современные технологии разработки Web –
документов.
Программы для разработки Web–страниц. CGI-cкрипты. Языки
программирования. Web – конструкторы. Web – роботы. Инструменты
создания Web – сайта. Программы дизайна Web – сайта. Выбор
средств разработки.
ТЕМА 1.3 Средства создания Web – страниц.
Назначение языка HTML. Структура документа. Основные
элементы языка. Форматирование. Понятие о тегах (метках).
Непарные метки. Комментарии. Создание заголовков разных уровней.
Цвета и спецсимволы. Фон Web – страницы. Оформление текста:
абзац, разрыв строки, выравнивание текста в абзаце, задание
шрифта, увеличение и уменьшение размера шрифта. Связывание
отдельных Web - страниц. Гиперссылки. Закладки. Таблицы. Списки.
Формы. Основные элементы ввода данных и управления формой.
Многострочные текстовые поля. Фреймы. Графические элементы в
HTML – документе.
ТЕМА 1.4 Дизайн в Web – сайтах.
Графические форматы. Включение графики в Web–страницу.
Программа Ulead GIF Animator. Назначение. Возможности.
Использование программы Ulead GIF Animator для создания
элементов оформления Web – сайта. Использование 2D и 3D графики
для создания элементов оформления Web – сайта.
ТЕМА 2.1 Современные динамические языки разметки
гипертекста
Основы создания каскадных таблиц стилей. Практическое
использование возможностей CSS при разработке web-сайтов.
Особенности отображения текста на web-странице. CSS-свойства,
используемые для оформления текста. Блочная модель. Управление
типами элементов.
ТЕМА 2.2 Основы языка РНР
Назначение языка PHP. Преимущества и недостатки языка PHP.
Типы данных в РНР. Операции и выражения в РНР. Строки в РНР.
Управляющие структуры. HTML-формы и РНР. Массивы и списки.
Функции. Файлы и каталоги. Базы данных.
11
ТЕМА 2.3 Создание Web-приложений средствами РНР
Регулярные выражения. Определение даты и времени.
Использование HTML – заголовков. Отправка электронной почты.
Отладка Web-приложений. Сообщения о возможных ошибках и их
протоколирование. Отслеживание ошибок.
ТЕМА 3.1. Применение XML в разработке web - приложений
Предназначение XML. Создание XML-документов. Отображение
XML-документов.
Официальные
концептуальные
цели
XML.
Стандартные XML-приложения.
Создание XML-документа. Анатомия XML-документа. Пролог.
Элемент. Документ. Некоторые базовые правила XML. Отображение
XML-документа с использованием таблицы каскадных стилей и без
таблицы стиля. Обнаружение ошибок XML в Internet Explorer 5
ТЕМА 3.2. Создание корректно сформированных XMLдокументов
Составные части корректно сформированного XML-документа.
Наименьший XML-документ. Добавление элементов в документ.
Анатомия элемента. Типы содержимого элемента. Пустые элементы.
Задание атрибутов для элементов. Правила создания атрибутов.
Правила корректного задания значений атрибутов.
ТЕМА 3.3. Добавление комментариев, инструкций по
обработке и разделов CDATA
Добавление комментариев. Использование инструкций по
обработке. Форма записи комментариев и инструкции по обработке.
Использование разделов CDATA. Форма записи раздела CDATA.
ТЕМА 3.4. Создание валидных XML-документов
Основные
критерии
валидного
документа.
Требования
корректности
формирования
и
валидности.
Преимущества
использования валидных XML-документов.
Добавление DTD. Объявление типов элементов. Описание
содержимого элемента. Задание дочернего содержимого элемента.
Задание смешанного содержимого. Объявление атрибутов. Тип
атрибута. Объявление значения по умолчанию.
Использование внешних подмножеств DTD. Преобразование
корректно сформированного документа в валидный.
ТЕМА 3.5. Определение и использование примитивов
Определения и классификация примитивов. Типы примитивов.
Объявление общих примитивов. Объявление общего внутреннего
разбираемого
примитива.
Объявление
общего
внешнего
разбираемого примитива. Объявление нотаций. Вставка ссылок на
примитив и символы. Использование предварительно определенных
примитивов. Объявление документа автономным (standalone).
Добавление примитивов в документ.
12
ТЕМА 3.6. Отображение XML-документов с использованием
таблиц каскадных стилей
Основные этапы при использовании таблицы каскадных стилей.
Наследование установок свойств. Использование множественных
элементов и множественных правил. Использование контекстуальных
селекторов. Использование атрибута STYLE. Импорт других таблиц
стилей. Связывание таблицы стилей с XML-документом.
ТЕМА 3.7. Отображение XML-документов
Структура DOM. Доступ и отображение элементов XMLдокумента. Извлечение символьных данных элемента. Отображение
переменного числа XML-элементов. Доступ и отображение значений
атрибутов в XML-документе. Доступ к примитивам и нотациям XML.
Перемещение внутри XML-документа.
Основы использования XSL-таблиц стилей. Использование
одного шаблона XSL. Отображение переменного числа элементов.
Использование нескольких шаблонов. Фильтрация и сортировка
данных XML. Доступ к атрибутам XML
6 семестр
ТЕМА 4.1. Назначение и применение JavaScript
Возможности JavaScript. Размещение кода JavaScript на HTMLстранице. Структура сценариев на JavaScript.
Типы данных. Переменные и литералы. Операторы. Конструкции
языка JavaSctipt. Массивы. Функции пользователя. Проверка условий.
Циклы. Операторы языка.
ТЕМА 4.2. Функции и объекты JavaScript
Объекты языка JavaScript (Array, String, Date, Math, Number,
Function). Создание пользовательских объектов.
Функции. Операторы работы с объектами. Знакомство с
объектной моделью документа. Объект navigator, screen, location,
history, event. Коллекции. Свойства. Методы. События. Прототип.
ТЕМА 4.3. Программирование свойств окна браузера
Взаимодействие с пользователем. Управление окнами и
фреймами. Объект window. Свойства объекта window. Поле статуса и
свойство window.status. Поле адреса и свойство window.location.
Методы объекта window. События объекта window. Объект document.
Работа с фреймами (Frames). Иерархия и именование фреймов.
Передача данных во фрейм. Всплывающие окна. Открытие новых
окон браузера. Управление вспомогательными окнами.
ТЕМА 4.4. Программирование форм
Контейнер Form. Работа с формами. Свойства, методы и события
объекта Form. Поля формы и их объекты (текстовое поле, списки
вариантов). Передача, обработка и проверка данных форм.
13
Динамическое изменение элементов формы. Создание объектов
Option. Кнопки.
ТЕМА 4.5. Программирование графики
Объект Image. Изменение картинки. Мультипликация. Обработчик
события onLoad. Запуск и остановка мультипликации. Оптимизация
отображения.
Оптимизация
при
загрузке
изображений.
Предварительная загрузка изображений. Нарезка изображений.
Графика и таблицы. Горизонтальное, вертикальное и вложенное меню
ТЕМА 5.1 Использование технологии AJAX для создания
сайтов
Принцип работы AJAX. Клиентские технологии на основе
JavaScript. Использование объекта XMLHttpRequest. Работа со
структурой XML.
Соединение с удаленным сервером. Асинхронные запросы.
Технологии, применяемые на стороне сервера. Кэширование ответа.
Проблемы безопасности при работе с AJAX. Проверка данных на
стороне клиента и на стороне сервера.
Применение MySQL для хранения данных запроса, объектный код
работы с базами данных. Drag & Drop с применением AJAX.
ТЕМА 5.2 Библиотеки для работы с AJAX
Применение библиотек для ускорения работы с AJAX-запросами
(Prototype,
script.asulo.us).
Создание
web-приложений,
осуществляющих AJAX-запросы.
Библиотека ExtJS. Структура и идеология библиотеки.
Конфигурирование библиотеки. Поиск элементов. Панели и
компоновка элементов. Формы. Создание элементов формы.
Компоновка формы. Проверка форм. Визуальные эффекты. Создание
редактируемых таблиц.
ТЕМА 6.1. Библиотека jQuery.
Подключение, структура библиотеки jQuery. Функции ядра jQuery.
Функции ядра jQuery. Доступ к объекту jQuery.
Селекторы jQuery. Базовые и иерархические селекторы.
Основные фильтры. События jQuery. Помощники при работе с
событиями. Манипулирование элементами. Вставка содержимого
внутрь элементов. Изменение содержимого элементов. Замещение,
удаление, копирование элементов.
ТЕМА 6.2. AJAX запросы jQuery.
Загрузка содержимого. Реализация GET и POST запросов.
Контроль за AJAX запросами. События AJAX в jQuery.
ТЕМА 6.3. Расширения для jQuery.
Подключение дополнительных модулей. Плагин jQuery Form.
Получение значений из элементов форм. Отправка формы с помощью
AJAX. Плагин Live Query. Вставка событий и обработчиков.
14
6. Темы лабораторных работ (Лабораторный практикум).
ЛАБОРАТОРНАЯ РАБОТА 1. Язык разметки гипертекстов
HTML
Цель работы:
 ознакомление с языком разметки гипертекстов HTML;
 ознакомление с базовым синтаксисом языка, основными
элементами HTML - документа;
 изучить основы организации форм, таблиц и гиперссылок в
HTML;
 научиться создавать многостраничные HTML-документы в
соответствии с заданием.
ЛАБОРАТОРНАЯ РАБОТА 2.
Каскадные таблицы стилей
(CSS)
Цель работы:
 ознакомление с базовым синтаксисом, основными элементами
CSS - документа;
 изучить способы использования стилевой разметки;
 научиться создавать и применять таблицы стилей для
управления представлением содержимого web-страниц.
ЛАБОРАТОРНАЯ РАБОТА 3. Создание серверных сценариев
с использованием технологии PHP
Цель работы:
 изучить язык интерпретатора PHP;
 научиться создавать сценарии со стороны сервера, встроенные
в документы HTML.
ЛАБОРАТОРНАЯ РАБОТА 4. Обработка данных форм
Цель работы:
 изучить особенности языка PHP по передачи на сервер данных
введенных пользователем;
 изучить механизм обработки форм в PHP;
 изучить специфику передачи данных методами POST и GET;
 научиться
динамически
формировать
странички
с
использованием данных форм.
ЛАБОРАТОРНАЯ РАБОТА 5. Файловый ввод/вывод
Цель работы:
 изучить приемы работы с функциями и массивами в PHP;
 приобрести навыки использования функций обработки текстовых
файлов;
 изучить технологии и получить практические навыки работы с
библиотекой файлового ввода/вывода в PHP
15
ЛАБОРАТОРНАЯ РАБОТА 6. Поддержка баз данных в РНР
Цель работы:
 изучение технологии и получение практических навыков
создания
динамических
web-страниц
на
основе
данных,
расположенных на сервере MySQL;
 приобретение навыков создания и управления базой данных с
помощью программы phpMyAdmin.
ЛАБОРАТОРНАЯ РАБОТА 7. Регулярные выражения в языке
РНР
Цель работы:
 изучить приемы работы с регулярными выражениями в PHP;
 научиться создавать регулярные выражения в синтаксисе языка
PHP.
ЛАБОРАТОРНАЯ РАБОТА 8. Отслеживание сеанса (session)
Цель работы:
 изучить
технологии
и
получить
практические
навыки
отслеживания сеанса пользователя;
 познакомиться с применением механизма сессий для создания
системы управления доступом к ресурсам сайта.
ЛАБОРАТОРНАЯ РАБОТА 9. Структура XML документа.
Цель работы:
 знакомство со структурой XML-документа, основами синтаксиса
языка
 ознакомиться с конструкциями языка XML и его реализациями;
 изучить способы описания структуры документа средствами
DTD и описания схемы документа на языке XSD;
 изучить способы обработки XML документов.
ЛАБОРАТОРНАЯ РАБОТА 10. Язык составления сценариев
JavaScript
Цель работы:
 ознакомиться
с
базовым
синтаксисом
и
основными
возможностями управления содержимым web-страницы на стороне
клиента;
 ознакомиться со способами создания функций в JavaScript;
 научиться создавать рекурсивные функции;
 получить практические навыки написания клиентских скриптов с
использованием языка JavaScript.
ЛАБОРАТОРНАЯ РАБОТА 11. Методы объектов в языке
JavaScript. События.
16
Цель работы:
 познакомиться с понятием объектов;
 научиться создавать экземпляры объектов и новые объекты;
 научиться создавать конструкторы объектов и использовать
прототипы;
 изучить основные методы объектов;
 изучить события JavaScript.
ЛАБОРАТОРНАЯ
РАБОТА
12.
Создание
сложных
динамических HTML-документов с использованием фреймов и
JavaScript
Цель работы:
 изучить структуру фреймового документа HTML;
 научиться создавать динамические документы HTML с
использованием технологий JavaScript и DynamicHTML;
 научиться применять язык программирования JavaScript для
разработки динамических HTML-страниц, содержимое которых
меняется в зависимости от действий пользователя.
ЛАБОРАТОРНАЯ РАБОТА 13. Технология AJAX
Цель работы:
 изучение технологии и получение практических навыков
создания документов без перезагрузки страницы;
 ознакомление с принципами асинхронного взаимодействия
между web-клиентом и web-сервером в рамках технологии AJAX.
ЛАБОРАТОРНАЯ РАБОТА 14. Использование библиотеки
jQuery.
Цель работы:
 научиться подключать библиотеку jQuery.
 научиться использовать анимацию и изменение свойств CSS с
использованием jQuery.
7. Учебно-методическое обеспечение самостоятельной работы
студентов. Оценочные средства для текущего контроля
успеваемости, промежуточной аттестации по итогам
освоения дисциплины.
Учебно-методическое обеспечение выполнения обучающимися
самостоятельных заданий лабораторного практикума включает
 рабочую программу по дисциплине,
 методические указания к выполнению каждого задания (выдаются
обучающимся в электронном виде).
17
Контрольные вопросы для проведения текущего контроля и
промежуточной аттестации:
5 семестр
1. Переменные и типы данных, константы и выражения языка
PHP, извлечение данных из полей форм.
2. Управляющие структуры языка PHP.
3. Работа с массивами.
4. Ассоциативные массивы.
5. Создание пользовательских функций, передача параметров
функции и области видимости переменных.
6. Функции для работы со строками.
7. Функции даты/времени и работы с календарем.
8. Работа с файлами.
9. Операции с содержимым файлов.
10. Работа с каталогами.
11. Регулярные выражения, сопоставление и поиск с шаблоном.
12. Работа с динамическими изображениями.
13. Создание и подключение модулей.
14. Управление интерпретатором PHP.
15. Отслеживание сеанса, управление сессиями и cookies.
16. Работа с базами данных (MySQL, ODBC, Oracle)
17. Объектно-ориентированное
программирование,
создание
классов и объектов, доступ к методам и свойствам объекта.
18. Структура XML – документа. Правила создания. Конструкции
языка.
19. Определение типа документа (DTD).
20. Объявления элементов и атрибутов XML документа.
21. Свойства и методы XML документа.
22. Свойства и методы элементов документа.
23. Типы атрибутов XML документа.
24. Функции обработки кода XML.
25. Обработка XML-документов PHP скриптами.
26. Стилевые таблицы XSL. Структура XSL- таблиц.
27. Встроенные функции XSL.
28. Сценарии XSL.
29. Использование атрибутов элементов в XSL.
30. Фильтрация элементов в XSL.
6 семестр
1. Типы данных и значения. Работа с числами. Строки.
Преобразование чисел в строки и обратно. Сравнение строк.
2. Работа с переменными. Область видимости переменной.
Неопределенные и неинициализированные переменные
18
3. Операторы
языка
JavaScript.
Приоритет
операторов.
Операторы in, instanceof, typeof, void.
4. Инструкции throw, try/catch/finally, with.
5. Объекты. Создание объектов. Свойства объектов. Проверка
существования и удаление свойств.
6. Свойства и методы универсального класса Object.
7. Массивы. Чтение и запись элементов массивов. Добавление и
удаление элементов массива. Длина массива. Обход элементов
массива.
8. Методы массивов.
9. Функции. Определение и вызов функций. Типы аргументов.
10. Функции. Свойства и методы функций
11. Объектная модель документа.
12. Обработчики событий в HTML.
13. Работа с окнами браузера. Объекты Location и History.
14. Работа с окнами браузера. Объекты Window, Screen и
Navigator
15. Методы управления окнами. Открытие, закрытие окна, фокус
ввода и видимость, геометрия окна.
16. Простые диалоговые окна.
17. Работа с несколькими окнами и фреймами. Отношения между
фреймами.
18. Работа с документами. Свойства объекта Document.
Коллекции объектов документа. Обработчики событий в объектах
документа.
19. Технология Ajax: основные идеи и примеры реализации.
Компоненты AJAX.
20. Объект XMLHttpRequest, его атрибуты и методы.
21. Использование XML для создания периодических запросов.
22. Создание объекта XMLHttpRequest на языке JavaScript,
жизненный цикл обмена данными с сервером.
23. Запросы без перезагрузки веб-страницы. Возможные приёмы
реализации (iframe, get/post).
24. Запрос к серверу. Ограничения безопасности. Отмена
кеширования. Сохранение истории, возможность добавления в
Favorites.
25. Библиотеки для работы с AJAX.
26. Библиотека Prototype. Класс Element его возможности и
методы.
27. Библиотека Prototype. Класс Array его возможности и методы.
28. AJAX в Prototype. Эффекты. Перетаскивание и сортировка.
29. AJAX в Script.aculo.us.
30. Библиотека jQuery.
19
8. Образовательные технологии.
В рамках учебного курса предусматривается получение и
овладение комплексом необходимых знаний и умений в области
создания Web-приложений, современных серверных Web-технологий
и профессионального программирования для сети Интернет.
Программой предусматривается проведение лабораторных занятий и
самостоятельных
работ,
позволяющих
расширить
спектр
рассматриваемых вопросов.
9. Учебно-методическое и информационное обеспечение
дисциплины.
9.1. Основная литература:
1. Гутманс, Э. PHP 5. Профессиональное программирование: [пер.
с англ.] / Э. Гутманс, С. Баккен, Д. Ретанс. – СПб.: Символ-Плюс, 2006.
– 704 c.
2. Дэвис, Е. М. Изучаем PHP и MySQL: [пер. с англ.] / Е. М. Дэвис,
Дж. А. Филипс. – СПб.: Символ-Плюс, 2008. – 448 с.
3. Прохоренок, Н. А. HTML, JavaScript, PHP и MySQL.
Джентльменский набор Web-мастера. – СПб.: БХВ-Петербург, 2008. –
640 с.
4. Колисниченко Д.Н. РНР-5.Самоучитель. Санкт – Петербург,
Наука и техника, 2005
5. Ульман Л. Основы программирования на РНР. Самоучитель.
М., ДНК, 2003
6. Холмогоров В. Основы Web – мастерства. М., Санкт –
Петербург, Нижний Новгород, Воронеж, Питер,2005
7. Дейтел, Х. Как программировать на XML. – М.: Бином, 2008. –
944 с.
9.2. Дополнительная литература:
1. Дунаев В.В. Web-программирование для всех. - СПб.:БХВПетербург, 2008. – 550с.
2. Мазуркин А., Еловой Д. РНР – настольная книга программиста.
Минск, Новое знание, 2003
3. Федорчук А. Как создаются сайты. Санкт – Петербург, ЗАО
Питер Бук, 2003.
9.3. Программное обеспечение и Интернет-ресурсы:
1. Сычев А.В. Web-технологии
www.intuit.ru/department/internet/webtechno/
2. Флойд К.С. Введение в программирование на PHP5.
http://www.intuit.ru/department/pl/php5/
3. Основы XML http://www.intuit.ru/department/internet/xml/
20
4. http://www.intuit.ru/department/internet/thpdevweba/
5. Храмцов П.Б., Брик С.А., Русак А.М., Сурин А.И. Основы
программирования на JavaScript
http://www.intuit.ru/department/internet/js/
6. Кан М. Основы программирования на JavaScript
http://www.intuit.ru/department/internet/jsbasics/
10. Технические
средства
и
материально-техническое
обеспечение дисциплины.
Компьютерный класс с установленным программным обеспечением:
- Denwer набор дистрибутивов (Apache, PHP, MySQL, Perl и т.д.);
- PHP5 с поддержкой GD, MySQL, sqLite;
- Браузер (Mozilla Firefox, Google Chrome, Opera, Safari, Internet
Explorer).
21
Дополнения и изменения к рабочей программе на 201 / 201
учебный год
В рабочую программу вносятся следующие изменения:
___________________________________________________________
___________________________________________________________
___________________________________________________________
___________________________________________________________
___________________________________________________________
___________________________________________________________
___________________________________________________________
___________________________________________________________
___________________________________________________________
___________________________________________________________
___________________________________________________________
___________________________________________________________
___________________________________________________________
_________________________
Рабочая программа пересмотрена и одобрена на заседании кафедры
____________________ « »_______________201 г.
Заведующий кафедрой ___________________/ А.Г. Ивашко/
22