Обучающий урок 2: создание паиели
Навигации
На этом практическом занятии мы превратим простой список ссылок во впечатляющую
Паиель навигации с эффектом-ролловером и выделением нажатой кнопки
Текущего раздела сайта.
Обучающий урок 2: соэдание панели навигации 279
1. Откройте файл веб-страницы nav_bar .html из папки 09\nav_Ьar в НТМL-редакторе.
Как _ридите, в этом файле содержится совсем короткий программный код. Здесь
Присутствует внутренняя таблица со сбросом стандартных стилей CSS и одним
правилом, определяющим простейшее форматирование тега <body> основного
Содержимого веб-страницы. Код HTML создает маркированный список, состоящий
Из шести ссылок. Неб-страница име-ет вид, показанный на рис. 9.15, 1.
Первым шагом будет добавление НТМL-кода, обеспечивающего целенаправленное
Форматирование ссылок списка средствами CSS .
:.
• !!ш!lt
• fu!J/W
• fJsadJ.
• 2\ш
· ~
·~
номе·
• fEAI\IRI!~
· exi'E~cтs
QUI~-~
4>f«>J~S
НGROS<::OPI:S
D
D
L
·~~~~~ ........ ····-·
.........................
~...R...T..S. ~.. . .................. .
•. ...z. ....................,
I'/toJECТS
....................... · 1
~OSCOPES
НОМЕ
FEAТUЦES
EXPERТS
QU!Z
PROJECТS
НOROSCOPES
Рис. 9.15. Вам может nокаэаться, что nреобраэование nростого сnиска в сложную nанель
Навигации требует выnолнения объемной работы. но на самом деле нужно всего лишь
