Разработка динамических html-документов (6 часов)
1. ЦЕЛЬ РАБОТЫ
Ознакомление с основами построения динамических html-документов. Получение практических навыков подготовки и публикации html-документов с использованием языка PHP.
2. КРАТКАЯ ТЕОРЕТИЧЕСКАЯ СПРАВКА
РНР - это действующий на стороне сервера встраиваемый в HTML язык, имеющий синтаксис, близкий к языку Си. Язык РНР дает возможность вставлять в файлы HTML инструкции языка PHP для создания динамического содержания. Эти инструкции обрабатывает препроцессор-интерпретатор РНР и заменяет их тем содержимым, которое производит этот код. Стандартное расширение файла с PHP-программой - php.
2.1. Синтаксис PHP
PHP-код включаются в html-код в следующем виде:
<?PHP текст_кода ?>
или
<?PHP
текст_кода;
?>
Например, вставка содержимого файла будет выглядеть так:
<?PHP include "ssi/top.php"; ?>
Комментарии
PHP поддерживает комментарии 'C', 'C++' и оболочки Unix. Например:
<?php
echo "This is a test"; // Это однострочный комментарий в стиле c++
/* Это многострочный комментарий,
это ещё одна его строка */
echo "This is yet another test";
echo "One Final Test"; # Это комментарий в shell-стиле
?>
Оператор echo
<?php echo "Эта информация будет выведена в HTML";?>
Присвоение значений переменным
Переменные в программах на PHP, отделяются символами $.
$city = "Kazan";
city – переменная, Kazan - значение
Некоторые операции
инкремента/декремента;
++$a Pre-increment Увеличивает $a на 1, затем возвращает $a.
$a++ Post-increment Возвращает $a, затем увеличивает $a на 1.
--$a Pre-decrement Уменьшает $a на 1, затем возвращает $a.
$a-- Post-decrement Возвращает $a, затем уменьшает $a на 1.
|
|
|
арифметические:
$a + $b Сложение. Сумма $a и $b.
$a - $b Вычитание. Разность $a и $b.
$a * $b Умножение. Произведение $a и $b.
$a / $b Деление. Частное от деления $a на $b.
$a % $b Modulus. Целочисленный остаток от деления $a на $b.
Выражения сравнения вычисляются в 0 или 1, означая FALSE или TRUE (соответственно). PHP поддерживает > (больше), >= (больше или равно), == (равно), != (не равно), < (меньше) и <= (меньше или равно). Эти выражения чаще всего используются внутри условных операторов, таких как if.
сравнения:
$a == $b равно TRUE, если $a равно $b.
$a != $b не равно TRUE, если $a не равно $b.
$a <> $b не равно TRUE, если $a не равно $b.
$a < $b меньше TRUE, если $a строго меньше $b.
$a > $b больше TRUE, если $a строго больше $b.
$a <= $b меньше или равно TRUE, если $a меньше или равно $b.
$a >= $b больше или равно TRUE, если $a больше или равно $b.
строковые:
Имеются две строковые операции. Первая - операция ('.'), которая возвращает объединение из правого и левого аргументов. Вторая - операция присвоения ('.='), которая присоединяет правый аргумент в левому аргументу.
|
|
|
$a = "Hello ";
$b = $a . "World!"; // теперь $b содержит "Hello World!"
$a = "Hello ";
$a .= "World!"; // теперь $a содержит "Hello World!"
Некоторые операторы
If/else
if ($a > $b) {
print "a больше чем b";
} else {
print "a не больше чем b";
}
While
$i = 1;
while ($i <= 10) {
print $i++; /* будет печататься значение $i++ до тех пор пока $i не больше 10 */
For
for ($i = 1; $i <= 10; $i++) {
print $i; /* будет выполнятся цикл от $i=1 $i <= 10 с шагом $i++ */
}
Установка cookie с помощью PHP.
setcookie - отправляет куки.
Вызовы этой функции должен быть перед тэгами <html> или <head>!!!
Синтаксис:
int setcookie (string name [, string value [, int expire [, string path [, string domain [, int secure]]]]])
Пример: setcookie ("student", "pupkin");
Получение и использование cookie сервером с помощью PHP.
После того как куки установлены, доступ к ним может быть получен при загрузке страницы через массив $_COOKIE
Cookie автоматически декодируется и присваивается переменной с тем же именем, что и имя куки. Для просмотра содержимого нашей тестовой куки в скрипте просто используйте один из следующих примеров:
echo $student;
echo $_COOKIE["student"];
Получение и использование переменных посланных методом GET с помощью PHP.
|
|
|
К переменным GET доступ можно получить через массив $_GET
$stud=$_GET['student'];
Необходимые компоненты для создания счетчика каждой страницы
Счетчик должен вестись для каждой страницы, значит нужно хранить значения для каждой страницы отдельно, будем хранить их в отдельном файле.
Так как файлов будет много, создадим для них отдельный каталог на локальном диске /www/students/group/login/counter. Чтобы его использовать в программе присвоим переменной $counter_path путь к этому каталогу.
Пример:
$counter_path = "путь к вашему каталогу";
Для автоматического формирования имени файлов для каждой страницы будем использовать URI этой страницы. Но в URI нам надо изменить все "/" на "_", потому что имя файла не может содержать /.
str_replace("что меняем","на что меняем", строка в которой производится замена) - функция замены
getenv("переменной окружения") - функция получает значение переменной окружения.
REQUEST_URI - переменная окружения URI
Присвоим исправленный URI переменной $count_page, т.е. имя создаваемого файла.
Пример:
$count_page = str_replace("что меняем","на что меняем", URI этой страницы);
getenv("REQUEST_URI") - URI этой страницы
Если файл ($count_page) уже существует, то есть страница посещалась ранее, то нужно считать значение счётчика из файла и увеличить его на единицу.
|
|
|
file("путь к каталогу/имя файла") - функция считывает содержимое текстового файла в массив, каждый элемент массива соответствует строке файла с символом '\n'
Откроим файл, и присвоим значения переменной $contents
Пример:
$contents = @file("путь к каталогу/имя файла")
$count = $contents[0] + 1;
Перед вызовом функции file(...) стоит знак '@' - это сделано для того, чтобы PHP не выдавал предупреждения, если файл отсутствует.
Если файл не существует, то есть мы на этой странице впервые, то присвоить счётчику единичное значение.
Обработка этого условия должна выглядеть так:
if (присвоение содержимого файла переменной $contents) {увеличение счетчика на 1} else {присвоить счётчику единичное значение}
Теперь откроем файл для записи нового значения счётчика
fopen("/путь к каталогу/имя файла", "w") - открывает файл или URL.
Параметр 'w' означает - Открыть только для записи; поместить указатель в начало файла и усечь файл до нулевой длины. Если файл не существует, делается попытка создать его.
Создадим указатель файла
Пример:
$file = fopen("/путь к каталогу/имя файла", "w");
запишем новое значение счётчика
Пример:
fwrite (указатель файла, строка для записи в файл) - функция записи в файл
Закроим файл
fclose (указатель файла) - закрывает открытый указатель файла
После этого нужно вывести значение счетчика, применив echo.
3. ПОРЯДОК ВЫПОЛНЕНИЯ РАБОТЫ
3.1. Разработайте структуру html-документа в соответствии с заданием.
3.2. Откройте текстовый редактор Блокнот.
3.3. Напишите код html-документа.
3.4. Сохраните текстовый файл.
3.5. Измените расширение текстового файла на *.php
3.6. Откройте созданный html-документ в различных браузерах. Проверьте корректность отображения документа, при необходимости откорректируйте исходный код.
3.7. Сохраните и покажите преподавателю результаты работы.
4. СОДЕРЖАНИЕ ОТЧЕТА
Отчет оформляется индивидуально и содержит:
- титульный лист;
- наименование, цель и содержание работы;
- код html-документа
- изображения экранов монитора с результатами работы;
- выводы по результатам работы.
5. ВАРИАНТЫ ЗАДАНИЙ
Разработать динамический html-документ (несколько html-документов) или сайт визитку в соответствии с заданным номером варианта. Предусмотреть навигацию между документами и внутри документа (при необходимости), ссылки на внешние ресурсы. Оформление страницы должно быть лаконичным и гармоничным.
1. Фреймовый HTML-документ с основными тэгами языка HTML. В отдельном фрейме представить список фреймов, в другом – информация о выбранном фрейме. В документе должен присутствовать скрипт поиска по сайту.
2. Фреймовый HTML-документ с информацией (включая графическое представление) о структуре документов на HTML. В различных фреймах предусмотреть отображение структуры и её содержимого. В документе должен присутствовать скрипт поиска по сайту.
3. Фреймовый HTML-документ с информацией о составе и структуре ЭВМ (включая графическое представление). В различных фреймах предусмотреть отображение структуры и её содержимого. В документе должен присутствовать скрипт поиска по сайту.
4. Фреймовый HTML-документ с информацией о поисковых системах, включая ссылки на них. В отдельном фрейме представить список поисковиков, в другом – информация о выбранном поисковике. В документе должен присутствовать скрипт поиска по сайту.
5. Фреймовый HTML-документ с информацией о вашей будущей фирме и её контактными данными (включая интерактивный адрес электронной почты). В документе должен присутствовать скрипт поиска по сайту.
6. Фреймовый HTML-документ с информацией о операторах мобильной связи региона, включая ссылки на их сайты. В отдельном фрейме представить список операторов, в другом – информация о выбранном операторе. В документе должен присутствовать скрипт поиска по сайту.
7. Фреймовый HTML-документ с информацией о провайдерах сети Интернет, включая ссылки на их сайты. В отдельном фрейме представить список провайдеров, в другом – информация о выбранном провайдере. В документе должен присутствовать скрипт поиска по сайту.
8. Фреймовый HTML-документ с информацией о электронных библиотеках, включая ссылки на их сайты. В отдельном фрейме представить список библиотек, в другом – информация о выбранной библиотеке. В документе должен присутствовать скрипт поиска по сайту.
9. HTML-документ фреймовой структуры о вас и ваших увлечениях из 3-х и более страниц. Предусмотреть ссылки на внешние ресурсы сети Интренет. В документе должен присутствовать скрипт поиска по сайту.
10. Фреймовый сайт-визитка о студенческой жизни: учебная и внеучебная деятельности. Предусмотреть ссылки на внешние ресурсы. В документе должен присутствовать скрипт поиска по сайту.
11. Фреймовый HTML-документ с расписанием группы на неделю, ёе списочным составом. Цветом выделить занятия, которые проводятся только на чётной неделе. В документе должен присутствовать скрипт поиска по сайту.
12. Фреймовый HTML-документ с календарем на текущий месяц и праздниками в текущем месяце. На календаре цветом выделить выходные (суббота и воскресенье) и праздничные дни. В документе должен присутствовать скрипт поиска по сайту.
13. Фреймовый HTML-документ являющийся визиткой группы / кафедры / факультета. В документе должен присутствовать скрипт поиска по сайту.
14. Фреймовый HTML-документ являющийся визиткой кафедры / факультета / университета. В документе должен присутствовать скрипт поиска по сайту.
15. Фреймовый HTML-документ являющийся визиткой факультета/университета/группы. В документе должен присутствовать скрипт поиска по сайту.
16. Фреймовый HTML-документ являющийся визиткой университета. Представить информацию о научной, образовательной и внеучебной деятельности университета. В документе должен присутствовать скрипт поиска по сайту.
17. Фреймовый HTML-документ с информацией о вас и вашем хобби. В документе должен присутствовать скрипт поиска по сайту.
18. Фреймовый HTML-документ с информацией учебных заведениях региона. В отдельном фрейме список учебных заведений, в другом – информация о выбранном учебном заведении.
19. Фреймовый HTML-документ с информацией о предприятиях радиотехнического профиля региона. В отдельном фрейме список предприятий, в другом – информация о выбранном предприятии. В документе должен присутствовать скрипт поиска по сайту.
20. Фреймовый HTML-документ с информацией о вас и ваших увлечениях. В документе должен присутствовать скрипт поиска по сайту.
6 КОНТРОЛЬНЫЕ ВОПРОСЫ
1. Что такое гипертекстовые документы?
2. Перечислите основные элементы для создания фреймов.
3. Отобразите структуру типового фреймового документа.
4. Укажите отличия фреймового документа от табличного.
5. Почему фреймовые документы получили малое распространение.
6. Укажите назначение и основные атрибуты элемента Frame.
7. Укажите назначение и основные атрибуты элемента FrameSet.
8. Укажите назначение и основные атрибуты элемента NoFrames.
9. Напишите код html-документа с разметкой под 2-а вертикальных фрейма.
10. Напишите код html-документа с разметкой под 2-а горизонтальных фрейма.
РЕКОМЕНДУЕМАЯ ЛИТЕРАТУРА
1. Степанов А.Н. Информатика. Базовый курс. Учебник для ВУЗов. - Издательство "Питер", 2007. – 768с.
2. Острейковский, В.А. Информатика : учебник для вузов / В.А.Острейковский .— 3-е изд.,стер. — М. : Высш.шк., 2005 .— 511с. : ил. — Библиогр.в конце кн. — ISBN 5-06-003533-6 /в пер./ : 128.74.
БИБЛИОГРАФИЧЕСКИЙ СПИСОК
Основная литература
1. Бройдо, В.Л. Вычислительные системы,сети и телекоммуникации : учебное пособие для вузов / В.Л.Бройдо .— 2-е изд. — М. : Питер, 2005 .— 703с. : ил. — (Учебник для вузов) .— ISBN 5-94723-634-6 /в пер./ : 130.68.
2. Иванов, В.И. Цифровые и аналоговые системы передачи : учебник для вузов / В.И.Иванов [и др.];под ред.В.И.Иванова .— 2-е изд. — М. : Горячая линия-Телеком, 2005 .— 232с. : ил. — (Учебник для высших учебных заведений) .— Библиогр.в конце кн. — ISBN 5-93517-116-3 : 91.96.
3. Иванов, В.И. Цифровые и аналоговые системы передачи : учебник для вузов / В.И.Иванов [и др.];под ред.В.И.Иванова .— 2-е изд. — М. : Горячая линия-Телеком, 2003 .— 232с. : ил. — (Учебник для высших учебных заведений) .— Библиогр.в конце кн. — ISBN 5-93517-116-3 : 145.00.
Дополнительная литература
Дата добавления: 2018-04-15; просмотров: 207; Мы поможем в написании вашей работы! |
Мы поможем в написании ваших работ!