Лабораторная работа №5
Создание динамического web-сайта
Сайт должен состоять из трех страниц:
- 1 - главная страница
- 2 - информация о городе
- 3 - карта города
1. Создание таблицы стилей styles.css
Создать на "Рабочем столе" каталог lab5
. Копировать в каталог lab5
текстовый файл styles.css
из предыдущей
лабораторной работы.
2. Создание файла PHP-скрипта index.php
Создать в каталоге lab5
текстовый файл index.php
. В файле index.php
разместить тект программы на языке PHP.
Для этого копируйте текст из файла index.html
предыдущей работы в созданный файл index.php
.
3. Предварительное тестирование работы PHP-скрипта
Копирование файлов на сервер
- Создать на сервере в корневом каталоге подкаталог
lab4
(именно номер 4, для сохранения файлов предыдущей лабораторной работы) - Скопировать содержимое корневого каталога (файлов предыдущей лабораторной работы) в каталог
lab4
на сервере - Скопировать содержимое каталога
lab5
локального компьютера в корневой каталог на сервере
Просмотр динамической страницы
В строке ввода адреса браузера указать название сайта, например,http://name.esy.es
и нажать клавишу Enter
.
Примечание.
При таком обращении к сайту, без указания имени файла, web-сервер ищет сначало файл
index.html
,
если не находит, то ищет файл index.php
, а если и такого файла нет, то выдает сообщение об ошибке.Отладка кода PHP-скрипта
При обнаружении ошибок и неточностей осуществить необходимые исправления в файлеindex.php
на локальном компьютере, затем копировать файл на сервер и обновить страницу. И так до достижения требуемого результата.
4. Добавление динамического содержания страниц
В тексте файлаindex.php
можно делать вставки скриптов на языке PHP:Между символами
<?php
и ?>
распологается текст скрипта. В данной работе скрипт должен печатать текст
на языке HTML. Для вывода текста следует воспользоваться оператором печати echo
. Например,
В начале каждой строки, содержащей текст, написать текст
echo "
. В конце каждой строки написать текст \n";
для
перехода на новую строку. Результат этих действий должен напоминать приведенный выше пример.Чтение параметров, передаваемых PHP-скрипту
Добавить в файлindex.php
оператор чтения номера запрашиваемой страницы
из массива $_GET[]
. Например, если номер страницы передается скрипту через
параметр с именем page
, то код может выглядеть так:Динамическое изменение названия страницы
Изменить код программы так, чтобы в зависимости от значения переменной$p
осуществлялся вывод первой, второй или третьей html-страницы. Поскольку страницы отличаются только
названием в теге <title></title>
и содержимым четвертой ячейки таблицы, то код,
меняющий название страницы, может иметь следующий вид:Динамическое изменение информации на странице
Аналогично, в зависимости от значения переменной$p
осуществить вывод
содержимого четвертой ячейки таблицы:
- 1 - приветствие посетителя сайта (уже скопировано из файла
index.html
л/р N4) - 2 - информация о городе (копировать из файла
info.html
л/р N4) - 3 - карта города (копировать из файла
map.html
л/р N4)
Коррекция текста гиперссылок
Поменять URL-адреса гиперссылок, указывающих на страницы сайта. Например, ссылка на первую страницу будет иметь вид:на вторую страницу:
и так далее.
5. Тестирование работы PHP-скрипта
Копировать файл на сервер и провести отладку работы созданного скрипта.
6. Оформление отчета по лабораторной работе
Отправить электронное письмо на адрес @.
В теме письма обязательно указать номер лабораторной работы, например, lab5
.
В тексте письма указать адрес сайта, а также Фамилию Имя Отчество. К письму прикрепить файл index.php
.
Информацию о зачете лабораторной работы можно посмотреть в разделе "Список групп" рядом с описаниями лабораторных работ.