# 2 (14)
12 Февраля 2003г.
|
Проект веб-дизайн студии
"STEP BY STEP"
Количество подписчиков = 2800
|
Здравствуйте уважаемые подписчики! Рассылка идет последовательно, по этому если вы не читали какой-либо
из номеров рассылки, его сможете прочитать тут.
Заходите на наш сайт
http://web.pmg17.vn.ua и вы найдете там много интересного.
Давайте сделаем рассылку более интересной! Выскажите, пожалуйста, свое мнение о рассылке. Что вам нравится? Что не нравится?
Что хотели б еще увидеть в рассылке? Что необходимо убрать?
Все отзывы будут опубликованы в рассылке.
Формы
Перейдем к рассмотрению форм.
Простейшая форма, которая позволит
клиенту взаимодействовать с вами -
это отправка электронной почты.
Желательно сделать так, чтобы
клиент мог отправить вам E-mail прямо
с вашей страницы. К счастью, для
этого браузер имеет встроенные
функции. Единственное, что вам надо
это сделать - это вставить
следующую строчку в нужном месте HTML
- файла:
<A HREF = MAILTO: ВАШ_E-MAIL_АДРЕС> текст
для просмоторщика </A>
. Вместо фразы ваш_E-mail_адрес
вам надо вставить фактический адрес
электронной почты. А текст для
браузера ( например, "пошли
письмо" или "жду привета"
как соловей лета") будет выделен
на экране ярким светом. Когда
курсор мыши покроет его, он
превратиться в руку, приглашая
щелкнуть мышью.
Удобно и просто! Однако иногда для
принятия решения необходимо иметь
конкректную информацию от клиента.
Это возможно сделать, задав ему
вопросы и предоставив место для
ответов. Ответы могут быть
представлены как в виде
произвольного текста, так и в виде
отмеченных крестиком квадратиком
(выбор одной опции из списка, выбор
одного из существующих ответов и
т.д.). Формы позволяют разнообразить
типы ответов, а главное - получить
вполне конкретные ответы на
поставленные вопросы. Подобная
систематизация может обеспечить в
дальнейшем компьютерную обработку
полученных данных.
Итак любая анкета обрамляется
ярлыком <FORM>(</FORM>). Внутри
этого ярлыка имеются вда параметра:
METHOOD и ACTION. Первый определяет метод,
которым данная форма будет
передана для дальнейшего
делопроизводства, и имеет два
значения: POST и GET. Инструкция ACTION
определяет, что делать с анкетой
далее, и большинстве случев имеет gпуть к CGI скрипту :
ACTION=CGI-BIN/FORMS.CGI
Любой скрипт можно скачать из Интернета или написать самому.
После обработки скриптом анкета придет к вам на E-Mail. Дальше
форма <INPUT> или <SELECT>, которые
определяют стиль вводимой клинтом
инфомации. Рассмотрим детальнее
структуру ярлыка <INPUT> с
соответствующими параметрами на
следующем примере:
<INPUT TYPE="TEXT" NAME="ИМЯ
КЛИЕНТА" SIZE="30">
Значение TEXT инструкции TYPE
указывает, что вводимая информация
будет произвольным текстом,
инструкция NAME относится к
названию вводимого стиля. Анкету,
которую вы получите, будет
отличаться от аккуратного изображения
на Web-странице. Для того чтобы вам
легче было в нем ориентироваться и
ясно понимать, какому вопросу
соответствует ответ, следует дать
очевиднее название для
характеристики NAME( имя, адрес,
телефон), ибо именно оно будет
располагаться в письме перед
соответствующим ответом. SIZE (размер)
определяет максимальную длину
поля, в которое клиент может ввести
свое имя.
Следующая таблица иллюстрирует
возможные стили ответов.
| Значение INPUT |
Соответствующий стиль |
| TEXT |
Текстовое поле |
| RADIO |
Селектроная кнопка |
| СHECKBOX |
Контрольный индикатор |
| SUBMIT |
Кнопка для отсылки анкеты |
| RESET |
Кнопка для очистки анкеты |
Приступим к нашему примеру
<HTML>
<HEAD>
<!--пример анкеты-->
<TITLE>Form Sample</TITLE>
<FORM METHOOD="POST"
ACTION="путь к CGI-скрипту">
<H4>Анкета трудоустройства</H4>
<! Ярлыком P мы разделяем вопросы
анкеты>
<P>
<! Ярлыком BR мы совершаем переход
на новую строку>
Ваше имя:<BR>
<INPUT TYPE="TEXT" NAME="Имя"
SIZE="30"><BR>
Адрес:<BR>
<INPUT TYPE="TEXT" NAME="Адрес"
SIZE="30"><BR>
Телефон:<BR>
<INPUT TYPE="TEXT" NAME="Телефон"
SIZE="10"<BR>
<P>
<INPUT TYPE="RADIO" NAME="Выбор1"
VALUE="Мужчина"> Мужчина <BR>
<INPUT TYPE="RADIO" NAME="Выбор1"
VALUE="Женщина"> Женщина
<P>
Образование:<BR>
<INPUT TYPE="CHECBOX" NAME="Выбор 2"
VALUE="Школа"> Школа <BR>
<INPUT TYPE="CHECBOX" NAME="Выбор 2"
VALUE="Техникум"> Техникум
<BR>
<INPUT TYPE="CHECBOX" NAME="Выбор 2"
VALUE="Институт"> Институт
<BR>
<INPUT TYPE="CHECBOX" NAME="Выбор 2"
VALUE="Аспирантура"> Школа
<P>
Значение иностранных языков:<BR>
<SELET NAME="Язык">
<OPTION>Английский
<OPTION>Французкий
<OPTION>Немецкий
<OPTION>Испанский
</SELECT>
<P>
Комментарий:<BR>
<TEXTAREA NAME="Комментарий" ROWS=7
COLS=50> </TEXTAREA>
<P>
<INPUT TYPE="SUMBIT"
VALUE="ПОСЛАТЬ">
<INPUT TYPE="RESET"
VALUE="ОЧИСТИТЬ">
</FORM>
</HTML>
Посмотреть этот пример можно тут.
|
|
Вы хотите, чтобы ваши статьи были опубликованы у нас в рассылке?
Если вы считаете, что можете написать о дизайне, скриптам, HTML и т.п.,
если Вам есть что сказать и о чем рассказать, я буду рад сотрудничеству с Вами.
Присылайте свои предложения и статьи. Давайте вместе делать общее дело!
Присылайте свои соображения, мысли, истории... поделитесь своим опытом.
В качестве гонорара Вы получите несколько строк под Вашей статьёй, для рекламы/описания Вашего сайта.
Буду рад сотрудничеству.
|
