Лабораторная работа №6 / Лабораторная работа 6
.pdfРисунок 8.
Для размещения гиф-анимации на странице сайта в код страницы на языке HTML, в редакторе Блокнот добавьте строку кода:
<img src="C:\ Рабочий стол\111\my_2.gif " width="100%" align=center>
вместо \...\ххх.gif укажите путь доступа к вашим графическим материалам При запуске полученного html-файла, получаем Web-страницу с аними-
рованным изображением, которое на ней отображается с заданным параметром ширины изображения.
Задания.
Задание 1. Создайте фоновое изображение согласно вашему варианту (варианты см. в папке images\л_р_5\задание_1). Сохраните полученное изображение с именем fon.png
Задание 2. Создайте анимированные кнопки согласно вашему варианту (варианты см. в папке images\л_р_5\задание_2). Кнопка должна быть сохранена в формате гиф-анимации, на прозрачном фоне.
Задание 3. Создайте анимированное меню согласно вашему варианту (варианты см. в папке images\л_р_5\задание_3). Меню должно быть сохранено в формате гиф-анимации, на прозрачном фоне.
Задание 4. Создайте анимированный логотип согласно вашему варианту (варианты см. в папке images\л_р_5\задание_4). Логотип должен быть сохранен в формате гиф-анимации, на прозрачном фоне.
Задание 5. Создайте анимированную надпись своей фамилии и имени в виде мерцающих букв.
Задание 6. Создайте web-страницу, на которой разместите:
• на всей странице – фоновое изображение;
11
•в шапке сайта, слева – анимированный логотип;
•в шапке сайта, снизу – анимированное меню;
•в теле сайта, по центру – анимированная кнопка;
•в подвале сайта, по центру – анимированная текстовая надпись фамилии и имени студента.
Форма представления заданий.
Выполненные студентом задания сохраняются в следующих форматах:
•xcf – для демонстрации выполнения заданий с использованием соответствующего ПО,
•jpg, gif, png – для просмотра итогового результата,
•html – для демонстрации выполнения задания 6.
Также студенты обязаны предоставить отчет о самостоятельном выполнении заданий в виде отчета с подробным описанием своих действий, формат файла отчета – docx.
Отчет в обязательном порядке должен содержать титульный лист, в котором указана организация, в которой обучается студент, название дисциплины, по которой выполняется лабораторная работа, номер лабораторной работы, фамилия, имя и отчество студента.
12