SiteEdit
       Рус  Eng

On-line руководство
по созданию сайтов

Редактор дизайна

Категории:
Редактор CSS

Для профессионалов реализован режим ручного редактирования кода CSS. Редактор вызывается клавишей "F3".

Редактор CSS

Редактор 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.

Дерево слоев дизайна

Редактор дизайна сайта в программе SiteEdit

Copyright © Edgestile Company, 2004
тел.:  8 (495) 229-45-50, 8 (812) 612-2642, 8 (34241) 9-83-08
e-mail:  info@siteedit.ru - общие вопросы
icq: 268-447-867 - общие вопросы
все контакты
Официальный сайт CMS Siteedit Получить сайт Тест-драйв интернет магазина