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

Презентация:



Advertisements
Похожие презентации
УРОК 5. Списки на Web-страницах. Довольно часто при размещении текста на Web-страницах удобно использовать списки в различных вариантах: нумерованные.
Advertisements

Создание Web-сайта Тема раздела:Создание Web-сайта Тема раздела:
5.7.7 Формы на Web-страницах.
Web-сайты и Web-страницы Web-сайт состоит из Web-страниц, объединенных гиперссылками. Web-страницы могут быть интерактивными и могут содержать мультимедийные.
Web-сайты и Web-страницы Web-сайт состоит из Web-страниц, объединенных гиперссылками. Web-страницы могут быть интерактивными и могут содержать мультимедийные.
Интерактивные формы на Web- страницах - перевод строки - перевод строки - форма на Web-странице - форма на Web-странице - поле раскрывающего cписка -
Струкова Наталья Федоровна, учитель математики и информатики высшей квалификационной категории. МБОУ «СОШ 13», г. Златоуст, Челябинская обл.
Списки на Web- страницах - нумерованный список - нумерованный список - маркированный список - маркированный список - список терминов - список терминов.
Вставка изображений и гиперссылок на Web- страницы. Списки на Web-страницах.
Работу выполнил Пестов Григорий у ченик 9 г класса МОУ СОШ с УИОП пгт. Ленинское Учитель Е.И. Леушина 2009 г.
Для создания интерактивных Web-страниц, обеспечивающих обратную связь, используются специальные формы. Форма – это набор элементов, таких как поля ввода,
Разработка Web-сайтов с использованием языка разметки гипертекста HTML.
Основы сайтостроения Списки и отступы. Для создания нумерованных списков существует тег … Каждый элемент списка отмечается тегом. Этот тег парный, но.
Лекция 11 Тема «Формы » Преподаватель: Халелова Е.Н.
Язык создания web- страниц - HTML. Основные теги Указывает программе просмотра страниц что это HTML документ. Определяет место, где помещается различная.
Создание Web- страниц с графическими изображениями и бегущей строкой c помощью язык разметки гипертекста HTML.
Урок информатики в 9 классе. Автор: учитель информатики и ИКТ ГБОУ СОШ 891 Пулова Светлана Анатольевна.
Web-сайты и Web-страницы Сайт является интерактивным средством представления информации. Интерактивность сайта обеспечивают различные формы, с помощью.
Разработка Web-сайтов с использованием языка разметки гипертекста HTML 8 класс, IV четверть.
Внешне форма выглядит, как анкета, в которую посетитель может вписать свой текст или отметить выбранные значения из предлагаемого перечня. Форма выделяется.
Транксрипт:

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

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

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

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

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

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

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

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

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

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

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

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

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

Щелчком по кнопке «Отправить» можно отправить данные из формы на определенный адрес электронной почты. Для этого атрибуту ACTION контейнера надо присвоить значение адреса электронной почты. Кроме того, в атрибутах METOD и ENCTYPE необходимо указать метод и форму передачи данных: Например: <FORM METHOD="POST" ENCTYPE="text/plain">