ФЕДЕРАЛЬНОЕ АГЕНТСТВО СВЯЗИ
Федеральное государственное бюджетное образовательное учреждение высшего образования
«ПОВОЛЖСКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ ТЕЛЕКОММУНИКАЦИЙ И ИНФОРМАТИКИ»
Кафедра электронной коммерции
Н. В. Никульников
Web-программирование
Лабораторный практикум
Самара
2016
УДК ______
Рекомендовано к изданию методическим советом ПГУТИ, протокол ___, от ________.2016 г.
Никульников, Н. В.
WEB-программирование: лабораторный практикум / Н. В. Никульников. – Самара: ПГУТИ, 2016. –__ с.
Лабораторный практикум содержит указания по выполнению лабораторных работ по дисциплине «WEB-программирование». Лабораторный практикум разработан в соответствии с ФГОС ВО по направлению подготовки бакалавров 09.03.02 – Информационные системы и технологии (профиль: Информационные системы и технологии) и предназначен для использования студентами 3 курса ФИСТ при изучении дисциплины «WEB-программирование».
Федеральное государственное образовательное бюджетное учреждение высшего профессионального образования «Поволжский государственный университет телекоммуникаций и информатики»
© Никульников Н.В., 2016
Содержание
Лабораторная работа №1. Основы HTML 4
Лабораторная работа №2. Разработка PHP-скрипта, работа с SSI 6
Лабораторная работа №3. Настройка базы данных MySQL 25
Лабораторная работа №3. Установка базы данных MySQL 43
Лабораторная работа №4. Разработка интерактивных элементов на JavaScript 57
Лабораторная работа №4. Использование простейших элементов JavaScript 61
Лабораторная работа №5. Использование готовых библиотек на примере JQuery 66
Лабораторная работа №5. Подключение библиотекиjQueryв html-документ 71
Лабораторная работа №6. Работа с компонентами CMS/CMF на примере CMS 1С-Битрикс 73
Лабораторная работа № 6. Работа с компонентами CMS 1С-Битрикс. Создание календаря событий 80
Лабораторная работа №7. Программирование простейшего модуля в CMS 1С-Битрикс. 98
Лабораторная работа №7. Программирование простейшего модуля в CMS 1С-Битрикс. Создание компонента передающего сообщение администратору об ошибке 101
Список литературы 110
Лабораторная работа №1. Основы html
1.1. Создание .Html страницы.
Для того, что бы создать .html страницу требуется:
Открыть текстовый редактор с подсветкой синтаксиса и создать новый документ;
Сохранить его как файл с расширением .html
Внести в документ основную html-разметку (<HTML>
<head>,<body> и т.д.) (Рис.1);
Рис.1. Базовая разметка html страницы
Сохранить изменения, проверить возможность открытия браузером (должен быть пустой белый экран);
Добавить после тэга <body> с новой строки добавить тэг <p>и закрывающий тэг </p>. Внутри этого тега написать произвольный текст.
Сохранить изменения в файле.
1.2. Создание csSфайла
Аналогично созданию html страницы, требуется:
Открыть текстовый редактор с подсветкой синтаксиса и создать новый документ;
Сохранить его как файл с расширением .css, назвать файл style.css;
В файле прописать стиль шрифта документа «font-family: Arial;» взяв строку в фигурные скобки. Назвать селектор «body»
Должен получиться селектор вида (рис.2):
body {
font-family: Arial;
}
Рис.2. Пример селектора с указанием шрифта
Сохранить файл
1.3. Подключение css файла к html документу
Важно! Что бы файл css подключился к документу html, следует сделать так, что бы два этих файла находились в одном и том же месте, например в одной папке.
Открыть ранее созданный файл HTML;
После открывающегося тэга <body>требуется на новой строке прописать <linkrel="stylesheet" href="style.css">
Сохранить изменения в файле .html
Открыть файл браузером.
В случае, если все выполнено верно шрифт произвольного текст должен смениться на заданный в файле css шрифт Arial.
Лабораторная работа №2. Разработка php-скрипта, работа с ssi
2.1. ОсновыPhp
PHP - "PHP: HypertextPreprocessor" - «PHP: ПрепроцессорГипертекста»
PHP - Интерпретируемый язык общего назначения с открытым исходным кодом. PHP создавался специально для ведения web-разработок и код на нем может внедряться непосредственно в HTML-код. Синтаксис языка берет начало из C, Java и Perl, и является легким для изучения. Основной целью PHP является предоставление web-разработчикам возможности быстрого создания динамически генерируемыхweb-страниц, однако область применения PHP не ограничивается только этим.