Создание кнопок навигации

Теперь вы создадите срезы для кнопок навигации в левой части страницы, чтобы затем превратить их в ролловеры. Вы могли бы выделять каждую кнопку по от­дельности и устанавливать для нее параметры навигации. Но те же самые дейст­вия можно выполнить гораздо быстрее.

1 На панели инструментов переключитесь на инструмент Slice (Нарезка) или нажмите комбинацию клавиш Shift+K, чтобы выбрать этот инструмент. Обратите внимание на появившиеся вокруг слов в левой части изображения го­лубые направляющие:

2 Используя направляющие, протащите инструмент Slice (Раскройка) по диаго­нали из левого верхнего угла, образован­ного направляющими, возле названия раздела «About Museo Arte» через текс­товую область до правого нижнего угла, возле названия раздела «Contact», что­бы включить в срез все пять названий разделов.

В левом верхнем углу созданного среза 04 появится синий прямоугольник, похо­жий на прямоугольник для среза 01. Синий цвет отличает пользовательский срез от автосреза.

Серый прямоугольник первоначального автосреза 03 не изменился, но область изображения, включенная в срез 03, сократилась и теперь представляет собой не­большой прямоугольник под текстом.

Вокруг среза появится золотистая рамка, обозначающая границы среза и указы­вающая на то, что данный срез является выделенным.

3 Не отменяя выбор инструмента Slice (Нарезка), нажмите комбинацию кла­виш Shift+K, чтобы переключиться на инструмент Slice Select (Выделение фрагмента). Список доступных элементов для инструмента Slice (Нарезка) на панели параметров инструмента, расположенной над окном изображения, из­менится и появится ряд дополнительных кнопок выравнивания.

Теперь вы нарежете выделенную часть изображения для пяти отдельных кнопок.

4 Щелкните на кнопке Divide (Разделить фрагмент), расположенной на панели параметров инструмента над окном изображения.

5 В появившемся диалоге Divide Slice (Разделить фрагмент) установите флажок Divide Horizontally Into (Разделить по горизонтали на) и введите значение 5 в поле ввода Slices Down, Evenly Spaced (раскраивает вниз с равными интерва­лами). Щелкните на кнопке ОК.

Теперь вы присвоите каждому срезу имя и добавите соответствующую ссылку.

6 Используя инструмент Slice Select (Выделение фрагмента), дважды щелкните на верхнем срезе, содержащем название раздела «About Museo Arte», чтобы открыть диалог Slice Options (Параметры фрагмента).

В диалоге Slice Options (Параметры фрагмента) введите значение About в по­ле ввода Name (Имя), в поле URL (URL) введите about.html, а в поле Target (Цель) введите _self. (Обязательно введите знак нижнего подчеркивания пе­ред буквой «s».) Щелкните на кнопке ОК.

Параметр Target (Цель) задает способ открытия связанного файла при щелчке мытью на данной ссылке. При использовании значения _self страница открыва­ется в том же фрейме, где была открыта исходная страница. 8 Повторите шаги 6 и 7 для оставшихся срезов, начав со второго среза сверху и используя следующие значения параметров:

Для второго среза сверху в диалоге Slice Options (Параметры фрагмента) вве­дите значение Tour в поле ввода Name (Имя), в поле URL (URL) введите tour.html, а в поле Target (Цель) введите _self.

• Для третьего среза в диалоге Slice Options (Параметры фрагмента) введите значение Exhibits в поле ввода Name (Имя), в иоле URL (URL) введите exhibits.html, а в поле Target (Цель) введите _self.

• Для четвертого среза в диалоге Slice Options (Параметры фрагмента) введи­те значение Members в иоле ввода Name (Имя), в поле URL (URL) введите members.html, а в поле Target (Цель) введите _self.

• Для пятого среза в диалоге Slice Options (Параметры фрагмента) введите значение Contact в поле ввода Name (Имя), в поле URL (URL) введите contact.html, а в поле Target (Цель) введите _self.

Важно! Имена HTML-страниц, вводимые в диалоге Slice Options (Параметры фрагмен­та), должны в точности совпадать с именами файлов готовых страниц сайта, на которые будут ссылаться кнопки.