Лабораторная работа №12 / Лабораторная работа 12
.pdf
15.Откройте сохраненный html-файл и отредактируйте его, вставив функцию для отображения svg-спрайта так, как описано выше в теоретических сведениях.
Задания.
Задание 1. Создать следующую кнопку и анимировать ее (блик должен перемещаться по кнопке сверху вниз):
Задание 2. Создайте баннер согласно своему варианту (см. папку лр_12/задание_2/варианты.docx)
Задание 3. Создайте следующее анимированное меню и разместите на htmlстранице:
Анимация состоит в изменении цвета пунктов меню с белого на бледно-розовый при наведении мыши на пункт меню.
Задание 4. Создайте следующий набор иконок, сохраните его как SVG-спрайт и разместите на html-странице:
Задание 5. Создайте следующий набор пиктограмм, сохраните его как SVG-спрайт и разместите на html-странице:
11
Форма представления заданий.
Выполненные студентом задания сохраняются в следующих форматах:
•svg – для демонстрации выполнения заданий с использованием соответствующего ПО и просмотра итогового результата.
Также студенты обязаны предоставить отчет о самостоятельном выполнении заданий в виде отчета с подробным описанием своих действий, формат файла отчета – docx.
Отчет в обязательном порядке должен содержать титульный лист, в котором указана организация, в которой обучается студент, название дисциплины, по которой выполняется лабораторная работа, номер лабораторной работы, фамилия, имя и отчество студента.
12