Практическое занятие

Практика проектирования веб-страниц с техническим описанием машин, аппаратов и Технологий при производстве молочных продуктов

Цель работы — изучение методов создания и включения в HTML — страницы форм и элементов управления.

СОДЕРЖАНИЕ | содержание | РАБОТЫ

Формы и элементы управления. Теги INPUT |, BUTTON |, LABEL |, SELECT |, OPTION |, FIELDSET |, LEGEND |, TEXTAREA |, FORM |

Теги, предназначены для внедрения в HTML-страницу | форм и элементов управления, создают объекты по своему внешнему виду и назначению, во многом напоминают аналогичные стандартные элементы, применяемые при создании | творении | приложений | приложений | средствами | средствами | визуального программирования.

При этом наибольшей универсальностью обладает тег <INPUT|>, который благодаря Возможности| Способности | конкретизировать вид внедряемого | вводить | элемента изменением значений свойства «type |», позволяет внедрять | вводить | объекты типа | типа | кнопка (type = button |), переключатель (type = radio |), флажок (type = checkbox |), изображения (type = image |), поле (type = text |), а также специализированные поля для ввода пароля (type = password |), поиска и ввода имени файла type = file |, отправки (type = submit |) или очистки | очистки | (type = reset |) формы и некоторые другие.

Примеры | образцы |:

<INPUT Type=text size=25> — поле длиной 25;

<INPUT Type=button value= OK > — кнопка с надписью «OK».

Остальные тегов этого типа | типа | обладает меньшей универсальностью, и каждый из них создает только | только | по одному объекту.

Тег <BUTTON|> внедряет | вводит | на страницу элемент «кнопка». Он дублирует возможности | способности | тега <INPUT|> и, кроме того, позволяет вводить | вводить | в тег не только | не только | текст с | с | названию кнопки, но и другие элементы. Например, следующий | такой | запись в теле страницы создаст кнопку двухстрочный запись с | с | картинкой с | с | файла imageki |. Jpg в верхней строке и названием кнопки «BUTTONKIOK |» в нижней строке. Этим же записью кнопке будет поставлена в соответствие «горячая» клавиша «Х»:

<BUTTON| Name=ButtonKI| accesskey=X|>

<IMG| SRC=imageki|.jpg> <BR> ButtonKIOK

</ BUTTON |>

Тег <LABEL|> создает надпись | надпись |.

Тег <SELECT|> внедряет | вводит | поле с | с | списком или выпадающий список.

Тег <OPTION|> обозначает | значит | одну из альтернатив в элементе SELECT |.

Тег <FIELDSET|> объединяет рамкой несколько элементов.

Тег <LEGEND|> создает надпись | надпись | для рамки.

Тег <TEXTAREA|> задает поле ввода, состоящий из нескольких строк.

Тег <FORM|> описывает форму, которая может содержать | удерживать | другие элементы управления.

Ниже приведен комплексный пример | образец | использование тегов для создания | создание | элементов управления, а на рисунке показан внешний вид формы, который появится | отобразит | в окне браузера |:

<FORM|>

<FIELDSET|>

<LEGEND> Текст | легенды </ LEGEND>

<TEXTAREA| Rows=3|> </ TEXTAREA>

<SELECT| Size=3|>

<OPTION> Строка | 1 </ OPTION>

<OPTION| Selected> Строка | 2 </ OPTION>

<OPTION> Строка | 3 </ OPTION>

<OPTION> Строка | 4 </ OPTION>

</ SELECT> <BR|>

</ FIELDSET |>

<LABEL> Текст | надписи | надписи | </ LABEL>

<BUTTON> Название | кнопки </ BUTTON>

</ FORM |>

ЗАДАНИЕ | задания |

1 Ознакомиться с | с | содержанием | содержанием | теоретической части | части | работы.

2 Запустить на выполнение текстовый редактор. Прочитать страницу «ki_page1 |. Htm» и вставить в конце | в конце | тела страницы все теги элементов управления, упомянутые в теоретической части | части | работы. Для создания | создание | элементов управления выбрать любые размеры, названия и тексты.

3 Сохранить изменения в файле «ki_page1 |. Htm».

Требования к оформлению ОТЧЕТА

1 Отчет должен содержать | удерживать | страницу «ki_page1 |. Htm», измененную в соответствии с п. 2 задания | задания |.

2 Отчет оформляется в электронном виде | виде |.

Вопросы для самопроверки

1. Назовите помещения основного производственного назначения. Как рассчитываются их площади?

2. Какие требования предъявляются к стенам и полу в производственных помещениях?

3. Какие требования предъявляются к помещениям предприятий молочной промышленности?

4. Назовите объемно-Плановые решения сооружений производственных помещений, предприятий молочной промышленности?

5. Назовите требования к расчетам производственных площадей для производства твердых Сыров?