Интернет- технологии МИИГаИК. Указание XML-документов в ориентире на будущее

Презентация была опубликована 11 лет назад пользователемВячеслав Шарапов

1 Интернет- технологии МИИГаИК

2

3

4 Указание XML-документов в ориентире на будущее … …

5 Позиционирование графического изображения (position 1)

6 Позиционирование графического изображения (position 2)

7 Позиционирование графического изображения (position 3)

8 Стилевое оформление документов Связь листов стилей с HTML-документом Ярко-синий цвет фона для всех заголовков первого уровня Ярко-красный цвет фона всей страницы(заливка). Белый цвет фона для обзацев.

9 Тема: таблица(table) в XHTML Тема: Определение структуры веб-страницы при помощи таблиц. Построение таблиц

10 Тема: таблица в XHTML 1.0 Пример таблицы

11 Пример макета таблицы без применения CSS Тема: Определение структуры веб-страницы при помощи таблиц.

12 Пример макета таблицы с применением CSS 2.0 Тема: Определение структуры веб-страницы при помощи таблиц. link_1 link_2 link_3 link_4

13 Задание формы элемент FORM Элемент form обозначает документ как форму и определяет границы использования других тегов, размещаемых в форме. Тег определяется последовательностью тегов, размещенных внутри пары и. В форме используется как метод (method), так и действие (action) для описания обработки данных, вводимых пользователем в форму. Метод (GET или POST) определяет, как должны обрабатываться входные данные из формы, а действие указывает на URI программы, ответственной за обработку этих данных. Определение элементов управления формы тег Данный тег используют для определения области внутри формы, куда вводятся данные. Он формирует поле для ввода информации пользователем. Это может быть текстовое поле, опция, изображение или кнопка. Вид поля ввода определяется значением атрибута type.

14 Задание формы элемент FORM Атрибут type=text Когда пользователю необходимо ввести небольшое количество текста (одну или несколько строк), используется тег, и атрибут type устанавливается в значение text. Это значение принято по умолчанию и указывать его необязательно. Имеется еще три дополнительных атрибута, которые можно использовать. Первый называется maxlength, он ограничивает число символов, вводимых пользователем в текущее поле. По умолчанию данное число не ограничено. Вторым атрибутом является size, определяющий размер видимой на экране области, занимаемой текущим полем. Значение по умолчанию определяется типом браузера. Если значение maxlength больше, чем size, браузер будет прокручивать данные в окне. Последним из дополнительных атрибутов является атрибут value, обеспечивающий начальное значение поля ввода.

15 Задание формы элемент FORM Атрибут type-checkbox При создании форм часто требуется получить ответ пользователя на вопрос типа "Да/Нет". Для создания независимых кнопок в формах HTML используется тег с атрибутом type=checkbox. В зависимости от содержания формы пользователь может отметить несколько флагов. Когда форма использует тег с атрибутом checkbox, в нем должны присутствовать и атрибуты name, и value. Атрибут name указывает на наименование данного поля (флага) ввода. В атрибуте value будет содержаться значение поля. Poccия СНГ В некоторых случаях необходимо инициализировать данный флаг, как уже отмеченный. В таких случаях тег должен содержать атрибут checked.

16 Задание формы элемент FORM Атрибут type=radio В некоторых случаях требуется организовать выбор одного из нескольких возможных значений. Для создания формы ввода при выборе пользователем одного значения из нескольких возможных необходимо использовать тег с атрибутом type=radio. Когда в форме применяется данный атрибут, в теге должны быть указаны атрибуты name и value. Атрибут name указывает наименование соответствующего поля (кнопки). Атрибут value содержит значение поля. массаж тайский массах лечебный

17 Задание формы элемент FORM Атрибут type-image В зависимости от содержимого формы может случиться так, что пользователю потребуется щелкнуть мышью на изображении, чтобы завершить работу с формой. Для этого используется тег с атрибутом type=image. Когда пользователь щелкает мышью по изображению, браузер сохраняет координаты соответствующей точки экрана. Далее он "обрабатывает" введенную в форму информацию. Когда форма использует атрибут image, тег должен содержать также атрибуты name и src. Name указывает наименование поля ввода формы. Атрибут src содержит URI файла источника изображения. Атрибут align является дополнительным и используется аналогично тому же атрибуту тега. Выберите точку

18 Задание формы элемент FORM Атрибут type-password Если в форме требуется организовать ввод пароля, то атрибут type можно установить в значение password (type=password). Используя данный тип, можно организовать ввод пароля без вывода на экран составляющих его символов. При этом следует помнить, что введенные данные передаются по незащищенным каналам связи и могут быть перехвачены. Вход парoль

19 Задание формы элемент FORM Атрибут type=reset Когда пользователь заполняет форму, ему может потребоваться начать все сначала. На такой случай существует кнопка Reset, по которой пользователь может щелкнуть мышью, чтобы вернуться к первоначальным значениям полей. Когда пользователь выбирает данную кнопку, форма восстанавливает первоначальные значения всех элементов, в которых присутствует атрибут type=reset. Для создания кнопки Reset используется тег с атрибутом type=reset. Браузер в свою очередь будет выводить изображение данной кнопки. Если в форме используется атрибут reset, тег может дополнительно содержать атрибут value. Данный атрибут определяет надпись на изображении кнопки.

20 Задание формы элемент FORM Атрибут type=submit Используя форму HTML для ввода информации от пользователя, необходимо обеспечить пользователю возможность завершить ввод данных. Для этого используется тег с атрибутом type=submit. Браузер выводит данный элемент, как кнопку, по которой пользователь может щелкнуть, чтобы завершить процесс редактирования. Когда в форме используется тег с атрибутом submit, данный элемент может содержать два дополнительных атрибута: name и value. Атрибут name хранит значение переменной поля в вашей форме. Атрибут value указывает наименование кнопки Submit.

21 Создание многострочных областей ввода текста тег В зависимости от типа формы может потребоваться организовать ввод большого количества текста. В таких случаях используется тег для создания текстового поля из нескольких строк. Данный тег использует три атрибута: cols, name и rows. Атрибут cols - указывает (число символов) число колонок, содержащихся в текстовой области. Атрибут name определяет наименование поля. Атрибут rows задает количество видимых строк текстовой области.

22 Использование списков в форме тег Когда формы HTML становятся более сложными, в них часто включают списки с прокруткой и выпадающие меню. Для этого ис­пользуют тег select с атрибутом type=select. Для определения списка пунктов используют тег. Тег поддерживает три необязательных атрибута: multiple, name и size. Атрибут multiple позволяет выбрать более чем одно наименование. Атрибут name определяет наименование объекта. Атрибут size определяет число видимых пользователю пунктов списка. Если в форме установлено значение атрибута size=1, то браузер выводит на экран список в виде выпадающего меню. В случае size > 1 браузер представляет на экране обычный список. В форме может использоваться тег только внутри тега. Эти теги поддерживают два дополнительных атрибута: selected и value.

23 Использование списков в форме тег Атрибут selected Используется для первоначального выбора значения элемента по умолчанию. Атрибут value Указывает на значение, возвращаемое формой после выбора пользо­вателем данного пункта. По умолчанию значение поля равно значению тега. Вариант 1 Вариант 2 Вариант 3 Bapиант4