Использование пакета Dreamweaver

в этом архиве я нашел видео секса азиаток в хорошем качестве

Формы


ГЛАВА 16 Формы
ГЛАВА 16. Формы Формы (также их называют Web-формами), как вы помните, служат для сбора данных пользователя и отправки их Web-серверу. Они представляют собой набор из элементов управления (по...
Список
Список Для помещения в форму обычного или раскрывающегося списка используется кнопка List/Menu (Рисунок 16.16) панели объектов или пункт List/Menu подменю Form Objects меню Insert. Доступные п...
Рисунок 16 16 Кнопка List/Menu панели объектов
Рисунок 16.16. Кнопка List/Menu панели объектов...
Рисунок 16 17 Вид редактора свойств при выделенном списке
Рисунок 16.17. Вид редактора свойств при выделенном списке В поле ввода List/Menu вводится уникальное имя списка. Dreamweaver автоматически подставит туда сгенерированное им самим имя, но вам...
Рисунок 16 18 Диалоговое окно List Values
Рисунок 16.18. Диалоговое окно List Values Большую часть этого окна занимает список пунктов. Каждая позиция этого списка состоит из двух полей: поля названия пункта (Item Label), которое отоб...
Поле ввода имени файла
Поле ввода имени файла Поле ввода имени файла позволит вам отправить серверной программе целый файл. Единственное условие: данные должны быть закодированы с использованием кодировки multipart/...
Рисунок 16 19 Кнопка File Field панели объектов
Рисунок 16.19. Кнопка File Field панели объектов В поле ввода FileField Name вводится уникальное имя элемента управления. Dreamweaver автоматически подставит туда сгенерированное им самим имя...
Рисунок 16 20 Вид редактора свойств
Рисунок 16.20. Вид редактора свойств при выделенном поле ввода имени файла В поле ввода Char Width задается ширина поля ввода, т. е. его горизонтальный размер, в символах. В поле ввода Max...
Графическая кнопка
Графическая кнопка Графическая кнопка — это обычное графическое изображение, "по совместительству" выполняющее функцию кнопки отправки данных, т. е. при щелчке по такому изображению...
Рисунок 16 21 Кнопка Image Field панели объектов
Рисунок 16.21. Кнопка Image Field панели объектов...
Рисунок 16 22 Вид редактора свойств
Рисунок 16.22. Вид редактора свойств при выделенной графической кнопке В поле ввода ImageField вводится уникальное имя элемента управления. Dreamweaver автоматически подставит туда сгенериров...
Скрытое (невидимое) поле
Скрытое (невидимое) поле Скрытое поле — это особый элемент управления, вообще не отображающийся в Web-странице. Значение, изначально присвоенное скрытому полю, не может быть изменено посетител...
Рисунок 16 23 Кнопка Hidden Field панели объектов
Рисунок 16.23. Кнопка Hidden Field панели объектов...
Рисунок 16 24 Помещенное на страницу скрытое поле
Рисунок 16.24. Помещенное на страницу скрытое поле...
Рисунок 16 25 Вид редактора свойств
Рисунок 16.25. Вид редактора свойств при выделенном скрытом поле В поле ввода HiddenField вводится уникальное имя элемента управления. Dreamweaver автоматически подставит туда сгенерированное...
Дополнительные элементы управления
Дополнительные элементы управления Дополнительные элементы управления служат не для ввода данных, а для удобства посетителя страницы. Они поддерживаются только достаточно новыми программами We...
Метка
Метка Метка — это просто текстовая подпись, добавляемая к обычному элементу управления, например, полю ввода или переключателю. Чтобы привязать метку к элементу управления, выделите его и наж...
Рисунок 16 26 Кнопка Label панели объектов
Рисунок 16.26. Кнопка Label панели объектов Как видите, метка создается с помощью парного тега <LABEL>. HTML-код элемента управления, к которому привязывается метка, находится внутри эт...
Группа
Группа Группа элементов управления — это простой прямоугольник, объединяющий несколько элементов управления и имеющий текстовую метку. Чтобы объединить несколько элементов управления в группу...
Рисунок 16 27 Кнопка Fieldset панели объектов
Рисунок 16.27. Кнопка Fieldset панели объектов...
Рисунок 16 28 Диалоговое окно
Рисунок 16.28. Диалоговое окно Fieldset После этого вы увидите такой код в окне документа: <FIELDSET> <LEGEND>Teкст метки</LEGEND> ...Коды элементов управления... </FI...
Внимание
Внимание Элементы управления, помещенные в группу, должны быть окружены тонким прямоугольником. Но Dreamweaver не отображает этот прямоугольник. Чтобы увидеть его, откройте страницу в Web-о...
Раскрывающийся список гиперссылок
Раскрывающийся список гиперссылок Теперь поговорим еще об одном элементе управления, напрямую не относящемся к формам. Это так называемый раскрывающийся список гиперссылок — обычный раскрывающ...
Рисунок 16 29 Кнопка Jump Menu панели объектов
Рисунок 16.29. Кнопка Jump Menu панели объектов...
Рисунок 16 30 Диалоговое окно Insert Jump Menu
Рисунок 16.30. Диалоговое окно Insert Jump Menu В списке Menu Items перечислены все пункты раскрывающегося списка, созданные вами. Вы можете добавлять в этот список новые строки, щелкнув кноп...
Поведения предназначенные для работы с формами
Поведения, предназначенные для работы с формами Dreamweaver предусматривает несколько поведений, предназначенных для работы с формами и элементами управления. (Подробнее о поведениях и работе...
Создание списка гиперссылок (Jump Menu)
Создание списка гиперссылок (Jump Menu) Это поведение используется при создании раскрывающегося списка гиперссылок. Именно оно обеспечивает переход на другую Web-страницу, когда посетитель выб...
Работа с формами в Dreamweaver
Работа с формами в Dreamweaver Создайте в Dreamweaver новую страницу. Мы поместим в нее форму, собирающую анкетные данные пользователя и отсылающую их гипотетической серверной программе progra...
Создание кнопки перехода для списка
Создание кнопки перехода для списка гиперссылок (Jump Menu Go) Это поведение тоже используется для создания списка гиперссылок, но уже с кнопкой Перейти. Как и в предыдущем случае, вам также о...
Задание нового значения поля ввода (Set Text of Text Field)
Задание нового значения поля ввода (Set Text of Text Field) Поведение set Text of Text Field позволяет вам поместить новое значение в любое поле ввода или любую область редактирования из имеющ...
Проверка данных введенных в форму (Validate Form)
Проверка данных, введенных в форму (Validate Form) Очень часто нужно проверять данные, введенные посетителем страницы в форму, на правильность. Сами понимаете, компьютеры ненадежны, но люди ещ...
Простейшая Webформа
Простейшая Web-форма Для примера давайте создадим небольшую форму для опроса посетителей нашего сайта. В нее будут вводиться следующие данные о посетителе: имя; фамилия; пол; год ро...
Рисунок 16 31 Надпись и поле ввода
Рисунок 16.31. Надпись и поле ввода имени, расположенные в одну строку Не очень красиво... Но мы сейчас это исправим. Поместите текстовый курсор между надписью и полем ввода, уберите пробел и...
Рисунок 16 32 Надпись и поле ввода
Рисунок 16.32. Надпись и поле ввода имени, расположенные в две строки...
Рисунок 16 33 Поля ввода имени и фамилии
Рисунок 16.33. Поля ввода имени и фамилии Настала пора группы переключателей. Поставьте текстовый курсор после поля ввода фамилии. Наберите слово "Пол", поставьте разрыв строки и по...
Рисунок 16 34 Группа переключателей задания пола
Рисунок 16.34. Группа переключателей задания пола Осталось поместить в форму кнопки Отправить (Submit) и Сброс (Reset). Сделайте это. Задайте для них имена submit и Reset и надписи "Отпр...
Рисунок 16 35 Готовая форма в окне Webобозревателя
Рисунок 16.35. Готовая форма в окне Web-обозревателя Единственная проблема — некому обрабатывать введенные нами данные. Ну нет у нас программы program.exe, нет!...
Использование таблиц и стилей для создания форм
Использование таблиц и стилей для создания форм Первая наша форма получилась не очень привлекательной на вид. Это естественно: ведь нашей задачей было научиться создавать формы, а не осваивать...
Таблица в форме Рисунок 16 37
Рисунок 16.37. Готовая форма, созданная на основе таблицы Как видите, форма, построенная на основе таблицы, получилась значительно компактнее нашей первой формы. В этом проявилось одно из гла...
Рисунок 16 38 Готовая форма созданная
Рисунок 16.38. Готовая форма, созданная на основе таблицы и стилей...
Основные принципы разработки форм
Основные принципы разработки форм Итак, вы познакомились с формами и элементами управления, выяснили, как эти формы создаются и используются. Настало время завершить разговор о формах некоторы...
Что дальше?
Что дальше? Вот вы и узнали, как делаются формы. Ничего сложного! Нужно только создать форму и правильно выставить все параметры ее элементов. Но что-то автор все-таки забыл... Ах да — еще н...
Создание формы
Создание формы Чтобы поместить на Web-страницу форму, проще всего воспользоваться панелью объектов. Для этого переключитесь на вкладку Forms, где находятся кнопки, помещающие на Web-страницу...
Рисунок 16 1 Кнопка Form панели объектов
Рисунок 16.1. Кнопка Form панели объектов Пустая форма показывается в виде узкой полоски, ограниченной красной пунктирной рамкой (Рисунок 16.2). Когда вы поместите что-нибудь в форму, ее разм...
Рисунок 16 2 Пустая форма на Webстранице
Рисунок 16.2. Пустая форма на Web-странице Вновь созданная форма будет сразу же выделена, чтобы вы смогли установить нужные параметры. К несчастью, это никак не сигнализируется визуально: выд...
Рисунок 16 3 Вид редактора свойств при выделенной форме
Рисунок 16.3. Вид редактора свойств при выделенной форме Сначала о поле ввода Form Name. В нем вводится имя формы. По умолчанию Dreamweaver сам подставляет туда автоматически сгенерированное...
Элементы управления
Элементы управления Элементы управления помещаются на форму с помощью все той же вкладки Forms панели объектов или пунктов подменю Form Objects меню Insert. Ниже мы подробно рассмотрим каждый...
Поле ввода
Поле ввода Обычное поле ввода, служащее для ввода текста, самый популярный в формах элемент управления, помещается в форму с помощью кнопки Text Field (Рисунок 16.4) панели объектов или пункт...
Рисунок 16 4
Рисунок 16.4. Кнопка Text Field панели объектов Появившееся на экране вновь созданное поле ввода будет выделено. Об этом сигнализирует тонкая штриховая рамка, окружающая его. Таким образом, в...
Рисунок 16 5 Вид редактора свойств при выделенном поле ввода
Рисунок 16.5. Вид редактора свойств при выделенном поле ввода В поле ввода TextField вводится уникальное имя элемента управления. Dreamweaver автоматически подставит туда сгенерированное им с...
Рисунок 16 6 Вид редактора свойств
Рисунок 16.6. Вид редактора свойств при выделенной области редактирования Прежде всего, вместо поля ввода Max Chars появится поле Num Lines, в котором задается вертикальный размер области ред...
Таблица 16 1 Выбор пункта раскрывающегося списка Wrap
Таблица 16.1. Выбор пункта раскрывающегося списка Wrap Как должны отображаться данные Как данные должны получатьс...
Внимание
Внимание Если вы хотите быстро вставить в форму область редактирования, воспользуйтесь кнопкой Textarea (Рисунок 16.7) панели объектов или пунктом Textarea подменю Form Objects меню Inser...
Рисунок 16 7 Кнопка Textarea панели объектов
Рисунок 16.7. Кнопка Textarea панели объектов Примечание 1Примечание 1 Обычное поле ввода создается посредством одинарного тега <INPUT TYPE= "text">. (Обратите внимание н...
Кнопка
Кнопка Кнопка — второй по популярности элемент управления в Web-формах. Для помещения ее в форму используется кнопка Button (Рисунок 16.8) панели объектов или пункт Button подменю Form Objects...
Рисунок 16 8 Кнопка Button панели объектов
Рисунок 16.8. Кнопка Button панели объектов...
Рисунок 16 9 Вид редактора свойств при выделенной кнопке
Рисунок 16.9. Вид редактора свойств при выделенной кнопке В поле ввода Button Name вводится уникальное имя элемента управления. Dreamweaver автоматически подставит туда сгенерированное им сам...
Флажок
Флажок Флажки используются в формах также довольно часто. Для помещения его в форму используется кнопка Checkbox (Рисунок 16.10) панели объектов или пункт Check Box подменю Form Objects меню I...
Рисунок 16 10 Кнопка Checkbox панели объектов
Рисунок 16.10. Кнопка Checkbox панели объектов В поле ввода CheckBox вводится уникальное имя элемента управления. Dreamweaver автоматически подставит туда сгенерированное им самим имя, но вам...
Рисунок 16 11 Вид редактора свойств при выделенном флажке
Рисунок 16.11. Вид редактора свойств при выделенном флажке В поле ввода Checked Value вводится текст, отправляемый серверной программе, если флажок будет включен посетителем, т. е. если флажо...
Переключатели
Переключатели Переключатели в Web-формах, как и в обычных Windows-окнах, применяются только группами. В самом деле, в одиночку они абсолютно бесполезны — в таком случае гораздо удобнее использ...
Рисунок 16 12 Кнопка Radio Button панели объектов
Рисунок 16.12. Кнопка Radio Button панели объектов...
Рисунок 16 13 Вид редактора свойств
Рисунок 16.13. Вид редактора свойств при выделенном переключателе В поле ввода RadioButton вводится уникальное имя группы переключателей. Переключатели, входящие в одну группу, должны иметь о...
Группа переключателей
Группа переключателей Dreamweaver предоставляет удобные средства создания сразу целой группы переключателей. В самом деле, если переключатели целесообразно использовать только группой, неудобн...
Рисунок 16 14 Кнопка Radio Group панели объектов
Рисунок 16.14. Кнопка Radio Group панели объектов...
Рисунок 16 15 Диалоговое окно Radio Group
Рисунок 16.15. Диалоговое окно Radio Group В поле ввода Name этого окна вводится уникальное имя создаваемой группы переключателей. Dreamweaver автоматически подставит туда сгенерированное им...








Начало    


Книжный магазин