- •Web программирование
- •231000.62 – “Программная инженерия”
- •Содержание
- •Введение
- •Дисциплина web программирование имеет целью обучить студентов разработке web - приложений, дать студентам теоретические знания и практические навыки в проектировании и реализации web-сайтов.
- •1. Протоколы и модели Internet-взаимодействия
- •1.1. Протоколы
- •1.2. Модель клиент-сервер
- •1.3. Формат описания адреса
- •2. Статическое web – программирование
- •2.1. Структура html-документа
- •2.2. Работа с текстом
- •2.3. Работа с таблицами
- •2.4. Работа с формами
- •2.5. Работа с фреймами
- •3. Каскадные таблицы стилей (css)
- •3.1. Синтаксис css
- •3.2. Использование css
- •3.3. Свойства css
- •4. Язык xml
- •4.1. Структура xml-документа
- •4.2. Правила создания xml-документа
- •4.3. Конструкции языка xml
- •4.3.1. Элементы данных
- •4.3.2. Комментарии
- •4.3.3. Атрибуты
- •4.3.4. Cпециальные символы
- •4.3.5. Директивы анализатора
- •4.3.6. Cdata
- •5. JavaScript сценарии
- •5.1. Клиентские и серверные сценарии
- •5.2. Операторы и функции JavaScript
- •5.3. Встроенные объекты JavaScript
- •5.4. Динамический html
- •5.5. Ajax технология
- •6. Работа с субд MySql
- •6.1. Особенности
- •6.2. Основные команды
- •7. Php. Динамическое web-программирование
- •7.1. Особенности
- •7.2. Php и объектно-ориентированное программирование
- •8. Проектирование полнофункциональных web-сайтов
- •8.1. Виды сайтов
- •8.2. Этапы проектирования web-сайтов
- •9. Задания для выполнения лабораторных работ
- •Последовательность выполнения задания
- •9.2. Задания для выполнения лабораторной работы №2 «Разработка сайта, содержащего карту-изображение с заданными активными зонами»
- •Варианты
- •Последовательность выполнения задания
- •9.3. Задания для выполнения лабораторной работы №3 «Разработка сайта, содержащего таблицы»
- •Варианты
- •9.4. Задания для выполнения лабораторной работы №4 «Разработка сайта “Электронный тест проверки знаний студентов изучаемых дисциплин”»
- •Варианты
- •Последовательность выполнения задания
- •9.5. Задания для выполнения лабораторной работы №5 «Разработка сайта с динамическими эффектами»
- •Варианты
- •Последовательность выполнения задания
- •9.6. Задания для выполнения лабораторной работы №6 «JavaScript. Горизонтальное и вертикальное меню»
- •Варианты
- •Последовательность выполнения задания
- •2.1 Горизонтальное меню
- •2.2 Вертикальное выпадающее меню
- •2.3 Вертикальное раскрывающееся меню
- •9.7. Задания для выполнения лабораторной работы №7
- •2. Ход работы
- •9.8. Задания для выполнения лабораторной работы №8 «Динамическая поддержка выбора значений из предлагаемого списка»
- •Варианты
- •Последовательность выполнения задания
- •9.9. Задания для выполнения лабораторной работы№9 «MySql. Проектирование базы данных и обеспечение прав доступа»
- •Варианты
- •Последовательность выполнения задания
- •9.10. Задания для выполнения лабораторной работы№10 «Разработка интернет-магазина»
- •Варианты
- •Последовательность выполнения задания
- •10. Контрольная работа
- •10.1. Назначение, цели и задачи контрольной работы
- •10.2. Требования к контрольной работе
- •10.3. Варианты заданий курсовой работы
- •11. Пример программы «Создание динамического эффекта» к выполнению лабораторной работы №5 «Разработка сайта с динамическими эффектами»
- •11.1. Плавное появление и исчезновение текста
- •11.2. Текст, движущийся на наблюдателя
- •11.3. Создание бегущих строк
- •11.4. Волнообразнодвижущийся текст
- •10.5. Текст, прилетающий по частям
- •10.6. Имитация движения текста по кругу в 3 d пространстве
- •10.7. Движение фонового рисунка страницы («летящие звезды», «эффект фейерверка», «падающий снег», «часы со стрелками»)
- •Заключение
- •Список литературных первоисточников
- •231000.62 – «Программная инженерия»
10.2. Требования к контрольной работе
10.2.1. Требования к функциональным характеристикам
Проектируемая система должна обеспечивать выполнение следующих основных функций:
- авторизация пользователя;
- администрирование контента сайта;
- универсальный каталог;
- поиск по ключевым словам;
- система голосования;
- гостевая книга;
- cистема публикаций сообщений;
- система отправки почтовых сообщений с сайта;
- cистема анализа посещаемости сайта;
- форум.
- хранение данных;
- вывод результирующих данных.
10.2.2. Требования к эксплуатационным характеристикам
- Модульность.
- Расширяемость.
10.2.3. Требования к программному обеспечению
- Объектно-ориентированный язык программирования PHPверсии не ниже 5.0;
- СУБД MySQLверсии не ниже 5.0.
10.2.4. Требования к содержанию контрольной работы
К защите контрольной работы должен быть представлен альбом, включающий следующие проектные, программные и эксплуатационные документы:
- Опись альбома.
- Пояснительная записка, включающая разделы:
- аналитический обзор;
- описание алгоритмов решения задачи;
- описание структуры программного комплекса;
- описание структур данных;
- схема данных;
- описание Internetсценария.
- Спецификация.
- Описание программы.
- Текст программы (на машинном носителе).
- Руководство пользователя.
- Руководство программиста.
Пояснительная записка оформляется в соответствии с требованиями методического указания к оформлению документации курсовых и дипломных проектов.
10.3. Варианты заданий курсовой работы
1. Разработка информационного сайта.
2. Разработка развлекательного сайта.
3. Разработка сайта презентации предприятия.
4. Разработка сайта дистанционного обучения.
5. Разработка рекрутингового сайта.
6. Разработка сайта-визитки.
7. Разработка корпоративного информационного web-сайта.
8. Разработка корпоративного имиджевого web- сайта.
9. Разработка игрового портала.
10. Разработка персонального проекта.
11. Разработка контент-проекта.
12. Разработка промосайта.
13. Разработка сайт-форума.
14. Разработка блога.
15. Разработка информационного сайта.
16. Разработка корпоративного имиджевого web- сайта.
17. Разработка корпоративного информационного web-сайта.
18. Разработка сайта дистанционного обучения.
19. Разработка рекрутингового сайта.
20. Разработка развлекательного сайта.
11. Пример программы «Создание динамического эффекта» к выполнению лабораторной работы №5 «Разработка сайта с динамическими эффектами»
11.1. Плавное появление и исчезновение текста
Анимация, заключающаяся в изменении цвета фрагмента текста. Цвет текста, расположенного на белом фоне, периодически плавно изменятся от белого до черного, а затем – обратно до белого.
<html lang="ru">
<head>
<title>Анимационные эффекты | Плавное "проявление" и "исчезновение" текста</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<meta http-equiv="Content-Language" content="ru">
<style type="text/css">
<!--
BODY
{
background : white;
}
TABLE
{
width : 100%;
height : 100%;
}
DIV.fader
{
color : white;
font : normal 120px "Times New Roman", serif;
}
-->
</style>
</head>
<body>
<TABLE>
<TR>
<TD align="center" valign="middle">
<DIV class="fader" ID="ID_DIV_FADER">Текст</DIV>
</TD>
</TR>
</TABLE>
<script type="text/javascript">
<!--
var nDelta = -1;
var nBrightness = 255;
function OnTimer()
{
nBrightness += nDelta;
if(nBrightness == 0)
nDelta = 1;
else if(nBrightness == 255)
nDelta = -1;
var str = nBrightness.toString(10);
document.getElementById("ID_DIV_FADER").style.color = "RGB(" + str + "," + str + "," + str + ")";
}
window.setInterval(OnTimer, 20);
// -->
</script>
<noscript>
Внимание ! Ваш браузер не поддерживает выполнение скриптов, либо скрипты отключены.
</noscript>
</body>
</html> /17/.