программа для создания сайтов   / шаблоны сайтов / заказать сайт / помощь / партнерство

Создание сайта

 

 

48332  сайта
работают на SiteEdit
23641 шаблон сайтов для SiteEdit

Редактор CSS. Визуальный редактор дизайна сайта

Редактор CSS

Для создания уникального дизайна сайта или изменения существующего, в программе CMS SiteEdit используется "Редактор CSS". Вызывается горячей клавишей "F4".

CSS редактор. Открыть редактор дизайна


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



Редактор CSS - состоит из 2-ух частей:


CSS редактор. Внешний вид редактора дизайна


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 и работе редактора CSS можно узнать из "Руководства пользователя SiteEdit".



Создать сайт Вам поможет таблица:

"Поддержка и вывод свойств CSS различными браузерами"
Заказать звонок

+7 (495) 229-4550
+7 (499) 705-7949
+7 (812) 612-2642
+7 (34241) 3-69-90
+380 (44) 393-41-81
(Украина)

Все контакты




Рассылка SiteEdit
 
   
     
Регистрация Закрыть [x]  
     
   
Запомнить / Напомнить