Фрагменты и карты ссылок

Веб-страницы могут содержать много элементов — текст HTML, растровые изображения, векторную графику и др. В Illustrator можно использовать фрагменты для определения границ различных веб-элементов в объекте. Например, если какое-то растровое изображение в объекте должно быть оптимизировано в формат JPEG, а остальная часть объекта — в формат GIF, можно изолировать растровое изображение как фрагмент. Если объект сохраняется как веб-страница с помощью команды Сохранить для Web и устройств, можно сохранить каждый фрагмент как независимый файл со своим форматом, настройками и таблицей цветов.

Фрагменты документа Illustrator соответствуют ячейкам таблицы на итоговой веб-странице. По умолчанию область фрагмента экспортируется как файл изображения, заключенный в ячейку таблицы. Если нужно, чтобы ячейка таблицы содержала не файл изображения, а текст HTML и фоновый цвет, можно задать для фрагмента тип «Без изображения». Если требуется преобразовать текст Illustrator в текст HTML, можно задать для фрагмента тип «HTML-текст».

Увидеть фрагменты можно в монтажной области и в диалоговом окне Сохранить для Web и устройств. Illustrator нумерует фрагменты слева направо и сверху вниз, начиная с верхнего левого угла объекта. При изменении расположения или общего количества фрагментов номера фрагментов соответственно обновляются.

Когда создается фрагмент, Illustrator с помощью веб-таблицы делит окружающую графику на автофрагменты для сохранения макета. Существует 2 типа автоматически создаваемых фрагментов: автофрагменты и подфрагменты. Автофрагменты — это области объекта, которые не определены вами как фрагмент. Illustrator обновляет автофрагменты каждый раз, когда вы добавляете или редактируете фрагмент. Подфрагменты определяют, как будут делиться пересекающиеся пользовательские фрагменты. Хотя подфрагменты пронумерованы и обознаются символом «фрагмент», невозможно выделить их отдельно от основного фрагмента. Illustrator обновляет подфрагменты и автофрагменты по мере надобности во время работы пользователя.

Создание фрагментов

Выделение фрагментов

Используйте инструмент «Выделение фрагмента»,  чтобы выбрать фрагмент в окне иллюстрации или в диалоговом окне «Сохранить для Web и устройств».

• Чтобы выделить фрагмент, нажмите на него.
• Чтобы выделить несколько фрагментов, нажмите на них при нажатой клавише Shift (в диалоговом окне Сохранить для Web и устройств также можно перетаскивать инструмент при нажатой клавише Shift).
• Чтобы выделить основной фрагмент при работе с пересекающимися фрагментами, нажмите его видимую часть.

  Кроме того, можно выделять фрагменты в окне иллюстрации одним из следующих способов:

• Чтобы выделить фрагмент, созданный с помощью команды «Объект» > «Фрагменты» > «Создать», выделите соответствующий объект в монтажной области. Если фрагмент привязан к группе или слою, выделите значок рядом с группой или слоем на палитре «Слои».
• Чтобы выделить фрагмент, созданный с помощью инструмента «Фрагмент», команды «Создать по выделенной области» или команды «Создать по направляющим», укажите его на палитре «Слои».
• Щелкните на контуре фрагмента с помощью инструмента «Выделение» .
• Чтобы выделить сегмент контура фрагмента или опорную точку фрагмента, нажмите на них инструментом «Частичное выделение».

  Примечание. Выделить автофрагменты невозможно. Эти фрагменты недоступны.

Установка параметров фрагмента

Параметры фрагмента определяют, как будет выглядеть и работать фрагмент на веб-странице.

Блокировка фрагментов

Блокировка фрагментов предотвращает случайные изменения (например, перемещение или изменение размера).

• Чтобы заблокировать все фрагменты, выберите «Просмотр» > «Закрепить фрагменты».
• Для блокировки отдельных фрагментов нажмите столбец редактирования фрагментов на палитре «Слои».

Корректировка границ фрагментов

Если фрагмент создан с помощью команды «Объект» > «Фрагменты» > «Создать», позиция и размер фрагмента привязываются содержащемуся в нем объекту. Поэтому при перемещении или изменении размера объекта границы фрагмента корректируются автоматически.

Если фрагмент создается с помощью инструмента «Фрагмент», команды «Создать по выделенной области» или команды «Создать по направляющим», можно откорректировать фрагменты вручную следующими способами.

• Для перемещения фрагмента перетащите его на новое место с помощью инструмента «Выделение фрагмента» . Чтобы ограничить перемещение вертикальной, горизонтальной линией или диагональной под углом 45°, нажмите и держите клавишу Shift.
• Для изменения размера фрагмента выделите фрагмент с помощью инструмента «Выделение фрагмента» и тащите любой угол или сторону фрагмента. Для изменения размера фрагментов можно использовать также инструмент «Выделение» и палитру «Трансформирование».
• Для выравнивания или распределения фрагментов используйте палитру «Выравнивание». Выравнивание фрагментов может устранить ненужные автофрагменты и создать небольшой, более эффективный файл HTML.
• Для изменения порядка размещения фрагментов перетащите фрагмент на новую позицию на палитре «Слои» или выберите команду «Объект» > «Монтаж».
• Для разделения фрагмента выделите его и выберите «Объект» > «Фрагменты» > «Разделить фрагменты».

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

  Чтобы изменить размер всех фрагментов до границ монтажной области, выберите команду «Объект» > «Фрагменты» > «Обрезать по монтажной области». Фрагменты, выходящие за монтажную область обрезаются до размеров монтажной области, а автофрагменты, лежащие внутри монтажной области, расширяются до ее границ; ничего в объекте не меняется.

Удаление фрагментов

Чтобы убрать фрагменты, можно их удалить или освободить в соответствующем объекте.

• Для удаления фрагмента выделите фрагмент и нажмите кнопку «Удалить». Если фрагмент создан с помощью команды «Объект» > «Фрагменты» > «Создать», одновременно удаляется и соответствующий объект. Чтобы сохранить соответствующий объект, не удаляйте фрагмент, а освободите его.
• Для удаления всех фрагментов выберите команду «Объект» > «Фрагменты» > «Удалить все». Фрагменты, созданные с помощью команды «Объект» > «Фрагменты» > «Создать», не удаляются, а освобождаются.
• Для исключения фрагмента выделите его и выберите команду «Объект» > «Фрагменты» > «Расформировать».

Отображение и скрытие фрагментов

• Чтобы скрыть фрагменты в окне иллюстрации, выберите команду «Просмотр» > «Спрятать фрагменты».
• Чтобы скрыть фрагменты в диалоговом окне «Сохранить для Web и устройств», нажмите кнопку «Переключить видимость фрагментов» .
• Чтобы спрятать номера фрагментов и изменить цвет линий фрагмента, выберите «Редактирование» > «Установки» > «Быстрые направляющие и фрагменты» (Windows) или «Illustrator» > «Установки» > «Быстрые направляющие и фрагменты» (Mac OS).

Создание карт ссылок

Карты ссылок позволяют связать одну или несколько областей изображения (так называемых активных областей) с URL-адресом. Когда пользователь нажимает активную область, веб-браузер загружает связанный с ней файл.

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