- •В.Л. Гренков интернет технологии. Методика и практика создания web-страниц и web-сайтов
- •Москва 2014
- •. Документы html и основные теги.
- •1.2. Практические задания по теме: задания 1…10.
- •2. Освоение правил и приемов вставки рисунков рисунков и видеороликов в веб-документы
- •2.1. Атрибуты оформления текста и графики в html-документах
- •2.2. Практические задания по теме: задания 2-1…2-9
- •3. Практические приемы создания списков в веб-страницах
- •3.1. Виды списков, теги и атрибуты их оформления
- •3.2. Практические задания по теме: задания 3-1…3-11
- •4. Практические приемы создания таблиц в веб-страницах
- •4.1. Применение и оформление таблиц в html-документах.
- •4.2. Практические задания по теме: задания 1…9.
- •5. Создание гиперссылок и связывание веб-страниц
- •5.1. Оформление внешних и внутренних гиперссылок.
- •5.2. Практические задания по теме: задания 5-1…5-11.
- •6. Практические приемы создания форм в веб-страницах
- •6.1. Назначение и структура форм. Теги и атрибуты формы.
- •6.2. Практические задания по теме: задания 6-1…6-5
- •7. Применение таблиц каскадных стилей css
- •7.1. Стили,их определение и применение. Теги и атрибуты css.
- •7.2. Практические задания по теме: задания 7-1…7-8.
- •8. Обработка форм
- •8.1. Средства обработки форм. Подготовки файла обработки.
- •8.2. Практическое задание по теме.
- •Тема 9. Практика создания сайта
- •9.2. Практические задания по теме: задания 9-1…9-4.
- •Тема 10. Публикация сайта. Требования к сайту и его поддержка.
- •10.1. Особенности регистрации и поддержки сайта.
- •10.2. Практическое задание по теме.
8. Обработка форм
8.1. Средства обработки форм. Подготовки файла обработки.
Как отмечалось ранее, в подразделе 6.1, формы нужны для ввода данных клиентом, пользователем сайта, и последующего их использования сайтодержателем по назначению. Обработка формы осуществляется на сервере, на котором загружен и зарегистрирован сайт, в результате выполнения серверной программы. Обычно серверные программы пишут на языке программирования php. Язык php требует серьезного изучения, однако для написания простых программ, где не требуется сложная обработка, достаточно знать небольшое количество команд и функций этого языка.
В простых случаях отдельные функции обработки можно ввести в обычный html-документ с php-вставками. Их использование удобно проследить на примере файла otvet_z.html. Часть его html-текста c php-вставкой представлена ниже, на рис. 8.1.
<body>
<?php
echo "Уважаемый "; echo $Fio; echo "!"; print "<br>";
echo "Ваш заказ принят"; print "<br>";
echo "Ваш телефон "; echo $Tel; print "<br>";
echo "Ваш адрес "; echo $Adr; print "<br>";
echo "Ваша электронная почта "; echo $Epo; print "<br>";
echo "Ваш вид доставки "; echo $Dost; print "<br>";
echo "Ваши дополнения: "; echo $Pri;
?>
<h2>Благодарим за удачный выбор.</h2> </body>
Рис. 8.1. Пример html-документа с php-вставкой.
Из приведенного примера видно, что для вставки php-программы в текст html- документа используются теги <?php … ?>. Далее, в тексте программы используются переменные $Fio, $Tel, $Adr, $Epo, $Dost, $Pri. Эти же имена переменных используются в документе blank_z.html (бланке заказа) для ввода клиентом соответствующих данных на сайте в браузере.
В результате обработки сервером php-кода рис. 8.1 данные передаются в файл otvet_z.html из формы документа blank_z.html вместе с переменными и отображаются в браузере, благодаря выполнению команды echo. Аналогично действует и команда print. Существует множество других php-команд , предназначенных для выполнения различных действий с переменными. В целом, команды и функции, выполняемые php- программами, во многом заимствованы из языка программирования C++.
8.2. Практическое задание по теме.
Рис. 8.2. Результат исполнения файла otvet_z.html (без серверной обработки)
Задание 8-1.
1). Открыть в блокноте документ blank_z.html , обратить внимание на переменные и их содержимое, предназначенное для отправки на сервер.
2). Открыть в блокноте файл otvet_z. php и обратить внимание на синтаксис записи команд и переменных в php-коде.
3) Запустить тот же файл, но с расширением .html. Сравнить содержимое файлов otvet_z. php и otvet_z.html. Обратить внимание на то, что содержимое обоих файлов одинаковое и на то, что в html-файле php-вставка не работает, хотя отображаются результаты интерпретации html-текста. Результат исполнения файла otvet_z.html показан на рис.8.2.
Так как после заполнения формы (в файле blank_z.html) в данном случае не используются серверные средства для обработки php –команд, то на экран выводится исходный текст php-программы. При серверной обработке переменные $Tel, $Adr, $Dost, $Epo, $Pri заменяются данными, которые вводились в форму клиентом (заказчиком). В данном случае клиент получит сообщение, в котором указываются его идентификационные данные и подтвержается, что заказ принят.
Для исполнения файла otvet_z. php (равно как и php-вставки в html-файле) необходимо иметь доступ к серверу, а сайт должен быть загружен на этом сервере. Для этого сайт должен быть на нем зарегистрирован.
Более подробно эти вопросы будут рассмотрены в разделе 10.
