EDITSITE.RU

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

SiteEdit Business - БЕСПЛАТНО!

Попробуй SiteEdit Business (2 недели бесплатно)

Заказать создание сайта

Заказать создание сайта нашим специалистам

Как управлять своим сайтом?

Скачать конструктор сайтов SiteEdit

скачать конструктор сайтов SiteEdit
 

Редактор CSS

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

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


Редактор 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 различными браузерами"
Copyright © Edgestile 2011
Rambler's Top100