Практическое занятие
Практика проектирования веб-страниц с техническим описанием машин, аппаратов и Технологий при производстве молочных продуктов
Цель работы — изучение методов создания и включения в 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. Назовите требования к расчетам производственных площадей для производства твердых Сыров?