Перечень основной и дополнительной учебной литературы

Планы и содержание лекционных занятий
Лекция 1. Основы веб-архитектуры (2 часа)
Сеть Internet. tcp/ip адреса. URL адреса. Основные протоколы сети Internet. Отличие высокоуровневых и низкоуровневых протоколов. Принципы работы приложений в сети Internet.
Двух- трех- и n-уровневая структура программ. Разработка приложений, использующих в
своей работе сеть Internet.
Сокеты, теория и принципы. Функции для работы с сокетами. Расширенные функции для
работы с сокетами в Windows. Программирование сокетов. Разработка программы для связи компьютеров. Протокол TCP, UDP. Формат TCP, UDP сообщения. Псевдо заголовок
UDP. Место протокола TCP, UDP в уровневой иерархии. Порты TCP, UDP.
Протокол SMTP (соединение, посылка письма).
Порты протокола. Формат пакета. Формат, заголовки запроса. Методы работы с протоколом. Формат, заголовки ответа.
Протокол POP3 (соединение, получение списка писем, статистики, получение письма).
Порты протокола. Формат пакета. Формат, заголовки запроса. Методы работы с протоколом. Формат, заголовки ответа.
Протокол FTP (соединение, подготовка второго соединения)”
Порты протокола. Формат пакета. Формат, заголовки запроса. Методы работы с протоколом. Формат, заголовки ответа. Синхронность и асинхронность. Использование преимуществ многопоточной обработки. Библиотека WinInet.
Протокол HTTP (соединение, метод GET)”
Порты протокола. Формат пакета. Формат, заголовки запроса. Методы работы с протоколом. Формат, заголовки ответа. Библиотека WinInet.
Лекция 2. Веб-сервисы (2 часа)
HTML файл. Теги HTML. Тело HTML страницы. Применение некоторых тегов.
Теги HTML и их свойства. Тег <P>. Тег <DIV>. Тег <SPAN>. Тег <A> и гиперссылки. Тег
<IMG> и изображения. Сочетание текста и графики. Тег <FONT> и изменение шрифта по
умолчанию. Теги <TABLE>, <TR> и <TD> для работы с таблицами. Тег <INPUT> и элементы ввода. Тег <SELECT> и списки. Тег <FORM> и получение и передача данных от
пользователя. Тег <FRAME>, <IFRAME> и фреймовая структура HTML страниц..
Жесткий и резиновый подход при дизайне HTML страниц их недостатки. Возможности
совмещения подходов к дизайну при разработке страницы. Стили HTML тегов. Применение общих стилей при разработке сайтов.
Лекция 3. Отладка и тестирование программ (2 часа)
Описание объектной структуры интернет браузера. Методы и свойства объектов тегов.
Динамическое изменение содержания HTML страницы. События HTML страницы. События мыши, клавиатуры, системные события и способы работы с ними.
Клиентские объекты для доступа к базам данных.
Тег <OBJECT> для вставки внешних объектов. Описание методов и свойств объекта
Tabular Data Control. Применение объекта для простейшего доступа к текстовым базам
данных. Описание методов и свойств объекта Advanced Data Control. Применение объекта
для простейшего доступа к текстовым базам данных.
Технология ASP. Схема объектов ASP.
Что такое ASP. Для чего необходимо применение технологии ASP. Структура серверных
объектов. Понятия приложения и схема работы сервера с приложением. Файл global.asa и
его структура. Объект Server. Объект Application. Объект Session. Объект Request. Объект
Response.
Тематика лабораторных занятий
Лабораторная работа №1
Контрольные вопросы
1) Типы данных.
2) Переменные.
3) Константы.
4) Комментарии.
5) Операторы.
Типовые задания
1. Написать скрипт, который выполнял бы элементарные арифметические действия (сложение,
умножение, вычитание, деление) и вывод результата на экран.
Решение:
<form method="post" name="form1">
Действие:<input type="radio" name="arifm" value="1" checked> +
<input type="radio" name="arifm" value="2"> <input type="radio" name="arifm" value="3"> *
<input type="radio" name="arifm" value="4"> / <br>
Введите a:<input type="text" name="a"><br>
Введите b:<input type="text" name="b"><br>
<input type="submit" name="button" value="Расчет">
</form>
<?
if (isset($_POST['button']))
{
switch($_POST['number'])
{
case 1:
{
$result=$_POST['a']+$_POST['b'];
break;
}
case 2:
{
$result=$_POST['a']-$_POST['b'];
break;
}
case 3:
{
$result=$_POST['a']*$_POST['b'];
break;
}
case 4:
{
if ($_POST['b']!=0) {$result=$_POST['a']/$_POST['b'];}
else {$result="Знаменатель не должен равняться нулю!";}
break;
}
}
echo 'Результат: '.$result;
}
?>
Задачи для решения
1. Организовать проверку двух введенных чисел. Если a меньше b, то вывести число a меньше b, и
если больше, то соответственно. Пример результата ”Число 4 меньше 7”
2. Написать скрипт вычисления корней квадратного уравнения
Лабораторная работа №2
Контрольные вопросы
1) Строковый тип данных.
2) Основные операции со строками
3) Функции поиска в тексте.
4) Функции форматного вывода.
5) Функции работы с URL.
6) Функции преобразования регистра.
Типовые задания
Найти количество вхождений фрагмента в строку.
Решение.
<?
$str = "dfhd@ffs@dfskfk@asas";
$substr_count = substr_count($str,"@");
echo ($substr_count);
?>
Задачи для решения
1. Организовать поиск. Слова должны обрезаться на 2 символа, чтобы искалось к примеру не «Тюменский», а «Тюменск», т.к. в тексте может встречать Тюменскую область, Тюменский район.
Лабораторная работа №3
Контрольные вопросы
1) Понятие массив.
2) Способы объявления массива.
3) Обход элементов массив.
4) Реализация многомерного массива.
5) Поиск значения в массиве.
Типовые задания
1. Обойти все элементы массива и вывести их на экран.
Решение.
<?
$array = array("Мышь", "Клавиатура", "Монитор","ИБП");
foreach($array as $index => $val)
{
echo("$index -> $val <br>");
}
?>
Задачи для решения
1. Организовать поиск заданного значения в массиве. Вывести весь массив, причем искомый
элемент должен быть выделен жирным.
Перечень учебно-методического обеспечения для самостоятельной работы обучающихся по дисциплине (модулю)
№ п/п
Содержание заданий, выносимых на СРС
Количество часов, отводимых
на выполнение заданий
Учебнометодическое
обеспечение
защита лабораторных работ,
тестирование
1
Сеть Internet.
Основные протоколы сети Internet.
Отличие высокоуровневых и
низкоуровневых протоколов.
Принципы работы приложений
в сети Internet.
Двух- трех- и n-уровневая
структура программ.
Разработка приложений, использующих в своей работе
сеть Internet.
2
Windows Sockets (TCP)
Сокеты, теория и принципы.
Функции для работы с сокетами.
Расширенные функции для работы с сокетами в Windows.
Программирование сокетов.
Протокол TCP, UDP.
Формат TCP, UDP сообщения.
Место протокола TCP, UDP в
уровневой иерархии.
Порты TCP, UDP.
защита лабораторных работ,
тестирование,
контрольные работы, типовой
расчет
3
Сокеты без соединения,
cокеты с соединением
Разработка программы для связи компьютеров.
Протокол TCP, UDP.
4
Широковещательные сокеты (UDP)
Псевдо заголовок UDP.
Место протокола TCP, UDP в
уровневой иерархии.
5
Протокол SMTP (соединение, посылка письма).
Порты протокола.
Формат пакета.
Формат, заголовки запроса.
Методы работы с протоколом.
Формат, заголовки ответа.
6
Протокол POP3 (соединение, получение списка
писем, статистики, полу-
Порты протокола.
Формат пакета.
Формат, заголовки запроса.
защита лабораторных работ,
тестирование,
контрольные работы, типовой
расчет
защита лабораторных работ,
тестирование,
контрольные работы, типовой
расчет
защита лабораторных работ,
тестирование,
контрольные работы, типовой
расчет
защита лабораторных работ,
тестирование,
чение письма).
7
Протокол IMAP4 (соединение, выбор ящика, проверка флагов)
Порты протокола.
Формат пакета.
Формат, заголовки запроса.
Методы работы с протоколом.
8
Протокол IMAP4 (чтение
удаление, перемещение
писем
Методы работы с протоколом.
Формат, заголовки ответа.
9
Протокол NNTP (соединение, получение списка
групп, списка новостей,
посылка новости)
Порты протокола.
Формат, заголовки запроса.
Методы работы с протоколом.
10
Протокол FTP (соединение, подготовка второго
соединения)
11
Протокол FTP (просмотр
содержимого папки, получение файлов)
Порты протокола.
Формат пакета.
Формат, заголовки запроса.
Методы работы с протоколом.
Синхронность и асинхронность.
Использование преимуществ
многопоточной обработки.
Синхронность и асинхронность.
Использование преимуществ
многопоточной обработки.
Библиотека WinInet.
12
Протокол HTTP (соединение, метод GET)
Порты протокола.
Формат пакета.
Формат, заголовки запроса.
Методы работы с протоколом.
Формат, заголовки ответа.
13
Протокол HTTP (метод
POST, HTTP 1.1)
Методы работы с протоколом
14
Протокол ICMP (ping)
Библиотека WinInet.
контрольные работы, типовой
расчет
защита лабораторных работ,
тестирование,
контрольные работы, типовой
расчет
защита лабораторных работ,
тестирование,
контрольные работы, типовой
расчет
защита лабораторных работ,
тестирование,
контрольные работы, типовой
расчет
защита лабораторных работ,
тестирование,
контрольные работы, типовой
расчет
защита лабораторных работ,
тестирование,
контрольные работы, типовой
расчет
защита лабораторных работ,
тестирование,
контрольные работы, типовой
расчет
защита лабораторных работ,
тестирование,
контрольные работы, типовой
расчет
защита лабораторных работ,
тестирование,
контрольные работы, типовой
15
Основы HTML.
HTML файл.
Теги HTML.
Тело HTML страницы.
Применение некоторых тегов.
16
Описание тегов HTML.
17
Различные типы дизайна
HTML страниц.
18
Разработка сценариев.
19
Клиентские объекты для
доступа к базам данных.
20
Технология ASP. Схема
объектов ASP.
Теги HTML и их свойства.
Тег <IMG> и изображения.
Сочетание текста и графики.
Тег <FONT> и изменение
шрифта по умолчанию.
Теги <TABLE>, <TR> и <TD>
для работы с таблицами.
Тег <INPUT> и элементы ввода.
Тег <SELECT> и списки. Тег
<FORM> и получение и передача данных от пользователя.
Тег <FRAME>, <IFRAME> и
фреймовая структура HTML
страниц.
Жесткий и резиновый подход
при дизайне HTML страниц их
недостатки. Возможности совмещения подходов к дизайну
при разработке страницы. Стили HTML тегов. Применение
общих стилей при разработке
сайтов.
Описание объектной структуры интернет браузера.
Методы и свойства объектов
тегов.
Динамическое изменение содержания HTML страницы.
События HTML страницы.
События мыши, клавиатуры,
системные события и способы
работы с ними.
Тег <OBJECT> для вставки
внешних объектов.
Описание методов и свойств
объекта Tabular Data Control.
Описание методов и свойств
объекта Advanced Data Control.
Что такое ASP.
Для чего необходимо применение технологии ASP.
Структура серверных объектов.
Понятия приложения и схема
работы сервера с приложением.
расчет
защита лабораторных работ,
тестирование,
контрольные работы, типовой
расчет
защита лабораторных работ,
тестирование,
контрольные работы, типовой
расчет
защита лабораторных работ,
тестирование,
контрольные работы, типовой
расчет
защита лабораторных работ,
тестирование,
контрольные работы, типовой
расчет
защита лабораторных работ,
тестирование,
контрольные работы, типовой
расчет
защита лабораторных работ,
тестирование,
контрольные работы, типовой
расчет
21
Способы передачи и получения информации для
активных страниц.
22
Использование технологий для идентификации
пользователей.
23
Использование серверных расширений для доступа к базам данных
Файл global.asa и его структура.
Объект Server.
Объект Application.
Объект Session.
Объект Request.
Объект Response.
Схема передачи и приема данных внутри протокола HTTP.
Два способа передачи данных с
точки зрения программирования ASP.
Прием и обработка информации на стороне сервера.
Анонимный доступ к вебсерверам.
Проблема идентификации
пользователей.
Способы получения информации о пользователях.
Способы хранения информации о пользователе и его
настройках.
Применение свойства Cookie и
свойств объектов Session и
Application.
Серверные объекты доступа к
базам данных.
Внутренняя структура и порядок работы с ними.
Описание методов и свойств
объектов.
Применение баз данных при
работе с динамически формируемыми страницами.
защита лабораторных работ,
тестирование,
контрольные работы, типовой
расчет
защита лабораторных работ,
тестирование,
контрольные работы, типовой
расчет
защита лабораторных работ,
тестирование,
контрольные работы, типовой
расчет
10. Фонд оценочных средств для проведения текущего контроля и промежуточной аттестации обучающихся по дисциплине (модулю)
8.1.1 Темы рефератов и эссе для подготовки к практическим занятиям
1. Реализация шаблонов средствами PHP.
2. Безопасность сайта электронной коммерции.
3. Реализация аутентификации средствами PHP и MySQL.
4. Реализация безопасных транзакций средствами PHP и MySQL.
5. Генерация изображений средствами PHP.
6. Разработка покупательской тележки средствами PHP и MySQL.
7. Разработка системы управления контентом.
8. Разработка почтовой web-службы.
9. Разработка диспетчера списков рассылки.
10. Разработка приложений поддержки web-форумов.
11. Генерация персонифицированных документов в PDF-формате.
12. JavaScript и DHTML: визуальные эффекты, меню и навигация, слои, позиционирование
элементов.
13. SEO-оптимизация и продвижение web-сайта в сети Интернет.
14. Композиция web-сайта.
15. Цветовое оформление web-сайтов.
16. Создание анимации для web-сайтов.
17. Работа с видео и звуком в web.
18. Юзабилити. Организация навигации с точки зрения удобства пользователя.
19. Роль графики в web-дизайне.
20. Технология размещения сайта в сети Internet.
8.1.2 Тематика практических заданий
1. Web-сайт компьютерного центра.
2. Web-сайт культурно–оздоровительного комплекса.
3. Web-сайт торгового комплекса.
4. Web-сайт спортивного комплекса.
5. Web-сайт туристической фирмы.
6. Web-сайт агентства недвижимости.
7. Web-сайт детского сада.
8. Web-сайт школы.
9. Web-сайт библиотеки.
10. Web-сайт музея.
11. Web-сайт кинотеатра.
12. Web-сайт дискотеки.
13. Web-сайт диско-клуба.
14. Web-сайт фирмы по производству мебели.
15. Web-сайт салона красоты.
16. Web-сайт парка культуры и отдыха.
17. Web-сайт автомобильного салона.
18. 1 8. Web-сайт коммерческой фирмы.
19. Web-сайт салона новобрачных.
20. Web-сайт факультета информатики.
21. 21 .Разработка личного Web-сайта.
22. Web-сайт телевизионного канала.
23. Web-сайт развлекательного журнала.
24. Web-сайт газеты бесплатных объявлений,
25. Web-сайт магазина бытовой техники.
26. Web-сайт магазина игрушек.
27. Web-сайт аэропорта.
28. Web-сайт центра дистанционного обучения.
29. Web-сайт строительной фирмы.
30. Web-сайт для кулинаров.
31. 31 . Web-сайт для садоводов.
32. Web-сайт метеостанции.
33. Web-сайт зоопарка.
34. 3 4. Web-сайт ресторана.
35. Web-сайт футбольного клуба.
36. Web-сайт клуба любителей кошек (собак и т.д.).
37. Web-сайт кадрового агентства.
38. Web-сайт администрации города.
39. Web-сайт благотворительного фонда для детей-сирот.
40. Web-сайт общественно–политической организации (партии).
8.1.3 Задания к контрольной работе
Задание 1
1. Найдите в Интернет два web-сайта для анализа функций и информационной архитектуры. Сайт должен содержать не менее десяти разделов.
2. В документе Word сформулируйте:

цели каждого из web-сайтов;

функции каждого из web-сайтов;

предполагаемую аудиторию каждого из web-сайтов.
3. Создайте логическую структуру для каждого из web-сайтов в виде блок-схемы. Для
этого воспользуйтесь графическим редактором, рекомендуется CorelDRAW. Поместите созданные
схемы в документе Word.
4. Создайте предполагаемую физическую структуру web-сайта в виде блок-схемы. Присваивайте названия папкам и файлам согласно правилам, изученным в теоретическом блоке.
Задание 2
Составить три блочные цветовые схемы, используя различные цветовые стили дизайна и
различные композиции web-страницы.
Задание 3
Найдите в интернете понравившийся Вам шаблон сайта в формате psd, и сверстайте его с
помощью нарезки.
Задание 4
Создать flash-баннер для web-страницы на свободную тему.
Задание 5
Создать web-страницу в Dreamweaver с использованием CSS. На странице необходимо разместить изображения, текст, список, таблицу, форму, flash-баннер.
Задание 6
Написать сценарий на языке Javacript, позволяющий для изображения на web-странице менять ширину и высоту изображения, создавать рамку вокруг изображения, менять ее толщину и
цвет, задавать альтернативный текст.
Задание 7
Написать сценарий на JavaScript, который реализует обмен рисунков на web-странице.
Пусть на web-странице расположено четрые изображения, пронумерованных от 1 до 4. В текстовых полях указываются номера рисунков, которые необходимо поменять местами. Требуется, чтобы после нажатия на кнопку «Поменять местами» изображения переместились на нужные места.
Задание 8
Написать сценарий на JavaScript, который рассчитывает нагрузку преподавателя в часах. В
анкете задать поля, в которые вводятся количество часов, отведенных на чтение лекций и прове-
дение практических занятий, а также число студентов. Если по предмету читаются лекции, дополнительно планируется нагрузка: 10% времени от лекционных часов отводится на консультации,
для приема экзамена планируется по 30 минут на человека. Если по предмету проводятся практические занятия, предусмотрена контрольная работа из расчета 15 минут на человека, зачет – из
расчета 20 минут на человека.
Задание 9
Написать сценарий на JavaScript, который позволяет продемонстрировать, как будет меняться таблица и ее ячейки при изменении значений параметров border, cellspacing, cellpadding.
Задание 10
Приводятся данные о закупках пяти наименований товаров: цена за единицу и количество
приобретаемых экземпляров. Напишите сценарий на JavaScript, определяющий сумму, затраченную на приобретениые товары. Определите, имеются ли товары, на которые потрачена одинаковая
сумма, и сколько их. Постройте диаграмму, отражающую суммы, затраченные на приобретение
разных товаров.
Задание 11
Средствами PHP создайте генератор web-страниц. Подготовьте форму, в которую бы вводился заголовок страницы, цвет фона, цвет шрифта и текст страницы. Создайте HTML-страницу с
помощью этой формы.
Задание 12
Средствами PHP напишите классическую игру «Угадай число». Пусть компьютер создает
случайное число и дает пользователю возможность его угадать. Сообщайте пользователю, является ли его ответ слишком большим, слишком маленьким или правильным. После того, как пользователь угадает значение, сообщите ему, сколько попыток для этого потребовалось.
Задание 13
Создайте средствами PHP простую гостевую книгу. Позвольте пользователю вводить информацию в форму, и когда он нажимает кнопку Submit, добавьте его комментарий в конец страницы.
Задание 14
Напишите программу, которая запрашивает логин пользователя и ищет в базе данных этого
пользователя. При положительном результате на web-страницу должна выводиться следующая
информация: фамилия и имя пользователя, его возраст, место работы или учебы. При отрицательном результате выводится сообщение, что пользователь не найден.
Задание 15
Создайте базу данных с изображениями. Каждому изображению присвойте ключевые слова
таким образом, чтобы одно и то же ключевое слово было присвоено разным изображениям. Создайте web-страницу с формой, в поле которой вводится ключевое слово. При нажатии на кнопку
«Отобразить» на web-страницу должны выводиться из базы данных все изображения, которым
присвоено это ключевое слово.
Перечень основной и дополнительной учебной литературы, необходимой для
освоения дисциплины (модуля)
Основная литература
1. Алексеев, А.П. Введение в WEB-дизайн [Текст]: учеб. пособие для вузов /
А.П. Алексеев. – М.: СОЛОН-ПРЕСС, 2008. – 184 с.
2. Веллинг, Л. Разработка Web-приложений с помощью PHP и MySQL. [Текст] / Л. Веллинг, Л. Томсон; 3-е изд.: пер. с англ. – М.: Издательский дом «Вильямс», 2008. – 880 с.
3. Вьюхин, В.В. Базы данных [Текст]: учеб. пособие для вузов. Ч. 1. Лабораторный практикум / В.В. Вьюхин, С.В. Супрун, Т.А. Кочнева. – Екатеринбург: Изд-во РГППУ, 2005. – 66 с.
4. Евсеев, Д.А. Web-дизайн в примерах и задачах [Текст]: учеб. пособие / Д.А. Евсеев,
В.Р. Трофимов; Под. ред. В.В. Трофимова. – М.: КНОРУС, 2010. – 272 с.
5. Котеров, Д.В. PHP 5 [Текст] / Д.В. Котеров, А.Ф. Костарев. – 2-е изд., перераб. и доп. –
СПб.: БХВ Петербург, 2008. – 1104 с.
6. Рейсинг, Джон. JavaScript. Профессиональные приемы программирования [Текст]:
учеб. пособие / Джон Рейсинг. – СПб.: Питер, 2008. – 351 с.
7. Супрун, С. В. Разработка Web-приложений. В 2 ч. Ч. 2. Серверные технологии [Текст]:
учеб. пособие для вузов [Гриф УМО]. Ч.2. Серверные технологии / С. В. Супрун, В. В. Вьюхин; –
Екатеринбург: Издательство РГППУ, 2005. – 36 с.
8. Фролов И.К. Разработка, дизайн, программирование и раскрутка Web-сайта [Текст]:
И.К. Фролов, В.А. Перелыгин, Е.Э. Самойлов. – М.: Триумф, 2009. – 304 с.
9. Чиртик, А.А. HTML [Текст]: А.А. Чиртик. – Спб. [и др.]: Питер, 2006. – 219 с.
Дополнительная литература
1. Action Script 3.0 для Adobe Flash CS4 Professional [Текст]: официальный учебный курс.
– М.: Эксмо, 2009. – 400 с.
2. Аксак, В.А. Новейшая энциклопедия Интернет 2007 [Текст]: всеобъемлющее руководство по эффективному использованию Сети / В.А. Аксак; ред. В.В. Александров. – М.: ЭКСМО,
2007. – 912 с.
3. Биндер, Кейт. Adobe Photoshop CS4 за 24 часа [Текст] / Кейт Биндер; Пер. с англ. – М.:
ООО «И.Д. Вильямс», 2010. – 528 с.
4. Венедюхин, А.А. Создание сайтов. Новейшая энциклопедия [Текст] / А.А. Венедюхин,
А.А. Воробьев. – М.: Эксмо, 2009. – 416 с.
5. Глушаков, С.В. CorelDRAW X4 [Текст] / С.В. Глушаков, Е.В. Гончарова. – 3-е изд.
доп. и перераб. – М.: АСТ, 2008. – 476,[4] с.
6. Дунаев, В.В. Самоучитель JavaScript [Текст]: учеб. пособие / В.В. Дунаев. – 3-е изд. –
Спб.: Питер, 2008. – 400 с.
7. Котеров, Д.В. PHP 5 [Текст] / Д.В. Котеров, А.Ф. Костарев. – 2-е изд., перераб. и доп. –
СПб.: БХВ Петербург, 2008. – 1104 с.
8. Третьяк, Т.М. Практикум Web-дизайна [Текст]: практикум / Т.М. Третьяк, М.В. Кубарева. – М.: СОЛОН-ПРЕСС, 2007. – 173 с.
Перечень ресурсов информационно-телекоммуникационной сети «Интернет»
(далее – сеть «Интернет»), необходимых для освоения дисциплины (модуля)
1.
2.
3.
4.
5.
6.
RFC 2396 URI Generic Syntax http://www.ietf.org/rfc/rfc2396.txt
RFC 2616 HTTP/1.1 http://www.ietf.org/rfc/rfc2616.txt
The PHP Manual http://php.net/docs.php
Cascading Style Sheets, level 1 http://www.w3.org/TR/CSS1/
XMLHttpRequest http://www.w3.org/TR/XMLHttpRequest/
HTML 4.01 Specification http://www.w3.org/TR/html401/