Контрольная работа по «Разработке веб-сайтов»

МИНОБРНАУКИ РОССИИ

Федеральное государственное бюджетное образовательное учреждение

высшего образования

«Ивановский государственный энергетический университет имени В.И. Ленина»

Факультет заочного и вечернего обучения

Контрольная работа

по дисциплине «Разработка веб-сайтов»

Вариант 4

ВЫПОЛНИЛ:        

Губин Дмитрий Иоанович

ПРОВЕРИЛ:

Иваново, 2021

Содержание

Лабораторная работа 1        3

Лабораторная работа 2        4

Лабораторная работа 3        7

Лабораторная работа 4        8

Лабораторная работа 5        9

Заключение        11

Вариант 4

Лабораторная работа 1

Задание: вывести на экран текст задачи, таблицу и решение.

Результат выполненной работы отображен на рисунке 1.

[pic 1]

Рисунок 1 – Результат первой лабораторной работы.

При верстке страницы использовались следующие теги: div, b, br, i, table, tr, th, td.

Лабораторная работа 2

Задание: на первой странице кратко изложить сведения о кратких прилагательных. На второй странице представить тест с тремя вопросами и пятью вариантами ответов. Ответы могут быть однозначными, многозначными и нульзначными. Выдать ответ в виде трехбалльной оценки (не справились, среднее знание, хорошее знание).

Первая страница содержит информацию о теме и кнопку «пройти тест», которая видет на вторую страницу (рисунок 2).

[pic 2]

Рисунок 2 – Верстка первой страницы из второй лабораторной работы

На второй странице составлен тест (рисунок 3). В зависмости от набранных баллов выводится одно из трех сообщений (рисунок 4 – 6).

[pic 3]

Рисунок 3 – Верстка страницы с тестом

[pic 4]

Рисунок 4 – Сообщение при успешном прохождении теста

[pic 5]

Рисунок 5 – Сообщение при удовлетварительном прохождении теста

[pic 6]

Рисунок 6 – Сообщение при не удовлетварительном прохождении теста

Лабораторная работа 3

Задание: используя HTML, javascript, CSS3, нарисовать на экране 3D-цилиндр, расположенный под углом, поднятый слева направо. Параметры фигуры в пикселах и координаты верхнего левого угла прямоугольной области изображения вводить в диалоге. Используя тени закрасить поверхности 3D-цилиндра.

При запуске странице запрашиваются данные для постройки диллиндра. Пример запроса данных представлен на рисунке 7.

[pic 7]

Рисунок 7 – Пример запроса координаты x для позиционирование элемента