При делении изображения оно делится на несколько более мелких изображений, которые можно сохранить в разных форматах или с разной степенью оптимизации. Так как на загрузку этих оптимизированных изображений уходит меньше времени, чем на загрузку одного большого изображения, веб-страницы могут загружаться быстрее.
При делении изображения может также снизиться количество рисунков, которые требуется сохранять. Если на веб-сайте один логотип или какой-либо другой рисунок отображается на нескольких изображениях, то при делении изображений этот участок требуется сохранить только один раз; один и тот же логотип или область рисунка загружается во все изображения.
С помощью делителя изображений на основе изображения можно создать таблицу, сохранив положение каждой отдельной части как область таблицы и сгенерировав код HTML для столбцов и ячеек. Затем этот код копируется в исходные файлы, чтобы изображение можно было снова собрать при загрузке веб-страницы пользователем.
Можно также создавать ролловеры, или области, в которых при их щелчке кнопкой мыши или наведении на них курсора отображаются дополнительные изображения.
Создание и редактирование ячеек
При делении изображения оно делится на ячейки и редактируются границы ячеек. Для этого используются инструменты в окне группы «Инструменты» диалогового окна «Делитель изображения».
|
|
|
|
|
Инструмент Стрелка позволяет активировать ячейку или переместить ее границы.
|
|
|
Инструмент Сетка позволяет создать сетку с ячейками, расположенными через равные интервалы, либо на всем изображении, либо внутри другой ячейки.
|
|
|
Инструмент Делитель позволяет создавать горизонтальные и вертикальные линии.
|
|
|
Инструмент Ластик позволяет удалять линии деления.
|
|
|
Инструмент Панорама позволяет просмотреть скрытые области изображения путем его перетаскивания в окне просмотра.
|
Назначение свойств ячейкам деления
После создания ячеек деления для каждой из них можно назначить URL-адреса, дополнительный текст и цели. Имеется также возможность отображения ячейки на загруженном изображении. Путем исключения ячеек можно добавлять ячейки из других изображений (например, логотипы или текст) и создавать изображения в непрямоугольных фигурах.
Если назначен дополнительный текст, он отображается во время загрузки изображения. Текст также отображается, если изображение не загружается или пользователь отключил отображение изображений в средстве просмотра Интернета. Этот текст отображается также как подсказка в некоторых версиях Internet Explorer.
Настройка параметров деления
Можно выбрать цвета линий границ для активной и неактивной областей.
Сохранение и загрузка настроек деления
При сохранении настроек деления сохраняется порядок ячеек и данные, введенные в диалоговом окне «Делитель изображения». Эти настройки можно повторно загружать в то же самое изображение или использовать для других изображений.
Сохранение отдельных частей
Отдельные части можно сохранять в папку на жестком диске для их последующего использования или редактирования.
Рабочее пространство правки
|
1
|
Выберите Файл  Экспорт Делитель изображения. |
|
2
|
Выберите инструмент Делитель  и щелкните в том месте изображения, где требуется создать линию деления. |
|
5
|
В текстовом поле Отобр. текст введите текст, который может отображаться в средстве просмотра во время загрузки ячейки. |
|
• |
_blank: загрузка связанной страницы в новом окне средства просмотра. |
|
• |
_parent: загрузка связанной страницы в родительском окне или наборе рамок связи. Если связь содержится не во вложенной рамке, изображение загружается в полноразмерном окне средства просмотра. |
|
• |
_self: загрузка связанной страницы в том же окне или рамке, в которых загружается связь. |
|
• |
_top: загрузка связанной страницы в полноразмерном окне и удаление всех рамок. |
|
|
|
|
|
Выберите инструмент Сетка  . Щелкните в области предварительного просмотра, чтобы открыть диалоговое окно «Размер сетки», затем введите или установите значения в полях Строки и Столбцы.
|
|
|
Выберите инструмент Стрелка  и наведите курсор на линию. Когда курсор примет форму двухсторонней стрелки, перетащите линию на новое место. Для перетаскивания только сегмента внутри текущей ячейки щелкните линию, удерживая нажатой клавишу Shift.
|
|
|
Выберите инструмент Ластик  и наведите курсор на линию. Когда курсор примет форму ластика, щелкните линию, чтобы удалить ее. Если удаление линии приведет к образованию недопустимой области, в программе Corel PaintShop Pro отобразится значок  указывающий на невозможность стирания линии.
|
|
|
Щелкните ячейку с помощью инструмента Стрелка и снимите флажок Включить ячейку в таблицу.
|
|
|
Нажмите кнопку Сохранить в буфер, чтобы открыть диалоговое окно «Папка назначения HTML», перейдите в папку с сохраненным файлом HTML и нажмите кнопку ОК, чтобы сохранить настройки деления.
|
|
|
Нажмите кнопку Создание ролловера. Для получения дополнительных сведений о создании ролловеров изображений см. раздел Создание ролловеров изображений.
|
Можно перемещать линии вверх, но не пересекая смежные параллельные линии. Можно перемещать отдельные линии и линии сетки. При перемещении линии в программе Corel PaintShop Pro перемещается самый длинный сегмент, положение которого можно изменить, не создавая ячейки непрямоугольной формы.
Рабочее пространство правки
|
4
|
В поле Макс. размер списка введите или установите количество записей в раскрывающихся списках URL-адрес и Отобр. текст, которые находятся в окне группы «Свойства ячеек» диалогового окна «Делитель изображения». |
Если при сохранении кода HTML необходимо, чтобы выводился запрос о местоположения файла и имени отдельных частей, установите флажок Запрашивать папку изображений для команд «Сохранить» или «Сохранить как».
Рабочее пространство правки
Рабочее пространство правки
При загрузке сетки в другое изображение программа Corel PaintShop Pro автоматически настраивает размер сетки в случае, если это изображение имеет другие размеры.
Copyright 2013 Corel Corporation. Все права защищены.
