Сайт
Чукина
Владимира
Владимировича

19 апреля 2024 г.

Лабораторная работа №5
Создание динамического web-сайта

Цель работы - создание динамического web-сайта, написанного на языке PHP.
Сайт должен состоять из трех страниц:
  • 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.
Информацию о зачете лабораторной работы можно посмотреть в разделе "Список групп" рядом с описаниями лабораторных работ.

Православное радио "Воскресенье"   Валаамский монастырь   Медиа-сервер "Россия Православная"   Интернет-магазин "ЛинуксЦентр"   Яндекс цитирования   Valid CSS!   Valid XHTML 1.0 Strict!   Unicode Encoded Badge