Создаем, программируем, шлифуем и раскручиваем web-caйт. Серия Быстро и легко - Алексеев Ю.М.
Скачать (прямая ссылка):
V Введите поясняющую строку: Перенаправить меня к:
Для перенаправления к новым ресурсам мы будем использовать открывающийся список как элемент формы. Для создания списка применяется тег <select> (<Выбор>).
V Начните открывающийся список: ^*" * С <select name= "Место">
Атрибут name (Имя) тега списка определяет название списка. Значение данного тега Место можно использовать в скрипте в качестве переменной, которая задает выбранный элемент списка. ¦ . .,.:,..¦¦..¦
> Введите элементы списка:
<option 1
value=»http://localhost/registry.htm»>PeTOCTpauH«</option> <option value="http://localhost/poisk.htm">noncK на сайте</option>
Тег <option> (Параметр) определяет элемент списка, а атрибут value (Значение)
данного тега - электронный адрес ресурса, на который нужно перейти после выбора
элемента списка. Мы использовали локальные ресурсы: регистрация и поиск, чтобы при проверке не подключаться к Интернету, хотя есть возможность перехода на другой сайт.
> Завершите^спЖок: ¦-¦¦¦</select> • '• ¦ .
Введите код для создания кнопки, позволяющей отправить данные формы: <р><input ,type="submit" name="submit" value="OK"></p>
384
Быстро и легко создаем, программируем и раскручиваем Web-сайт
> Наберите на клавиатуре іеі завершения, формы (Рис. 8.65): </?orm> "~
Фав« Праака Формат Вия Справка
<head>
<пЙе>Менюперенаправлення</гШе> 1^"1-' V
</head>
<body>
<fonn method="post" actioii="redirect.plip"> Перенаправить меня к <sdect пате="Место">
<optiouvalue="lirrp^ocatoost/regte-try.hhn'>Perac^a№B!</oprion> <optiou\4due="http://localliOi5t/poisk.hhu''>noHCK на сайте</оргіои> </se!ect>
<p> <inpiit type^'submit" uame-="subniitn varue="OK"> </p>
</fonn>
</body>
Tl
\ -*W ¦¦ Рис. 8.65. HTML-код формы перенаправления m '¦" "
> Сохраните документ в папке C:\Program Files\Apache Group\Apache\htdocs под
именем redirecthtm. Л
> Перейдите к окну браузера.
> В поле ввода Адрес (Address) введите строку http://localhost/redirect.htm и нажмите
клавишу ||Errtar|. в окне браузера появится форма для перенаправления к .новому ресурсу (Рис. 8.66). ;
Il ФвАя Правке Uмл Изданное Сер*
Hc Справка
H У El
Пенс к Набраний
» ®|@- "
Il Aap«: № Mtp://lM»l><MlAodiect.hlni
[J ЕЛ Параш
UJ
Перенаправить меня к I Регистрация IOK j
тз
¦к—» її її
• ¦¦ і': Рис. 8.66. Форма для перенаправления к новому ресурсу
Теперь создадим скрипт, который будет перенаправлять браузер к выбранному ресурсу.: ..'
> Перейдите к окну программы Блокнот (Notepad).
> Выберите команду меню Файл ¦ Создать (File ¦ New), чтобы создать новый документ.
Введите код скрипта (Рис. 8.67):
<?php
header ("Location: $Место"); '''"' ' .;*'"' ''
ГЛАВА 8. Создаем сценарии на РНР 5
385
Фэйм Правка Формат Вня Справка
<?plip
lieadei("LocatioiL Шесто");
и
- r
- 1
а ¦ ...... ; :. : ЛІПИ
Рис. 8.67. Скрипт перенаправления к новому ресурсу
Первая строка кода начинает скрипт. Во второй строке загружается выбранная^? списке Web-страница. В третьей строке скрипт завершается.
> Сохраните документ в папке C:\Program FilesNApache Group\Apache\htdocs под
именем redirect.php.
> Перейдите к окну браузера с формой для перенаправления (Рис. 8.66).
> В открывающемся списке выберите элемент Поиск на сайте.
> Нажмите кнопку ОК. В окне браузера появится форма для 'поиска информации ¦..(Рис. 8.57).
Отметим, что, определив браузер и операционную систему посетителя сайта, вы можете отправлять браузеру более корректную информацию, " например нестандартные теги, нужные шрифты и размеры символов.^. <
Omnpa?ka электронной почты на . сайте
Поддержка на сайте возможности отправки электронной почты обеспечивает обратную связь с посетителями'ваших Web-страниц. В этом знакомстве мы рассмотрим, как создавать форму и скрипт для отправки электронной почты.
Сначала создадим форму для электронной почты..
>- Перейдите к окну программы Блокнот (Notepad).
>> Выберите команду меню Файл * Создать (File ¦ New), чтобы создать новый документ.
> Введите базовый HTML-код: '
<html>
<head> ' . . ...
<сіс1е>Отправка электронной почтьі</сіс1е> </head> <body> </body> </html>
.^¦rirfv-v*«!-..«..
386
.Быстро и легко создаем, программируем и раскручиваем Web-сайт
> Ниже тега <body> начните создание формы: , <form method-"post" action=nemail.phpn>
В качестве сценария для обработки данных формы используется файл email.php.
> Создайте поле ввода имени пользователя:
<pxstrong>Bame имя: < / strongxbr>
<input type="text" name= "Имя" size=30x/p>
> Создайте поле ввода электронного адреса: <pxstrong>Bani электронный адрес:</strongxbr>
<input type-"text" name="email" size = 30x/p> i- r.
> Создайте текстовую область для ввода сообщения: '