Уроки Фотошоп Уроки Фотошоп Скачать для Фотошоп

скачать

Уроки Фотошоп

Уроки Фотошоп

Скачать PhotoShop CS6
главная в избранное карта сайта контакт

Уроки Photoshop

Уроки Фотошоп


Уроки Фотошоп


Ссылки и ролловеры


Наличие ролловеров никак не связано с назначением гипертекстовых ссылок: ссылки все равно назначаются фрагментам. Чтобы назначить адреса ссылок, используйте палитру Slice точно так же, как вы делали изучая разрезание изображений. По существу вам придется воспроизвести все шаги, приведенные в подразделе "Организация ссылок" раздела "Разрезание изображений" настоящей главы.

Сохранение ролловеров

Сохранение ролловеров выполняется все той же, знакомой нам командой save Optimized As из меню File. Нам остается только обсудить особенности формирования имен файлов, поскольку некоторым фрагментам соответствуют теперь несколько изображений.

1. Выберите команду Save Optimized As из меню File.

2. В открывшемся диалоговом окне нажмите кнопку Saving Files Options....

Кроме имени фрагмента (первый список в области File Saving Preferences) и расширения (последний список) в формировании имени файла задействованы еще два "поля". Они обозначают состояние ролловеров.

После имени фрагмента, согласно установкам по умолчанию, следует разделитель (тире), а затем — имя ролловера-переключателя. Это поле имеет смысл только для вторичного ролловера и позволяет легко определить, с каким ролловером он ассоциирован. После имени переключателя снова следует разделитель (подчерк) и состояние ролловера. Таким образом в именах файлов находят отражение и состояния ролловеров.

3. Нажмите кнопку ОК, закрывающую диалоговое окно Saving Files Options.

4. В диалоговом окне Save Optimized установите флажки Save HTML File и Save Images, а флажок Save Selected Slices Only сбросьте.

5. Нажмите кнопку Save. HTML-файл будет сохранен в выбранную папку, а во вложенной папке images окажутся все файлы фрагментов в разных состояниях ролловеров.

Внимательно просмотрите содержимое папки images: в ней должно быть ровно 20 файлов (рис. 10.55), один из которых называется spacer.gif и содержит "прозрачный пиксел".

 

Рис. 10.55. Файлы фрагментов для изображения с ролловэрами



Если у вас получилось меньшее количество файлов, то, скорее всего, вы забыли определить состояния одного или нескольких ролловеров. Если файлов оказалось больше, то причина в том, что одна или несколько фотографий пересекают границы своего фрагмента. Обязательно исправьте эти ошибки, поскольку большее количество файлов увеличивает время загрузки ролловеров, а меньшее количество вводит пользователя в заблуждение.

Загрузите сгенерированный HTML-файл в браузер и проверьте функционирование всех ссылок. Для проверки разместите в той же папке тестовые страницы стран. Их создание описано выше.

Если вы планируете вставить код ролловеров в готовую страницу, то воспользуйтесь для этого командой Copy HTML Code из меню Edit. В открываемом ею списке вы можете выбрать, какую часть кода хотите получить:

код для всех (Copy All Slices) или только выделенных фрагментов (Copy Selected Slices), или исключительно код JavaScript для создания ролловеров (Copy Preloads).

Уроки Фотошоп

Уроки Фотошоп © 2005-