Webcentr
Создание сайтов и продвижение сайтов SMM SEO
Создание сайтов и продвижение сайтов с гарантией получения заявок!
Набережные Челны
  |   CMS SiteEdit   |   Start Plus   |   Standard   |   Business   |

Редактор CSS

Для создания уникального дизайна сайта или изменения существующего, в программе 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, с помощью которого настраивается стиль отображения каждого элемента сайта.