4 семестр / ЛР 6 ИТиП ОТЧЕТ

МИНИСТЕРСТВО ЦИФРОВОГО РАЗВИТИЯ, СВЯЗИ И МАССОВЫХ КОММУНИКАЦИЙ РОССИЙСКОЙ ФЕДЕРАЦИИ

ОРДЕНА ТРУДОВОГО КРАСНОГО ЗНАМЕНИ ФЕДЕРАЛЬНОЕ ГОСУДАРСТВЕННОЕ БЮДЖЕТНОЕ ОБРАЗОВАТЕЛЬНОЕ

УЧРЕЖДЕНИЕ ВЫСШЕГО ОБРАЗОВАНИЯ МОСКОВСКИЙ ТЕХНИЧЕСКИЙ УНИВЕРСИТЕТ СВЯЗИ И ИНФОРМАТИКИ

Факультет СИ Кафедра ОиКК ЛАБОРАТОРНАЯ РАБОТА №6

по дисциплине «Информационные технологии и программирование»

Выполнила: Балыбердина Анастасия Максимовна студентка БИН2401 Проверила: Ефимичева Кристина Ильинична ассистентка кафедры ОиКК

Москва, 2026

ЗАДАНИЕ 1

Рисунок 1 - Листинг исходного кода главной страницы index.html

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

Рисунок 2 - Визуализация главной страницы «Компьютер и ПО» в веб-

браузере

2

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

ЗАДАНИЕ 2

Рисунок 3 - Листинг исходного кода страницы software.html

В коде продемонстрирована программная реализация списков различного типа: нумерованного (тег <OL>) для классификации ПО и маркированного

(тег <UL>) с атрибутом type="SQUARE".

3

Рисунок 4 - Отображение структурированных списков в интерфейсе браузера

Контрольный скриншот подтверждает автоматическую индексацию элементов нумерованного списка и корректную отрисовку квадратных маркеров в списке прикладных программ.

ЗАДАНИЕ 3

Рисунок 5 - Листинг исходного кода страницы glossary.html

Разметка выполнена с использованием специализированных тегов описания терминологических словарей и глоссариев.

4

Рисунок 6 - Визуальное представление раздела «Словарь»

Скриншот демонстрирует итоговое форматирование терминов и их определений с соблюдением стандартных для HTML иерархических отступов.

ЗАДАНИЕ 4

Рисунок 7 - Листинг исходного кода страницы hardware.html

Фрагмент кода содержит начальную структуру страницы «Комплектующие» с

объявлением заголовка второго уровня.

Рисунок 8 - Отображение страницы «Комплектующие» в браузере

5

На рисунке представлен результат вывода пустого шаблона страницы,

содержащего только заголовочную часть для последующего наполнения контентом.

ЗАДАНИЕ 5

Рисунок 9 - Листинг исходного кода интерактивной формы anketa.html

В программном коде реализованы различные элементы управления формой:

текстовые поля ввода, переключатели типа radio, флажки checkbox и

выпадающий список выбора.

6

Рисунок 10 - Внешний вид формы обратной связи до заполнения

Скриншот фиксирует исходное состояние интерфейса анкеты со всеми функциональными полями и кнопкой инициации отправки данных.

Рисунок 11 - Тестирование пользовательского ввода в интерфейсе анкеты

7

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

Рисунок 12 - Верификация механизма передачи данных через почтовый клиент

Скриншот подтверждает работоспособность атрибута action="mailto:...": при отправке формы происходит автоматическая передача структурированных данных во внешнее почтовое приложение.

Вывод: в ходе лабораторной работы был создан сайт с картинкой, с

переходом по страницам и возможностью отправить обратную связь

8