Графические редакторы на примере Adobe ImageStyler
Рефераты >> Программирование и компьютеры >> Графические редакторы на примере Adobe ImageStyler

IS поддерживает автоматическую генерацию кода JavaScript при экспорте HTML документа. При помощи него можно создать простейшую анимацию на web-страничке: при нажатии кнопки мыши на картинку, проведении курсора над ней, картинка может изменять вид. Для этого существует палитра JavaScript, о которой уже упоминалось раньше. Теперь рассмотрим ее более детально:

Существует три типа событий, по которым может произойти изменение картинки:

· onMouseOver - активизируется, когда курсор мыши находится непосредственно над объектом.

· onMouseDown - активизируется при нажатии на картинку.

· onMouseOut - активизируется, когда курсор мыши "уводят" с картинки.

По умолчанию каждый объект не имеет установленных событий (noAction в палитре JavaScript).

Можно добавлять, копировать и удалять события, используя три кнопки внизу палитры.

При создании нового события, создается новая копия объекта, которую можно редактировать независимо от первоначального. Единственное условие - нельзя изменить тип объекта.

IS может автоматически "оформлять" уже созданные HTML документы, заменяя обычный текст картинками. Эта функция называется Batch Replace и доступна из меню File->Batch Replace HTML. Перед ее использованием, нужно создать заготовку. Для этого создается новый документ и в нем создается набор объектов (эти объекты должны быть текстовыми, и из этих объектов затем берется информация о стиле). Затем, используя палитру Web, каждому объекту задается тип данных, которые им будут заменены (список Replace). При создании HTML документа, каждому текстовый элемент в нем присваивается определенный тип (так же, как и в программе MS Word тексту можно присваивать тип заголовка, обычного текста и т.д.), т.е. заголовки и обычный текст имеют разные типы. Т.о., создав объект и указав ему в поле Replace тип, который был присвоен заголовку в HTML документе, можно заменить заголовок красиво оформленной надписью.

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

Список литературы

Adobe ImageStyler On-line help.

Product Guides: Batch Generation

Layers and attributes

Working with images

Другие примеры дизайна можно найти в Интернет по адресам

http://www.imagestyler.com - сайт поддержки

http://codexorg.webjump.com - сайт, созданный автором реферата.


Страница: