Реализация обратной связи

⇐ Предыдущая 1 2 3 45

Практически с любого сайта его владелец хочет иметь обратную связь для отзывов посетителей. Она формируется в виде гостевой книги или более простым способом – путем отправки электронного письма при помощи специальной формы. В лекционном материале и учебном пособии «Методические рекомендации и технология создания WEB-сайта на компьютерной практике» подробно рассматривались все элементы форм.

Рассмотрим реализацию обратной связи при помощи формы:

· в HomeSite создать новый документ с заголовком «Обратная связь» и сохранить его как forma.html в своей папке html_files учебного Web-сайта с фреймовым вариантом структуры;

· скопировать приведенный ниже код формы с различными типами элементов:

<tr><td align="center"><b>Обратнаясвязь</b><hr>

< form name = "mail_form" action = "mailto:ivanov@ibi.metrocom.ru?Subject=IBI" method = "post" enctype="multipart/form-data">

< input type=hidden name="subject" value="Новаязапись">

<p>ВашеИмя<br>

<input type="text" size="30" name="fio" value="ИвановИванИванович">

</p>

<input type="text" size="25" name="email" value="@"></p>

<p>Текстсообщения<br>

<textarea name="questions" rows="7" cols="44" wrap="on" >

</textarea> </p>

<p>Студент <input type="checkbox" name="stud" value="да"></p>

Выбратьзаказ:<br>

<select name="food" size="4" multiple>

<option value="1" selected>Пицца</option>

<option value="3">Шашлык</option>

<option value="4">Мороженое</option>

<option value="5">Шампанское</option>

<option value="6">Ананас</option>

<option value="7">Шоколад</option>

</select>

<br>Прикрепитьфайл:<br>

<input type="file" size="50" accept="text/plain,text/html,video/x-msvideo,image/x-portablebitmap">

<input type="submit" value="Отправить" >

<input type="reset" value=" Очистить ">

</form>

</td></tr></table></CENTER>

На рис. 5.7 приведен вид этой формы в окне браузера.

Рис. 5.7. Пример внешнего вида формы

В этом варианте формы в качестве обработчика данных формы должна выступает почтовая программа, устанавливаемая на компьютере (напримерOutlookExpress). Вызывается она при помощи атрибута action = "mailto:ivanov@ibi.metrocom.ru?Subject=IBI" в открывающем теге формы. Естественно, что адрес получателя писем должен быть изменен. После имени Subject= указывается информация, отображаемая в теме письма.

В компьютерных классах МБИ студенты не имеют настроенных почтовых программ, поэтому письма отправляться не будут. С домашнего компьютера такие письма отправлять можно, если настроена почтовая программа.

Чтобы не быть зависимым от наличия почтовых программ у посетителей, на сайтах данные из форм часто обрабатываются не при помощи почтовых программ, а при помощи серверных сценариев, написанных, например, на языке php. Изучение этого языка выходит за рамки учебной программы по дисциплине Информатика, однако желающие могут воспользоваться примером такого серверного скрипта, который размещен в папке Web-практикум/Форма. В этом случае в качестве обработчика данных формы в открывающем теге form в атрибуте action указывается в кавычках не mailto:..., а относительное имя файла с серверным сценарием (в папке Web-практикум/Форма имя такого файла mail.php). В самом серверном сценарии следует изменить в первой строке адрес получателя на свой. Также все имена в массиве $_POST["имя"] должны соответствовать именам соответствующих элементов формы (атрибуты name="имя"). Внимание! Следует помнить, что работать серверный сценарий будет только после размещения его и страницы с формой на Web-сервере.

Упражнение 5. На основе приведенной формы сконструировать форму обратной связи с сайта вашего банка. Необходимые элементы формы и ее оформление выполнить по своему усмотрению. Результат продемонстрировать преподавателю.

⇐ Предыдущая 1 2 3 45

Не нашли, что искали? Воспользуйтесь поиском:

vikidalka.ru - 2015-2024 год. Все права принадлежат их авторам! Нарушение авторских прав | Нарушение персональных данных