Geum.ru

2009 Вопросы к междисциплинарному экзамену для студентов дневной формы обучения

Вид материалаДокументы

Содержание


Структура HTML документа
Структура Web-страницы.
Интерактивные формы нa Web-страницах.
Текстовые поля
Option selected>
Name, value
Подобный материал:
1   ...   17   18   19   20   21   22   23   24   ...   42
<html> <h3>Структура HTML документа </h3> <br />Документы, подготовленные с помощью языка гипертекстовой разметки HTML, просматриваются с помощью специальных программ - браузеров. Текст HTML документа размечается тэгами, которые являются ключевыми словами языка. Тэги заключаются в угловые скобки.<br /> <br />Закрывающейся тэг отличается от открытого наличием / черты.<br /> <br /><html> <br /> <br /><title>…….

……



Для вставки в тест изображения используется одиночный тэг IMG. У него есть специальные атрибуты.

Pics - рисунки.

img src="images/pics/имя файла">

img имеет атрибут aling=top (с верхом текущей строки)=midl - выравнив середину bot tom

rowspan - число строк, перекрывающей ячейкой.

colspan - число столбцов, перекрывающей ячейкой.

объединение 2-х ячеек.

Структура Web-страницы.


Большая часть тэгов образует контейнер, состоящий из открывающего и закрывающего тэгов. Тэги можно набирать как заглавными, так и строчными буквами.

Web-страница помещается в контейнер < HTML> и состоит из двух частей: заголовка и отображаемого в браузере содержания.

Заголовок страницы помещается в контейнер . Заголовок содержит название страницы, которое помещается в контейнер и при просмотре отображается в верхней строке окна браузера.

Также в заголовок помещаются не отображаемые при просмотре мета-тэги, задающие кодировку страницы для ее правильного отображения в браузере, а также содержание описание и ключевых слов страницы, которые в первую очередь просматривают роботы поисковых систем. Отображаемое в браузере содержание страницы помещается в контейнер .

Интерактивные формы нa Web-страницах.


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

Поля формы создаются с помощью тэгов , , TEXTAREA>, в которых с помощью атрибутов задаются параметры полей. С помощью атрибуту TYPE задается тип поля, атрибут NAME присваивает полю имя, а атрибут VALUE содержит его значение. Для конкретных различных типов поля существует также дополнительные атрибуты. При обработке формы на сервер передаются пары "NАМЕ=VALUE", где VALUE - значение соответствующего атрибута, установленное пользователем или заданное по умолчанию.

Текстовые поля


Текстовое поле создается тэгом



Атрибут VALUE принимает такое значение, которое задается пользователем при заполнении поля. Если пользователь ввел в поле текст "Фамилия", то на сервер будет передано regist =Фамилия"

Флажки. Флажки могут объединяться в группы, присвоением атрибутам NAME всех флажков одинакового значения. Для установки флажка по умолчанию используется атрибут CHECKED. Группа флажков создается тэгами





На сервер передается значение атрибута VALUE флажка, установленного пользователем. Если пользователем установлены несколько флажков, то на сервер будут переданы значения установленных флажков группы через запятую "chdl =1.2".

Переключатели. Переключатели существуют только в составе группы, что обеспечивает присвоением атрибутам NAME всех переключателей по умолчанию используется атрибут CHECKED Группа переключателей создается тэгами





На сервер передается значение атрибута VALUE переключателя, установленного пользователем. Если пользователем установлен первый переключатель, то на сервер будет передано "radl =1"

Списки. Списки предоставляют пользователю выбор элементов в форме ниспадающего меню (значение атрибута SIZE=1) или списка прокрутки. Список помещается в контейнер:



На сервер передается значение атрибута OPTION, выбранного пользователем или установленного по умолчанию атрибутом SELECTED. Если пользователем выбран третий элемент списка, то на сервер будет передано "list = Третий "

Текстовая область. Текстовая область представляет собой текстовое поле с заданным количеством строк (значение атрибута ROWS) и столбцов (значение атрибута COLS) Создается тэгом



На сервер передается содержимое поля, если пользователь не изменял текст, то "resume -Текст по умолчанию"

Кнопки. На форме должны присутствовать кнопки, которые реализуют отправку данных из формы для обработки на сервер и очистку формы от введенных данных.

Кнопка отправки данных формы реализуется с помощью тэга:



Кнопка очистки данных формы реализуется с помощью тэга:


"Web-страница с формой". Создать Web-страницу с анкетой для абитуриентов с использованием Web-редактора Front Page Express. Во Front Page Express форма создается автоматически при добавлении на Web-страницу любого элемента формы. На странице редактора область формы выделяется пунктирным прямоугольником, внутри которого появляется первый элемент.

Добавляются элементы формы на страницу или с помощью команды меню (Вставка - Поле формы), или специальными кнопками на Панели инструментов полей формы:


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