МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ

РОССИЙСКОЙ ФЕДЕРАЦИИ

ФЕДЕРАЛЬНОЕ АГЕНТСТВО ПО ОБРАЗОВАНИЮ

КУРГАНСКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ

Кафедра программного обеспечения автоматизированных систем

Web программирование

Методические указания

к выполнению лабораторных и контрольных работ

для студентов направления (специальности)

231000.62 – “Программная инженерия”

Курган 2013

Кафедра «Программное обеспечение автоматизированных систем»

Дисциплина «Программная инженерия» (231000.62)

Составил канд. техн. наук, доцент А.М. Семахин

Утверждены на заседании кафедры « » 2013 г.

Рекомендованы методическим советом университета

«_____»_______________2013 г.

Содержание

ВВЕДЕНИЕ 4

1. Протоколы и модели Internet-взаимодействия 6

1.1. Протоколы 6

1.2. Модель клиент-сервер 6

1.3. Формат описания адреса 6

2. Статическое web-программирование 7

2.1. Структура HTML-документа 7

2.2. Работа с текстом 7

2.3. Работа с таблицами 8

2.4. Работа с формами 8

2.5. Работа с фреймами 9

3. Каскадные таблицы стилей (CSS) 9

3.1. Синтаксис CSS10

3.2. Использование CSS10

3.3. Свойства CSS11

4. Язык XML11

4.1. Структура XMLдокумента 11

4.2. Правила создания XMLдокумента 12

4.3. Конструкции XMLдокумента 13

4.3.1. Элементы данных 13

4.3.2. Комментарии 13

4.3.3. Атрибуты 13

4.3.4. Специальные символы 13

4.3.5. Директивы анализатора 14

4.3.6. CDATA14

5. JavaScriptсценарии 14

5.1. Клиентские и серверные сценарии 14

5.2. Операторы и функции JavaScript15

5.3. Встроенные объекты JavaScript19

5.4. Динамический HTML20

5.5. AJAXтехнология 20

6. Работа с СУБД MySQL21

6.1. Особенности 21

6.2. Основные команды 22

7. PHP. Динамическое программирование 23

7.1. Особенности 23

7.2. PHPи объектно-ориентированное программирование 23

8. Проектирование полнофункциональных web-сайтов 27

8.1. Виды сайтов 27

8.2. Этапы проектирования web-сайтов 28

9. Задания для выполнения лабораторных работ 34

9.1. Задания для выполнения лабораторной работы №1

«Разработка сайта, содержащего изображения и гиперссылки

на web-страниц» 34

9.2. Задания для выполнения лабораторной работы №2

«Разработка сайта, содержащего карту-изображение с заданными

активными зонами» 35

9.3. Задания для выполнения лабораторной работы №3

«Разработка сайта, содержащего таблицы» 36

9.4. Задания для выполнения лабораторной работы №4

«Разработка сайта “Электронный тест проверки знаний студентов

изучаемых дисциплин”» 37

9.5. Задания для выполнения лабораторной работы №5

«Разработка сайта с динамическими эффектами» 38

9.6. Задания для выполнения лабораторной работы №6

«JavaScript. Горизонтальное и вертикальное меню» 39

9.7. Задания для выполнения лабораторной работы №7

«Технология фонового обмена данными браузера с веб-сервером

в информационных сетях» 43

9.8. Задания для выполнения лабораторной работы №8

«Динамическая поддержка выбора значений из предлагаемого списка» 47

9.9. Задания для выполнения лабораторной работы №9

«MySQL. Проектирование базы данных и обеспечение прав доступа» 50

9.10. Задания для выполнения лабораторной работы №10

«Разработка интернет-магазина» 52

10. Контрольная работа 54

10.1. Назначение, цели и задачи контрольной работы 54

10.2. Требования к контрольной работе 55

10.2.1. Требования к функциональным характеристикам 55

10.2.2. Требования к эксплуатационным характеристикам 55

10.2.3. Требования к программному обеспечению 55

10.2.4. Требования к содержанию контрольной работы 55

10.3. Задания для выполнения контрольной работы 56

11. Пример программы «Создание динамического эффекта» к выполнению лабораторной работы №5 «Разработка сайта с динамическими эффектами» 56

11.1. Плавное появление и исчезновение текста 56

11.2. Текст, движущийся на наблюдателя 57

11.3. Создание бегущих строк 59

11.4. Волнообразно движущийся текст 61

11.5. Текст, прилетающий по частям 67

11.6. Имитация движения текста по кругу в 3 D-пространстве 69

11.7. Движение фонового рисунка страницы («летящие звезды», «эффект фейерверка», «падающий снег», «часы со стрелками») 70

ЗАКЛЮЧЕНИЕ 82

СПИСОК ЛИТЕРАТУРНЫХ ПЕРВОИСТОЧНИКОВ 83