Практическое занятие № 16

Тема: Верстка страниц из блоков PHP страниц. Корректное отображение данных на формах

Цель работы: получить практические навыки по обеспечению корректного отображения данных на формах. Использование команды include для верстки страницы из блоков независимых PHP файлов

Ход работы

В ходе работы необходимо создать страницу, которая имеет вид. Исходный файл можно скачать здесь.

Исходная страница имеет структуру вида:

Разбиение страницы на PHP блоки

Разбейте страницу на отдельные блоки *.php.

Указания: исходный файл index.html сохраните с расширением *.php. Откройте файл для редактирования.

Найдите блок с id="title", вырежьте его в новый файл (предварительно удалите из нового весь текст, если он там будет) и сохраните этот файл в вашу папку под именем title.php. В исходном файле страницы на месте вырезанного блока добавьте команду:

<?include ('title.php')?>

Найдите блок с id="left", вырежьте его в новый файл и сохраните этот файл в вашу папку под именем left.php. В исходном файле страницы на месте вырезанного блока добавьте команду:

<?include ('left.php')?>

Найдите блок с id="right", вырежьте его в новый файл и сохраните этот файл в вашу папку под именем right.php. В исходном файле страницы на месте вырезанного блока добавьте команду:

<?include ('right.php')?>

Найдите блок с id="footer", вырежьте его в новый файл и сохраните этот файл в вашу папку под именем footer.php. В исходном файле страницы на месте вырезанного блока добавьте команду:

<?include ('footer.php')?>

Для проверки отображения страницы запустите Denwer. Поместите вашу папку в папку home/localhost/www. В браузере введите адрес:

localhost/ваша_папка/ваш_файл.php

Написание кода для первой формы

Указания: откройте файл left.php из папки на сервере Denwer. Найдите тег <form> и удалите параметр Action (форма будет обрабатываться на этой же странице). Обязательно удалите комментарий после тега <form>, если он есть.

В теге каждого элемента формы добавьте код для выполнения.

Сохраните все изменения. Откройте главную страницу в браузере, заполните произвольно поля и убедитесь, что при щелчке на кнопке содержимое полей не исчезает.

Написание кода для второй формы

Указания: откройте файл right.php из папки на сервере Denwer. Найдите тег <form> и удалите параметр Action (форма будет обрабатываться на этой же странице). Обязательно удалите комментарий после тега <form>, если он есть.

В теге каждого элемента формы добавьте код для выполнения.

Сохраните все изменения. Откройте главную страницу в браузере, заполните произвольно поля и убедитесь, что при щелчке на кнопке содержимое полей не исчезает и результат рассчитывается верно.