Списки на Web – страницах. Интерактивные формы на Web – страницах 23.07.20151. - презентация

1 Списки на Web – страницах. Интерактивные формы на Web – страницах

2 1. Укажите тэги необходимые для форматирования текста и их назначения. 2. Что такое контейнер? 3. Какой тэг и его атрибуты используются для вставки изображений в Web – страницы? 4. Изображения каких форматов можно разместить на Web – страницах? 5. Что такое гиперссылка? 6. Какой тэг и его атрибуты используются для создания гиперссылок? 7. Назовите атрибуты гиперссылки на адрес электронной почты? 8. Назовите основные парные тэги (контейнеры) без которых не возможно создание Web – страницы в программе «Блокнот»? Проверка домашнего задания

3 Списки Нумерованные Маркированные Списки определений

4 Нумерованный список располагается внутри контейнера, а каждый элемент списка определяется тэгом. С помощью атрибута TYPE тэга можно задать тип нумерации: арабские цифры (по умолчанию), "I" (римские цифры), "а" (латинские строчные буквы) и др.: Например: Системные программы Прикладные программы Системы программирования Нумерованные списки

5 Маркированный список располагается внутри контейнера, а каждый элемент списка определяется тэгом. С помощью атрибута TYPE тэга можно задать вид маркера списка: "disc" (диск), "square" (квадрат) или "circle" (окружность) Например: текстовые редакторы; графические редакторы; электронные таблицы; системы управления базами данных Маркированные списки

6 Список терминов располагается внутри контейнера «список определений». Внутри него текст оформляется в виде термина, который выделяется одинарным тэгом и определения, которое следует за одинарным тэгом Список терминов.

7 На страницах сайта размещают интерактивные формы, для того чтобы посетители сайта могли не только просматривать информацию, но и отправлять сведения его администраторам. Формы включают в себя элементы управления различных типов: текстовые поля, раскрывающиеся списки, флажки, переключатели и т. д. Вся форма заключается в контейнер Интерактивные формы на Web- страницах

8 Текстовые поля создаются с помощью тэга со значением атрибута TYPE="text". Атрибут NAME является обязательным и служит для идентификации полученной информации. Значением атрибута SIZE является число, задающее длину поля ввода в символах. Для того чтобы анкета «читалась», необходимо разделить строки с помощью тэга перевода строки Текстовые поля

9 Для этого необходимо создать группу переключателей («радиокнопок»). Создается такая группа с помощью тэга со значением атрибута TYPE="radio". Все элементы в группе должны иметь одинаковые значения атрибута NAME. Например, NAME="group". Еще одним обязательным атрибутом является VALUE, которому присвоим значения "учащийся", "студент" и "учитель". Значение атрибута VALUE должно быть уникальным для каждой «радиокнопки», так как при ее выборе именно оно передается серверу Переключатели

10 Флажки создаются с помощью тэга со значением атрибута TYPE="checkbox". Флажки, объединенные в группу, могут иметь различные значения атрибута NAME. Например, NAME="box1", NAME="box2" и т. д. Еще одним обязательным атрибутом является VALUE, которому присвоим значения "WWW", " " и "FTP". Значение атрибута VALUE должно быть уникальным для каждого флажка, так как при его выборе именно оно передается серверу Флажки

11 Для реализации раскрывающегося списка используется контейнер, в котором каждый элемент списка определяется тэгом. В переключателях, флажках и списках выбранный по умолчанию элемент задается с помощью атрибута SELECTED Поля списков

12 Создается текстовая область с помощью тэга с обязательными атрибутами: NAME - задающим имя области, ROWS - определяющим число строк COLS - число столбцов области Текстовая область

13 Отправка введенной в форму информации осуществляется с помощью щелчка по кнопке. Кнопка создается с помощью тэга. Атрибуту TYPE необходимо присвоить значение "submit", а атрибуту VALUE, который задает надпись на кнопке, присвоить значение "Отправить" Отправка данных из формы

14 Щелчком по кнопке «Отправить» можно отправить данные из формы на определенный адрес электронной почты. Для этого атрибуту ACTION контейнера надо присвоить значение адреса электронной почты. Кроме того, в атрибутах METOD и ENCTYPE необходимо указать метод и форму передачи данных: Например: