О фрагментах

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

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

Фрагментированный объект использует различные типы фрагментов
Фрагментированный объект использует различные типы фрагментов

A. Фрагмент «Без изображения» B. Фрагмент «Изображение» C. Фрагмент «Текст HTML» 

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

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

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

  1. Выполните одно из следующих действий:
    • Выделите один или несколько объектов в монтажной области и выберите «Объект» > «Фрагменты» > «Создать».

    • Выберите инструмент «Фрагмент»  и протащите по области, где хотите создать фрагмент. Чтобы фрагмент имел форму квадрата, перетаскивайте инструмент при нажатой клавише «Shift». Чтобы рисовать из центра, перетаскивайте инструмент при нажатой клавише «Alt» (Windows) или «Option» (Mac OS).

    • Выделите один или несколько объектов в монтажной области и выберите «Объект» > «Фрагмент» > «Создать по выделенной области».

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

    • Выделите существующий фрагмент и выберите «Объект» > «Фрагменты» > «Создать дубликат фрагмента».

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

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

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

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

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

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

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

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

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

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

  1. Выполните одно из следующих действий с помощью инструмента «Выделение фрагмента»:
    • Выделите фрагмент в окне иллюстрации, и выберите команду «Объект» > «Фрагменты» > «Параметры фрагмента».

    • В диалоговом окне Сохранить для Web и устройств дважды щелкните фрагмент инструментом «Выделение фрагмента».

  2. Выберите тип фрагмента и задайте соответствующие параметры:

    Изображение

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

    Без изображения

    Выберите этот тип, если требуется, чтобы область фрагмента на веб-странице содержала текст HTML и цвет фона. Введите текст для вывода в текстовом окне «Текст в ячейке» и отформатируйте его с помощью стандартных тегов HTML. Не вводите больше текста, чем можно отобразить в области фрагмента (если введено слишком много текста, он перейдет на соседние фрагменты и изменит макет веб-страницы; но так как текст не виден в монтажной области, это проявится только при просмотре веб-страницы в веб-браузере). Задайте параметры «По горизонтали» и «По вертикали» для изменения выравнивания текста в ячейке таблицы.

    Текст HTML

    Этот тип становится доступным только при создании фрагмента, если выделить текстовый объект и выбрать команду «Объект» > «Фрагменты» > «Создать». На веб-странице текст Illustrator преобразуется в текст HTML с основными атрибутами форматирования. Чтобы отредактировать текст, обновите его в своем объекте. Задайте параметры «По горизонтали» и «По вертикали» для изменения выравнивания текста в ячейке таблицы. Можно также выбрать цвет фона для ячейки таблицы.

    Совет. Чтобы отредактировать текст для фрагментов «Текст HTML» в диалоговом окне «Параметры фрагмента», выберите тип фрагмента «Без изображения». Это разрывает связь с текстовым объектом в монтажной области. Чтобы форматирование текста не учитывалось, введите <неформатированный> как первое слово в текстовом объекте.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Примечание.

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

  1. Выделите объект, который хотите связать с URL-адресом.
  2. В палитре «Атрибуты» выберите в меню «Карта ссылок» форму для карты ссылок.
  3. Введите относительный или полный URL-адрес в текстовое поле «URL» или выберите URL-адрес из списка. Местонахождение URL-адреса можно проверить, нажав кнопку «Браузер».

    Примечание.

    Чтобы увеличить количество видимых записей в меню «URL», выберите в меню палитры «Атрибуты» пункт «Параметры палитр». Введите количество URL-адресов, которое должно отображаться в списке URL-адресов (от 1 до 30).

Эта работа лицензируется в соответствии с лицензией Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported  На посты, размещаемые в Twitter™ и Facebook, условия Creative Commons не распространяются.

Правовые уведомления   |   Политика конфиденциальности в сети Интернет