- •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 – «Программная инженерия»
Последовательность выполнения задания
1. Продумайте структуру сайта. Выполните поиск графического и текстового материала для информационного контента сайта. Головная страница Index.html должна состоять из двух фреймов, в первом из которых размещается меню (список вопросов), а во втором – изначально выводится иллюстрация по теме тестирования, а при выборе вопросов в меню – выводится текст вопросов.
2. Создайте страницу с именем 1.html, соответствующую первому вопросу. Она должна состоять из двух фреймов, в которые загружаются страницы с именами1-1.html,2-1.html.
3. Аналогичным способом создайте страницы, соответствующие остальным вопросам. Они также должны состоять из двух фреймов, в которые загружаются страницы с соответствующими именами.
4. Для автоматизации подсчета правильных ответов на вопросы ограниченные возможности HTMLдополняют сценариями. Сценарий ( скрипт) может быть написан на языкеJavaScriptилиVBScriptи представляет собой программный код для создания динамическихweb-страниц. Преимущество сценариев – простота. Чтобы добавить код сценария вHTML-документ используют тег <script>, который располагается в пределах тегов <head> </head> или <body> </body>.
5. После последнего вопроса необходимо создать две кнопки: кнопку Проверить(при нажатии которой в текстовой строкеРезультат выводится количество правильных ответов) и кнопку сбросаСтереть, нажатие которой отменяет все сделанные изменения.
9.5. Задания для выполнения лабораторной работы №5 «Разработка сайта с динамическими эффектами»
Цель: Получить теоретические знания и практические навыки в использованииJavaScript, интерактивных форм, работе с изображениями и анимационными эффектами.
Используемые приемы и технологии: HTML,JavaScript сценарии, слои, каскадные стилевые таблицы, динамическая обработка форм.
Ключевые термины: анимационный эффект, форма, интерфейс, браузер, сценарии, фильтры
Варианты
1. Фирма, осуществляющая продажу вычислительной техники.
2. Фирма, осуществляющая продажу теле-, видеоаппаратуры.
3. Фирма, осуществляющая продажу косметики.
4. Фирма, осуществляющая продажу музыкальных инструментов.
5. Фирма, осуществляющая продажу вело-, мототехники.
6. Фирма, осуществляющая продажу кабельного оборудования.
7. Фирма, осуществляющая продажу канцелярских принадлежностей.
8. Фирма, осуществляющая продажу спутникового оборудования.
9. Фирма, осуществляющая продажу легковых автомобилей.
10. Фирма, осуществляющая продажу сельскохозяйственной техники.
11. Фирма, осуществляющая продажу электротоваров.
12. Фирма, осуществляющая продажу лакокрасочной продукции.
13. Фирма, осуществляющая продажу книгопечатной продукции.
14. Фирма, предоставляющая риэлтерские услуги.
15. Фирма, осуществляющая продажу торгового оборудования.
16. Фирма, предоставляющая юридические услуги.
17. Фирма, осуществляющая продажу средств связи.
18. Фирма, предоставляющая туристические услуги.
19. Фирма, осуществляющая продажу строительных материалов.
20. Фирма, осуществляющая продажу продуктов питания.
Последовательность выполнения задания
1. Продумайте структуру сайта. Выполните поиск графического и текстового материала для информационного контента сайта.
2. Создайте интерактивные формы (текстовые поля, списки, флажки и т.п.). Реализуйте контроль данных, введенных пользователем в форму на стороне клиента (браузера) посредством JavaScript-сценария
3. Осуществите предварительную загрузку и эффективное использование изображений клиентскими сценариями.
4. Создайте анимационные эффекты. Фильтры Wave,Fade,Light.