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

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



Advertisements
Похожие презентации
Разработка и использование интерактивных форм Общие положения. Общие положения. Современные браузеры позволяют пользователю, заполнив специальную форму,
Advertisements

1 2 1.Формы в HTML-документах 2.1. Тег 3. ТЕГ 4. Тег 5. Тег.
Лекция 11 Тема «Формы » Преподаватель: Халелова Е.Н.
Формы в HTML. Элемент FORM Элемент уровня «блок» Управляющие элементы Просто текст Атрибуты: action – url обработчика method – post или get enctype –
Web-программирование Кейно Павел Петрович
5.7.7 Формы на Web-страницах.
JavaScript Объекты документа Объект History Свойства: current next previous length.
Списки на Web – страницах. Интерактивные формы на Web – страницах
Один из видов презентации на компьютере это набор слайдов, которые можно выводить последовательно друг за другом. Часто такое компьютерное произведение.
Учитель информатики Трашков О.Л.. Окно обычно содержит следующие элементы: Строка заголовка Строка меню Панель инструментов Адресная строка Рабочая область.
Для создания интерактивных Web-страниц, обеспечивающих обратную связь, используются специальные формы. Форма – это набор элементов, таких как поля ввода,
Интерактивные формы на Web- страницах - перевод строки - перевод строки - форма на Web-странице - форма на Web-странице - поле раскрывающего cписка -
Общие сведения о Microsoft Access. позволяет хранить большие массивы данных, обрабатывать их, автоматизировать часто выполняемые операции, разрабатывать.
Ekaterina B. Egorkina,© VEELTECH.RU Загрузка и вывод изображений Каким образом можно сохранить картинку в БД, а потом отобразить ее на странице?
Язык создания web- страниц - HTML. Основные теги Указывает программе просмотра страниц что это HTML документ. Определяет место, где помещается различная.
Объектно-ориентированный язык программирования. Выберите в реальной жизни любой объект (холодильник, магнитофон, машина) и опишите его свойства, методы,
Автор презентации: Парфенова Наталья Владимировна Место работы: ГБОУ СПО «МК 5 ДЗМ» г.Москва Должность автора: преподаватель информатики.
Урок 3. Формы представления данных (таблицы, формы, запросы, отчеты)
Форматирование текста на Web-странице Пока наша страница выглядит не слишком привлекательно: мелкий шрифт чёрного цвета на белом фоне. С помощью тэгов.
ТЕКСТОВЫЙ РЕДАКТОР Word. Текстовый редактор Word программа создания, редактирования, форматирования, сохранения и печати текстовых документов, проверки.
Транксрипт:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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