Этот продукт фирмы Xara Ltd призван облегчить жизнь начинающих Web-дизайнеров. Меняя настройки готовых элементов (цвет, гарнитуру шрифта и др.), пользователь может легко разработать элементы стиля Web-страницы – заголовок (2-х или 3-х мерный), кнопки, указатели списков (bullets), разделители (dividers). При разработке новых вариантов иногда удобно использовать и средства Corel Xara 2.0 и Xara 3D.

После установки Xara Web Style занимает около 5 Mb. Программа не русифицирована, но для ее освоения достаточно узнавать слова «Style», «Text», «Color» и т.д. При первом старте запускается подробный, но несколько излишний учебник – интерфейс до невозможности очевиден.

Слева – ряд кнопок выбора режима работы, справа – рабочее окно из двух частей. Нижняя отображает стили «по умолчанию», верхняя – изменения создаваемого элемента. «Горячими» для разделов, команд и параметров являются комбинации [ALT]+[выделенная буква]. Переход между параметрами – [Tab] и [Shift]+[Tab]. Папки «Saved Work» и «More Design» обеспечивают доступ к другим вариантам оформления. Кнопка «revert» позволяет отменить последние изменения и установить исходное состояние. Кнопка «theme» справа позволяет установить «тему» оформления не переходя к режиму «Themes» кнопкой слева.

Опишем кнопки:

«Graphic Type» – типы разрабатываемой графики – «Headings» (заголовки), «3D Headings» (трехмерные заголовки), «Backgrounds» (фоны), «Buttons» (кнопки), «Bullets» (элементы списка), «Dividers» (разделители).

«Style» – готовые и подгружаемые стили оформления для выбранного типа графики.

«Text» – редактирование текста заголовка или кнопки (в других режимах не работает). Здесь же устанавливается гарнитура, жирность, начертание и ширина строки («Aspect») в %. Доступны только .ttf-шрифты, формат postscript игнорируется.

«Color» – выбор цвета составных частей изображения. Исходный режим «Simple» (простой) работает только с безопасной палитрой. Режим «Advanced» («продвинутый») позволяет указать любые оттенки. Здесь выбор цвета осуществляется как «пипеткой», так и указанием числовых значений для стандартов представления цвета RGB или HSV. Причем, для первого – в десятичной, «процентовой» или шестнадцатиричной системе. Баг – при работе с трехмерными заголовками, режим «Simple» показывает не все составляющие и для указания оттенков некоторых частей обязателен режим «Advanced». Причем идентификатор «Light Source 1» устанавливает цвет текста, а «Text» не устанавливает ничего.

«Texture» – выбор готовой текстуры для заполнения фона (для заголовков и кнопок неградиентного типа – и текста) создаваемого изображения. Для привлечения других текстур нужно воспользоваться разделом «Backgrounds» (кнопка «Graphic Types»).

«Shadow» – указание типа тени для создаваемых элементов. Исходный режим «Simple» позволяет наглядно выбрать 1 из 8 типов отбрасывания тени или отключить тень. Режим «Advanced» отвечает за более тонкие установки проекции тени: направление на «стену» (Wall) или «пол» (Floor); смещение по горизонтали («X Offset») и вертикали («Y Offset») для «стены»; протяженность(«Y Size») и угол наклона («Tilt Angle») для «пола»; темнота («Darkness») и размытость («Blur») для обоих вариантов.

«Themes» – варианты оформления, их всего три в базовой поставке. В этом режима выбирается внешний вид оформления («тема»), составляющие которого могут быть использованы по нажатию кнопки «theme» в режимах «Text», « », Главное же – можно сохранять созданные пользователем «темы».

«Size» – установка в пикселах размера создаваемого элемента. Предлагается три варианта масштабирования: «Small» (от 1 до 100px), «Medium» (от 1 до 500px) и «Large» (от 1 до 1000px). Приятно, что можно выбрать настраиваемое измерение – ширину («Width») или высоту («Height»). При разработке кнопок используется параметр «Lock button size». Его включение позволяет создавать кнопки одного размера. Очевидно, что ширина должна фиксироваться по самой длинной надписи.

«Save» – режим сохранения (а точнее, экспорта) созданного объекта. Предлагаются варианты «Save Work» (формат Web Style, пригоден для последующего редактирования) и «Save Graphic» (форматы Web).

В исходном режиме «Simple» выбираются формат (GIF или JPEG) и размер файла – «быстрая загрузка»(«Fast Download»), среднее («Medium ┘») и высокое («High ┘») качество («┘Quality»). В режиме «Advanced» настройка для формата JPEG заключается в установке уровня качества в %. Настройки для GIF'a сложнее. Необходимо указать – количество цветов («Numbers of colors»), параметры смешения цветов («Dithering») и др.

Приятно, что в любом из режимов изменения параметров отображаются в верхней части окна – это позволяет контролировать визуальное качество объекта.

А теперь воспользуемся средствами Xara Web Style 1.2 для создания заголовка.