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