ТЕМА 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-формы и РНР. Массивы и списки. Функции. Файлы и каталоги. Базы данных.
ТЕМА 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). Добавление примитивов в документ.
ТЕМА 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. Поля формы и их объекты (текстовое поле, списки вариантов). Передача, обработка и проверка данных форм. Динамическое изменение элементов формы. Создание объектов 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. Вставка событий и обработчиков.
Темы лабораторных работ (Лабораторный практикум).
ЛАБОРАТОРНАЯ РАБОТА 1. Язык разметки гипертекстов HTML
Цель работы:
ознакомление с языком разметки гипертекстов HTML;
ознакомление с базовым синтаксисом языка, основными элементами HTML - документа;
изучить основы организации форм, таблиц и гиперссылок в HTML;
научиться создавать многостраничные HTML-документы в соответствии с заданием.
ЛАБОРАТОРНАЯ РАБОТА 2. Каскадные таблицы стилей (CSS)
Цель работы:
ознакомление с базовым синтаксисом, основными элементами CSS - документа;
изучить способы использования стилевой разметки;
научиться создавать и применять таблицы стилей для управления представлением содержимого web-страниц.
ЛАБОРАТОРНАЯ РАБОТА 3. Создание серверных сценариев с использованием технологии PHP
Цель работы:
изучить язык интерпретатора PHP;
научиться создавать сценарии со стороны сервера, встроенные в документы HTML.
ЛАБОРАТОРНАЯ РАБОТА 4. Обработка данных форм
Цель работы:
изучить особенности языка PHP по передачи на сервер данных введенных пользователем;
изучить механизм обработки форм в PHP;
изучить специфику передачи данных методами POST и GET;
научиться динамически формировать странички с использованием данных форм.
ЛАБОРАТОРНАЯ РАБОТА 5. Файловый ввод/вывод
Цель работы:
изучить приемы работы с функциями и массивами в PHP;
приобрести навыки использования функций обработки текстовых файлов;
изучить технологии и получить практические навыки работы с библиотекой файлового ввода/вывода в PHP
ЛАБОРАТОРНАЯ РАБОТА 6. Поддержка баз данных в РНР
Цель работы:
изучение технологии и получение практических навыков создания динамических web-страниц на основе данных, расположенных на сервере MySQL;
приобретение навыков создания и управления базой данных с помощью программы phpMyAdmin.
ЛАБОРАТОРНАЯ РАБОТА 7. Регулярные выражения в языке РНР
Цель работы:
изучить приемы работы с регулярными выражениями в PHP;
научиться создавать регулярные выражения в синтаксисе языка PHP.
ЛАБОРАТОРНАЯ РАБОТА 8. Отслеживание сеанса (session)
Цель работы:
изучить технологии и получить практические навыки отслеживания сеанса пользователя;
познакомиться с применением механизма сессий для создания системы управления доступом к ресурсам сайта.
ЛАБОРАТОРНАЯ РАБОТА 9. Структура XML документа.
Цель работы:
знакомство со структурой XML-документа, основами синтаксиса языка
ознакомиться с конструкциями языка XML и его реализациями;
изучить способы описания структуры документа средствами DTD и описания схемы документа на языке XSD;
изучить способы обработки XML документов.
ЛАБОРАТОРНАЯ РАБОТА 10. Язык составления сценариев JavaScript
Цель работы:
ознакомиться с базовым синтаксисом и основными возможностями управления содержимым web-страницы на стороне клиента;
ознакомиться со способами создания функций в JavaScript;
научиться создавать рекурсивные функции;
получить практические навыки написания клиентских скриптов с использованием языка JavaScript.
ЛАБОРАТОРНАЯ РАБОТА 11. Методы объектов в языке JavaScript. События.
Цель работы:
познакомиться с понятием объектов;
научиться создавать экземпляры объектов и новые объекты;
научиться создавать конструкторы объектов и использовать прототипы;
изучить основные методы объектов;
изучить события JavaScript.
ЛАБОРАТОРНАЯ РАБОТА 12. Создание сложных динамических HTML-документов с использованием фреймов и JavaScript
Цель работы:
изучить структуру фреймового документа HTML;
научиться создавать динамические документы HTML с использованием технологий JavaScript и DynamicHTML;
научиться применять язык программирования JavaScript для разработки динамических HTML-страниц, содержимое которых меняется в зависимости от действий пользователя.
ЛАБОРАТОРНАЯ РАБОТА 13. Технология AJAX
Цель работы:
изучение технологии и получение практических навыков создания документов без перезагрузки страницы;
ознакомление с принципами асинхронного взаимодействия между web-клиентом и web-сервером в рамках технологии AJAX.
ЛАБОРАТОРНАЯ РАБОТА 14. Использование библиотеки jQuery.
Цель работы:
научиться подключать библиотеку jQuery.
научиться использовать анимацию и изменение свойств CSS с использованием jQuery.
Учебно-методическое обеспечение самостоятельной работы студентов. Оценочные средства для текущего контроля успеваемости, промежуточной аттестации по итогам освоения дисциплины.
Учебно-методическое обеспечение выполнения обучающимися самостоятельных заданий лабораторного практикума включает
рабочую программу по дисциплине,
методические указания к выполнению каждого задания (выдаются обучающимся в электронном виде).
Контрольные вопросы для проведения текущего контроля и промежуточной аттестации:
5 семестр
Переменные и типы данных, константы и выражения языка PHP, извлечение данных из полей форм.
Управляющие структуры языка PHP.
Работа с массивами.
Ассоциативные массивы.
Создание пользовательских функций, передача параметров функции и области видимости переменных.
Функции для работы со строками.
Функции даты/времени и работы с календарем.
Работа с файлами.
Операции с содержимым файлов.
Работа с каталогами.
Регулярные выражения, сопоставление и поиск с шаблоном.
Работа с динамическими изображениями.
Создание и подключение модулей.
Управление интерпретатором PHP.
Отслеживание сеанса, управление сессиями и cookies.
Работа с базами данных (MySQL, ODBC, Oracle)
Объектно-ориентированное программирование, создание классов и объектов, доступ к методам и свойствам объекта.
Структура XML – документа. Правила создания. Конструкции языка.
Определение типа документа (DTD).
Объявления элементов и атрибутов XML документа.
Свойства и методы XML документа.
Свойства и методы элементов документа.
Типы атрибутов XML документа.
Функции обработки кода XML.
Обработка XML-документов PHP скриптами.
Стилевые таблицы XSL. Структура XSL- таблиц.
Встроенные функции XSL.
Сценарии XSL.
Использование атрибутов элементов в XSL.
Фильтрация элементов в XSL.
|
