Для профессионалов реализован режим ручного редактирования кода CSS. Редактор вызывается клавишей "F3".
Редактор CSS - состоит из 2-ух частей:
1) Дерево элементов сайта - список форм и слоев сайта, расположенный в иерархическом порядке, предназначен для выделения необходимого элемента сайта.
ПРИМЕЧАНИЕ: при выборе какого-либо элемента сайта, CSS редактор SiteEdit автоматически выделяет выбранный объект красной рамкой (на рисунке - это заголовок раздела).
2) Панель свойств CSS - набор форм и полей для присвоения элементам сайта свойств CSS, разделенных на 7 категорий:
1) свойства шрифта
2) свойства фона элементов сайта
3) границы элементов сайта
4) позиционирование элементов сайта
5) расположение текста
6) другие настройки элементов сайта
7) полосы прокрутки
Выбрав для редактирования в левом древовидном списке соответствующий слой, Вы сможете самостоятельно настроить его дизайн в панели свойств CSS (придать шрифт, расположить в нужном месте сайта, залить цветом, установить размер, установить фоновый рисунок и мн. др., на рисунке - это заголовок раздела).
Так последовательно (но совсем не обязательно!) выделяя и настраивая элементы сайта, можно достаточно легко создать собственный уникальный дизайн сайта.
Чтобы придать элементу сайта какое-либо свойство, достаточно всего лишь ввести соответствующее значение в предназначенное для этого поле или выбрать необходимое из списка.
НАПРИМЕР: Вы хотите, чтобы все заголовки разделов всегда имели вид: 20 шрифт, жирный, Arial, а на заднем фоне была какая-либо картинка. Для этого на вкладке "Шрифт" панели свойств CSS нужно просто ввести в нужные поля: "20", "Arial", "bold" (см. рисунок выше)
ПРИМЕЧАНИЕ: сайт, на котором Вы сейчас находитесь, сделан с помощью рассматриваемого в этой статье CSS редактора, поэтому каждый обладатель системы создания и управления сайтом CMS SiteEdit, может самостоятельно создать сайт, который превзойдет все его лучшие ожидания.
С помощью визуального редактора CSS возможно воплотить практически любую идею web дизайна. Благодаря этому инструменту процесс редактирования становится достаточно простым и не требует знаний языка CSS, с помощью которого настраивается стиль отображения каждого элемента сайта.
Более подробно о свойствах CSS см. Приложение 2. Справочник по CCS.
Дерево слоев дизайна
