Практическое занятие №15

Наименование: Создание динамического меню навигации при помощи списков и правил 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 - свойства устанавливается прозрачность?

ПРИЛОЖЕНИЕ: