Знакомство с css

Лекция №4. Новые стандарты HTML5 и их функции. Новые стандарты HTML5. Работа с аудио, видео и графикой


План:
1. Понятие о Формах.
2. Работа с фреймами на HTML.
3. Работа с объектами на HTML


Аннотация: В данной лекции описывается понятие о формах и работа сними, изучение фреймов и объектов. Создание веб страницы используя форм, фреймов и объектов.
Опорные слова: form, type,input, frameset, frame, object, action, method 


Формы, находящиеся в документах HTML, служат, в основном, средством взаимодействия пользователя с удаленным сервером. Формы содержат элементы управления (кнопки, списки, поля ввода и т. д.), данные которых передаются серверу посредством HTTP-запроса. Кроме того, формы могут обрабатываться клиентскими сценариями, а данные элементов управления использоваться, например, для динамического изменения содержимого документа.
Форма определяется при помощи элемента FORM. Атрибут action этого элемента задает агента обработки данных формы, которым может являться, например, скрипт на удаленном сервере, почтовая система пользователя или клиентский сценарий. Если значение атрибута action определяет URI серверного скрипта, то можно задать тип HTTP-запроса, который будет использоваться для отправки данных формы при помощи значения атрибута method (значением может быть "get" либо "post").
Элементы управления форм вводятся в основном при помощи элемента INPUT. Тип элемента задается посредством атрибута type. Кроме того, кнопки могут определяться при помощи элемента BUTTON и быть нескольких типов: обычные, кнопка отправки формы, кнопка очистки формы.
Формы предназначены для обмена данными между пользователем и сервером.
Для указания браузеру где начинается и заканчивается форма, используется тег 

. Между открывающим и закрывающим тегами  и 

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

• 
  Элементы формы, которые представляют собой стандартные поля для ввода информации.
  
• 
  Кнопку отправки данных формы на сервер.
  
• 
  Адрес программы на веб-сервере, которая будет обрабатывать содержимое данных формы.
  

Чтобы указать браузеру куда и как отправлять данные формы используется два параметра:
action — адрес CGI-программы, которая принимает данные формы.
method — метод пересылки данных, содержащихся в форме, от браузера к веб серверу.
Может принимать два значения: GET и POST.
Элементы формы представляют собой стандартные элементы управления, используемых для заполнения значений, которые затем передаются веб-сереверу.
К стандартным элементам формы относятся: текстовые поля (многострочное текстовое поле и поле пароля), кнопки (для отправки введенной в форму информации серверу и для очистки формы), флажки, переключатели, поле со списком и кнопки-изображения.
Привидем пример простой HTML-формы.


 HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

Фреймы (или кадры) позволяют создавать Web-страницы, состоящие из нескольких независимых документов. Основой таких страниц является специальная структура документа, в которой элемент BODY заменяется элементом FRAMESET, определяющим расположение фреймов. Атрибуты cols и rows элемента FRAMESET определяют количество и параметры строк и столбцов набора фреймов, создаваемого элементом. Каждый отдельный фрейм набора определяется при помощи элемента FRAME. Его атрибут src задает URI документа, загружаемого во фрейм. Элементы FRAMESET могут быть вложены друг в друга (являться наряду с FRAME ячейкой набора фреймов), при этом могут создаваться фреймовые структуры со сложной топологией.
Существует также элемент IFRAME (он уже упоминался ранее), позволяющий создавать встроенные фреймы, внедряя один независимый документ в другой. Кроме того, его можно использовать для динамической загрузки данных скриптом.
В общем случае фреймы крайне не рекомендуются к применению при создании Web-сайтов (возникают проблемы с индексированием поисковыми системами, навигацией и т. д.), но если они используются, документ-контейнер набора фреймов должен включать элемент NOFRAMES с альтернативным содержимым для браузеров, не поддерживающих фреймы.
Вводя тег , дизайнер HTML-станицы разделяет экран браузера на части. В результате пользователь, рассматривающий страницу сайта, может изучать одну часть страницы не зависимо от остальной части. Браузер, распознающий фреймы, загружает разные страницы в разные секции (фреймы) экрана.
Тег  обрамляет текст, описывающий компоновку фреймов. Здесь размещается информация о числе фреймов, их размерах и ориентации (горизонтальной или вертикальной). У тега  только два возможных атрибута: row, задающий число строк, и cols задающий число столбцов. Между тегами  не требуется указания тега , но его можно поместить между тегами  в конце фреймовой структуры. Между тегами не должно быть никаких тегов или атрибутов, которые обычно используются между тегами . Единственными тегами, которые могут находиться между ними, являются теги ,  и .
Приведем пример использования фреймов.
DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN">