Наименование: Создание динамического меню навигации при помощи списков и правил CSS
1 Цель: Научиться средствами CSS создавать меню с анимационным эффектом. Формировать компетенции ОК 1, ОК 2, ОК 4, ОК 8, ОК 9; овладеть знаниями и умениями для освоения ПК 1.2, ПК 1.3, ПК 1.4, ПК 1.5
2 Подготовка к занятию:
2.1 По указанной литературе повторить тему «Оформление веб – страниц средствами CSS», ответить на следующие вопросы:
- Какую роль играют анимации на веб – страницах?
- Какие свойства используются для создания анимации средствами CSS3?
- С помощью каких средств HTML создаются меню на веб страницах?
3 Литература:
3.1 Шомас Е.А. Веб – дизайн, учебное пособие. Самара, КС ПГУТИ, 2014
3.2 http://uroki-css.ru/ - Уроки CSS3
4 Перечень оборудования:
4.1 ПЭВМ, подключенные к сети Интернет;
4.2 Любой текстовый редактор, для написания кода;
4.3 Браузер, для просмотра веб – страниц.
5 Задание:
5.1 Создать маркированное меню средствами HTML;
5.2 Оформить меню средствами CSS3;
5.3 Придать эффект анимации к созданному меню.
|
|
6. Порядок выполнения работы:
6.1 Выполнить задания лабораторное работы, основываясь на приложение к работе;
6.2 Составить отчет по практической работе в текстовом редакторе Word;
6.3 Показать преподавателю выполненное задание и отчет по работе.
7. Содержание отчета:
7.1 Наименование и цель работы;
7.2 Код – программы и скрин выполненного задания;
7.3 Ответы на контрольные вопросы;
7.4 Вывод о проделанной работе;
8. Контрольные вопросы:
8.1 Какое свойство CSS применяется для закругления углов у определенного блока <div>?
8.2 Что задается в следующем правиле CSS? Какие значения передаются свойству?
8.3 С помощью какого CSS - свойства устанавливается прозрачность?
ПРИЛОЖЕНИЕ: