Как работать в Стиль Объекта

Лучшая практика > Этап 4 - Страницы >

Как работать в Стиль Объекта

Previous pageReturn to chapter overviewNext page
Verborgen tekst tonen/verbergen

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

Кликните, чтобы развернуть/уменьшитьКак создать фоновое изображение, чтобы оно подходило по размерам ячейки

Стиль объекта можно настроить различными способами: можно импортировать изображение (файл в формате .JPG, .GIF, .PNG) и использовать его в качестве фона самого объекта. В зависимости от типа изображения, которое вы импортировали, следует выбрать параметр Фоновое изображение, и задать настройки для параметров Положение и Выравнивание, или использовать параметр Подогнать под размер ячейки, чтобы получить наилучший результат.

Пример 1

Размер импортированного изображения совпадает с размером ячейки, в которой содержится объект.

Фон: Фоновое изображение

Положение: Без повтора

Выравнивание: С левого верхнего угла

Кликните, чтобы развернуть/уменьшить

Пример 2

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

Фон: Фоновое изображение

Положение: Повторять в обоих направлениях

Выравнивание: С левого верхнего угла

Кликните, чтобы развернуть/уменьшить

Пример 3

Импортированное изображение - это рамка, которая легко приспосабливается к изменению размеров.

Фон: Подогнать под размер ячейки

Ширина блока / Высота блока: задайте наилучший размер для блоков.

Кликните, чтобы развернуть/уменьшить

Для того, чтобы лучше понять, как работает параметр Подогнать под размер ячейки, что такое блоки и как задать правильные размеры, изучите следующие рисунки:

Рисунок 1

Рисунок 2

Рисунок 3

Исходное изображение (Рис. 1) это обрамляющая рамка, которую можно легко разделить на блоки и приспособить к любым размерам: украшения по углам - фиксированного размера, а растушевку можно повторять как паттерн без резких цветовых переходов.

На рисунке 2 видны блоки, размеры которых должны быть жестко заданы (с помощью параметров Ширина блока и Высота блока). Ширина и высота одинаковые для всех блоков и заданы в процентах от исходного изображения: соотношение может изменяться от 5% до 45%. В этом примере изображение и по вертикали и по горизонтали обрезано на уровне 35%: это значение гарантирует, что в каждом из блоков есть уголок.

Рисунок 3 показывает как можно из исходных блоков A, B, C и D получить 5 других блоков - a,b,c,d и е: на такие блоки программа нарезает изображение, чтобы получить все части картинки, составляющей полный фон ячейки. Блоки A, B, C и D остаются неизменными и размещаются по углам ячейки, а другие пять блоков - a,b,c,d и e - повторяются, чтобы заполнить оставшееся пространство.

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

Кликните, чтобы развернуть/уменьшитьКак: Пользоваться библиотекой стилей

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

Чтобы создать новый стиль:

В Модульной сетке выберите объект, с которым вы собираетесь работать, и нажмите кнопку , чтобы открыть окно Стиль Объекта.
Используйте параметры в разделах Стиль и Текст для получения такого вида, который вас устраивает.
Откройте раздел Библиотека и нажмите на кнопку Добавить: по вашим настройкам создается новый стиль. Изображение для предварительного просмотра стиля, который вы только что создали, добавляется к списку стилей Свои настройки.

Чтобы применить стиль к ячейке:

В Модульной сетке выберите объект, над которым вы собираетесь работать, и нажмите кнопку , чтобы открыть окно Стиль Объекта.
Перейдите к разделу Библиотека и выберите изображение предварительного просмотра стиля, который хотите применить из списка стилей Заводские настройки или из стилей списка Свои настройки.
Нажмите на кнопку Применить.

 


Родственные темы:

-

Блочная модель WebSite X5