|
Делаем форму обратной связи (письма с сайта) у себя на
Веб-Узле
Часть 1.
В прошлом уроке рассказывалось,
как сделать форму заказа при помощи PHP и
HTML у себя на сайте. В этом уроке, используя
полученные знания, сделаем форму, через которую пользователь на нашем сайте
сможет написать нам письмо. Форма обратной связи, как и форма заказа, будет
состоять из двух файлов - HTML страницы, которую видит
пользователь, и PHP файл - обработчик, который будет
собирать данные с формы, и обрабатывать их на сервере. А, мы в конечном итоге,
получим письмо с текстом, который написан пользователем, на
e-mail адрес, указанный в обработчике.
В конечном итоге мы
получим форму, пример которой можно посмотреть здесь.
Итак, перейдем непосредственно к созданию формы:
Открываем программу FrontPage,
создаем новую станицу.
В режиме отображения "Конструктор" делаем вставку
формы: "Вставка > Форма
> Форма"
На появившейся форме нажмите правой кнопкой и
перейдите в пункт "Свойства формы":
В появившемся окне необходимо заполнить поля:
В открывшемся окне заполняем:
увеличить
Теперь необходимо создать поле внутри формы, в
которую пользователь будет вводить тему письма, которое придет к Вам на
E-mail:
Удаляем созданные кнопки с помощью выделения и
кнопки "Delete" на
клавиатуре, их мы создадим позднее. Внимание!!! Саму
форму не удаляем, только кнопки!
Я привык делать таблицы, поэтому первым делом
создам таблицу в 2-а столбца, в одном из которых будет отображено название
полей, а в других непосредственно сами поля заполнения:
В одном столбце пишем -
"Тема письма"
Переходим к другому столбцу и нажимаем
"Вставка > Форма > Поле":
Нажимаем правой кнопкой по созданному полю и
приходим к "Свойства поля формы":
увеличить
В открывшемся окне заполняем:
-
Имя - tema
(обязательно
писать только латиницей!!!)
-
Ширина в знаках - сколько Вам удобно,
например - 40
-
Поле пароля - нет
-
Нажимаем "ОК"
Переходим к следующей строке нашей таблицы и
пишем в левом столбце "Текст письма"
А рядом создаем текстовое поле
- нажимаем "Вставка > Форма
> Текстовое поле"
:
Нажимаем правой кнопкой на созданном тестовом
поле и приходим к "Свойства поля формы":
увеличить
В открывшемся окне заполняем:
-
Имя - text
(обязательно
писать только латиницей!!!)
-
Ширина в знаках - сколько Вам удобно,
например - 30
-
Число строк - сколько Вам удобно, например -
6
-
Нажимаем "ОК"
Чтобы можно было написать ответ пользователю
необходимо, чтобы он написал свой E-mail адрес. Для
этого создадим ещё одно поле, в котором пользователь будет вводить адрес:
Переходим на строку ниже и пишем "Ваш
E-mail"
Рядом с надписью вставляем обычное поле -
"Вставка > Форма > Поле":
Нажимаем правой кнопкой по созданному полю и
приходим к "Свойства поля формы":
увеличить
В открывшемся окне заполняем:
-
Имя - adress
(обязательно
писать только латиницей!!!)
-
Ширина в знаках - сколько Вам удобно,
например - 40
-
Поле пароля - нет
-
Нажимаем "ОК"
Таких полей можно создавать много, в зависимости
от того, что вы хотите получить в результате. Когда поля все будут созданы можно
переходить к созданию кнопки, после нажатия на которую письмо начнет
обрабатывать php файл.
Для создания кнопки переходим на строку ниже и
нажимаем
"Вставка > Форма >
Кнопка":
На созданной кнопке нажимаем правой кнопкой мыши
и переходим к "Свойства поля формы":
увеличить
В открывшемся окне заполняем:
увеличить
Если у Вас уже сделан сайт, то необходимо к
данной странице применить динамический Веб-Шаблон. Сделать это можно через меню
Формат >
Динамический Веб-Шаблон >
Присоединить динамический Веб-Шаблон...
увеличить
В открывшемся окне необходимо выбрать шаблон,
сделанный в формате .dwt
В следующей части урока создадим файл обработчик
для нашей формы обратной связи:
Перейти ко второй
части урока ->
Комментарии к уроку оставляйте на новостном сайте >>>
Автор:
MHz-Serge |
