Создаем, программируем, шлифуем и раскручиваем web-caйт. Серия Быстро и легко - Алексеев Ю.М.
Скачать (прямая ссылка):
Теперь вставим в форму несколько текстовых" полей. " 1
> Вставьте в документ таблицу из трех строк, двух столбцов и без границы (см. знакомство «Создаем таблицу»). ... . t _
> В первую ячейку первой строки таблицы введите текст Фамилия. - г;-.-.;'
> Щелкните мышью на второй ячейке первой строки. " •
> Нажмите кнопку [о] Text Field (Текстовое поле) на панели Insert (Вставка). В указан. н ной ячейке появится прямоугольная рамка, означающая текстовое поле, а на панели
, свойств Properties (Свойства) появятся характеристики текстового поля (Рис. 7.78).
¦ ¦Jy L
0*»»*h| Тур. 0Sb4IaIm OMJdHa OPHswd Оая|ни 1-І
МахОи/і| ' lr*val I
¦1¦•.JiH''-;* M?CliJ
Рис. 7.78. Панель свойств текстового поля , ... ,, „ ]у:
; ' -' , . ' ¦¦ • ¦¦ .
> В поле ввода TextField (Текстовое поле) на панели свойств введите название создаваемого поля Фамилия.
[3
ГЛАВА 7. Создание Web-сайта с помощью Macromedia Dreamweaver MX 315
Рис. 7.79. Текстовыемш: '' '"' .'^ Давайте вставим в форму флажок. . " ' - " :
Щелкните мышью справа от таблицы и нажмите клавишу чтобы перейти на
новую строку в
> Введите текст Посылать новости о товарах по электронной почте?.
> Нажмите кнопку [Щ Checkbox (Флажок) на панели Insert (Вставка). В окне программы появится небольшой серый квадрат, обозначающий флажок, а на панели
'. ' • свойств Properties (Свойства) появятся характеристики флажка (Рис. 7.80).
• •>,: В поле ввода Checkbox name (Имя флажка) на панели свойств введите название : ч флажка Отправить. '.
Пнем?.*?;
;Фамилия|_ paponbjfj
|мУ> <Гстг»Я>«гистмііня> <titte> ctr> <id>r*j^grrjl>)
> Установите переключатель Single line (Одна строка) в группе элементов управления
Туре (Тип), чтобы текстовое поле состояло только из одной строки. . •'-
Поле ввода Char width (Ширина в символах) на панели свойств позволяет указать мак- ¦ симальное число символов, которое может отображаться в текстовом поле. С помощью поля InH val (Начальное значение) можно ввести текст, который появится в текстовом поле после первой загрузки формы.
> В . первую ячейку второй строки таблицы введите текст Пароль.
> Щелкните мышью на второй ячейке второй строки. V;. '
-> Нажмите кнопку [о] Text Field (Текстовое ¦ поле) на панели .Insert (Вставка), чтобы вставить текстовое поле.
В поле ввода (Текстовое поле) на панели свойств введите название тексто-
вого поля Пароль.
> Установите переключатель Password (Пароль) в группе элементов управления Туре (Тип), чтобы при вводе пароля символы отображались звездочками. .
> В первую ячейку третьей строки таблицы введите текст Email (Электронная. почта). '
> Во вторую ячейку третьей строки вставьте текстовое поле с именем Email'^Элек-. тронная почта) и типом Single line (Одна строка) (Рис. 7.79).
316
Быстро и легко создаем, программируем и раскручиваем Web-сайт
CheckBox name . Checked veto checkbox
InWaI state О Checked CLwi [Nona 1*1^
0 Unchecked
Puc. 7.80. Панель свойств флажка . -
> В группе элементов управления Initial state (Начальное состояние) установите переключатель Checked (Установлен), чтобы сразу после загрузки формы флажок был установлен (Рис. 7.81).
Uninlcd D
uttancnl lUiililluil-'/'J Mi"] ІЗ i
|ф"амилия |Пароль і Emailj4
росылать
..................................і: і
.,.....,:.:..1 і
новости о товарах по электронной почте? J2 '¦
<body> <forfn#Pirr>icTpaii>tfl> <?>|<irput#OTni)aeKTb>| [4671231 і|ЇК ( 1 ж j ^
Рис. 7.81. Флажок на Web-странице
¦"' > Поле ввода Checked value (Установленное значение) на панели свойств определяет значение флажка в установленном состоянии, которое посылается скрипту после заполне-
• ния формы. v :¦¦ • .
Сейчас вставим в форму список. ": ". і - ',,
> Щелкните мышью справа от созданного флажка и нажмите клавишу ЩЩ. чтобы перейти на новую в окне.
> Введите текст Ваши предпочтения. ¦ ;/¦«,¦..'.<
> Нажмите кнопку |ffi) List/Menu (Список/Меню) на панели Forms (Формы). В окне программы появится значок Q означающий список, а на панели свойств Properties (Свойства) появятся характеристики списка (Рис. 7.82). ¦ ¦
list/Menu
Type ®H>u Wohl
I-
|| UStVaIu«... I Оав|могиі L
InHaIy selected
> -;
a
ft/c. 7.82. Панель свойств списка
> В поле ввода List/Menu (Список/Меню) на панели свойств введите название списка Категория.
> В группе элементов управления Туре (Тип) установите переключатель Menu (Меню),
чтобы создаваемый список был открывающимся.
ГЛАВА 7. Создание Web-сайта с помощью Macromedia Dreamweaver MX
317
> Нажмите кнопку List values (Значения списка). На экране появится диалог List Values (Значения списка) для ввода элементов списка (Рис. 7.83).
ata
EE