Экспорт rollover-графики

Для использования roll over-графики в Web-страницах необходимо экспортировать ее в HTML- или Flash-объект. Отметим, что проблемы HTML-совместимости не существует, тогда как с Flash-объектами можно работать только на тех компьюте­рах, на которых установлен встраиваемый модуль Flash,

Чтобы опубликовать объект rollover как HTML-объект:

1. Выделите rollover-графику и выполни­те команду меню File / Publish To The Web / HTML (Файл / Публиковать в Web / HTML). Появится диалоговое окно Publish To Web, открытое на вкладке General (Общие), - рис. 17.18. Кроме того, в окне должна быть вклад­ка No Issues (Проблемы отсутствуют).

2. В разделе Export Range (Диапазон экс­порта) щелкните по переключателю Selection (Выделенное).

3. Дополнительно: чтобы убедиться, что rollover-объект вставлен правильно, нажмите на кнопку Browser Preview (Просмотр в обозревателе) и протести­руйте его.

4. В поле Destination (Назначение) выбе­рите папку, в которую будет сохранен HTML/JavaScript-файл. (Три состояния кнопки будут сохранены в виде изоб­ражений в папке Images (Рисунки)).

5. Нажмите ОК, чтобы экспортировать rollover-графику в HTML.

Чтобы опубликовать rollover-графику как Flash-объект:

1. Выделите rollover-графику и выполни­те команду меню File / Publish To The Web / Flash embedded in HTML (Файл / Публиковать в Web / Flash, встроенный в HTML). Появится диало­говое окно Export (Экспорт) - рис. 17.19.

2. Задайте имя файла, установите фла­жок Selected Only (Только выделенное) и нажмите кнопку Export. Появится ди­алоговое окно Flash Export (Экспорт Flash-объекта) - рис. 17.20.

3. На самой правой вкладке должна быть надпись No Issues (Проблемы отсут­ствуют). Чтобы проверить, правильно ли вставлен объект, нажмите на кнопку Preview (Предварительный просмотр). Rollover-графика будет загружена в обо­зреватель.

4. Нажмите ОК, чтобы закончить процесс экспорта. Будут сгенерированны два файла - HTML (.htm) и Flash (.swf) -с одним и тем же именем.

Оптимизация изображений для Web

Чем больше изображений размещается на Web-странице и чем больше их размеры, тем дольше будет выполняться загрузка в обозревателе. Вот почему при подготов­ке графики для Web нужно находить ра­зумный баланс между качеством изображе­ний и их размером. Для этой цели в Corel­Draw используется Web Image Optimizer (Оптимизатор Web-изображений).

Чтобы оптимизировать рисунок для Web:

1. Откройте его в CorelDraw.

2. Выполните команду меню File / Publish То the Web / Web Image Optimizer (Файл / Публиковать в Web / Оптими­затор Web-изображений) - рис. 17.21.

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

4. В первом окне выберите из списка под рисунком текущий тип файла. Если файл в формате CorelDraw, выберите параметр Original (Исходный).

5. Во втором окне укажите тип файла для преобразованного рисунка.

6. Чтобы установить сжатие и другие па­раметры оптимизации, щелкните по кнопке Advanced... (Дополнительно) под вторым рисунком. Появится диа­логовое окно, соответствующее выб­ранному типу файла (рис. 17.22).

7. Укажите параметры и нажмите ОК.

8. Из второго списка под вторым рисун­ком выберите сжатие.

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

10. Нажмите на кнопку Preview (Предва­рительный просмотр), чтобы рассчи­тать новый размер файла и приблизи­тельное время передачи, а также про­смотреть его во втором окне.

11. Чтобы увидеть результаты оптимиза­ции для других типов файлов, повто­рите шаги 5-10. Иначе нажмите ОК. Появится стандартное диалоговое окно Save (Сохранить) - рис. 17.23.

12. Наберите имя файла, укажите место на диске, куда его нужно сохранить, и нажмите кнопку Save. Файл будет сохранен в заданном формате.

Если установить параметр progressive JPEG (последовательный JPEG), то изображение будет загружаться в несколько проходов, постепенно становясь более четким. Иначе рисунок загрузится сверху вниз.