Конструктор для создания сайтов

Сайт в Аренду

Аренда сайта

Способы Оплаты

Работа с разделом «Структура сайта»

Содержание статьи:

  1. Принципы построения структуры сайта:
    1. Выделение рабочего слоя.
  2. Функции слоев, их настройки и возможности:
    1. Переключение типов слоя (таблица/блок);
    2. Добавление новых слоев;
    3. Удаление слоев;
    4. Изменение названия слоя;
    5. Изменения порядка слоев;
    6. Ускоренный вариант переключения рабочих слоев;
    7. Определение степени вложенности слоя;
    8. Создание отделенного слоя (для футера, шапки сайта и т.д.);
    9. Сохранение выполненных настроек.

 

Раздел «Структура» позволяет установить и изменять несущую структуру вашего сайта. Добавление и удаление новых блоков выполняется исключительно в данном разделе. Дальнейшее наполнение установленных блоков и таблиц сайта корректируется в других разделах нашего ресурса (разделы «Модули» и «Фон»).

При создании сайта первостепенной задачей является определение количества и расположения требуемых блоков на страницах. Раздел «Структура» позволяет выполнять все требуемые операции с блоками страниц вашего сайта, задавать их тип, принцип расположения, вложенность и количество в каждом отдельном блоке.

1. Принципы построения структуры сайта

Кликнув по ссылке «Структура», вы перейдете в раздел корректирования, построенный по принципу наложения слоев. Основным слоем является «Базовый слой» (самый нижний). Для него невозможно изменять имя и настраивать функции. Размер базового слоя изменяется автоматически соответственно с вносимыми изменениями. Вы можете добавлять и удалять все остальные слои, настраивая их вложенность или изменяя остальные настройки слоя.

 

1.1 Выделение рабочего слоя

Для удобства работы со слоями и понимания их вложенности (структуры сайта), предусмотрено выделение слоя, с которым вы на данный момент работаете. Активный элемент выделяется красной рамкой, подсвечивается цветом слоя (отображается в ярлыке слева от имени слоя и изменяется в зависимости от вложенности элемента), и заштриховывается косыми серыми линиями (Рис. 1)

Рис. 1

При добавлении или удалении слоев, родительский элемент автоматически подстраивается, сохраняя заданную ширину.

 

2. Основные функции, их настройки и возможности

2.1 Переключение типов слоя

Для всех слоев, кроме базового, можно изменять вид, выбирая подходящее свойство. Задать тип слоя можно следующим образом:

  • Необходимо выделить требуемый слой, кликнув по нему мышью в рабочей области или в меню редактирования слоев;

  • В разделе «Настройка слоя» (Рис. 2) выбрать из выпадающего меню нужный вам параметр (расположен над блоком «Слои сайта» (Рис. 2)).

Рис. 2

 

При выборе свойства «Таблица», как показано на Рис. 3, блок, для которого задан данный вид, разделяется на ячейки, выстраиваемые в один ряд (блок делиться на элементы по горизонтали, размещая все добавляемые слои в один ряд).

Рис. 3

Свойство «Блок» (Рис. 4), подразумевает включение следующих слоев этого блока вертикально, один за другим, на всю ширину страницы.

Рис. 4

 

2.2 Добавление новых слоев

Количество добавляемых слоев не ограничено для любого из режимов. Добавление и удаление слоя выполняется на соответствующем уровне вложенности. Чтобы добавить новый слой, необходимо кликнуть мышью значок «+» на родительском слое (Рис. 5)

Рис. 5

 

2.3 Удаление слоев

Удаление слоя выполняется по клику мыши на кнопку «Удалить» (обозначен значком мусорной корзины (Рис. 6)). При удалении родительского слоя, удаляются и все дочерние (вложенные слои).

Рис. 6

 

2.4 Изменение названия слоя

Изменить название слоя вы можете в один клик мыши, просто нажав на стандартное название (Рис. 7).

Рис. 7

Присваивание имен облегчает дальнейшее редактирование вашего сайта и позволяет исключить ошибки при редактировании слоев в других разделах нашего конструктора.

 

2.5 Изменения порядка слоев

Порядок слоев может изменяться только в пределах родительского блока. Для изменения порядка используйте кнопку «Переместить» (значок с указательными стрелочками (Рис. 8)) Просто зажмите левую кнопку мыши на указанном значке и перенесите слой на требуемое место.

Рис. 8

 

2.6 Ускоренный вариант переключения рабочих слоев

Для ускорения работы с редактором «Структура сайта» вы можете использовать значки быстрого определения слоя, отмечая требуемый уровень вложенности прямо в рабочей области редактора (Рис. 9).

Рис. 9

Функция упрощает поиск нужного слоя. Для выбранного слоя включаются все возможности редактирования объекта.

 

2.7 Определение степени вложенности слоя

Определить степень вложенности слоя достаточно просто. Нужно обратить внимание на левый отступ строки, обозначающей слой, или посмотреть на значок вложенности, расположенный справа от ярлыка цветового обозначения слоя (Рис. 10).

 

Рис. 10

 

2.8 Создание отделенного слоя (для футера, шапки сайта и т.д.)

Отделить блок с помощью пробела, заполненного фоновым изображения (например, футера или шапки сайта), можно добавив новый Слой 1 (стандартное название, которое вы можете изменить по своему усмотрению). Добавление слоя выполняется кликом по значку «+» у «Базового слоя» (Рис. 11).

Рис. 11

 

В результате вы получите отдельный блок (в примере дубль «Слой 1»), помещенный в «Базовый слой» (Рис. 12).

Рис. 12

 

2.9 Сохранение выполненных настроек

После выполнения необходимых операций настройки структуры вашего сайта, все установленные параметры необходимо сохранить, используя соответствующую кнопку «Сохранить» в поле «Структура» (Рис. 13).

Рис. 13

 

Для каждого блока в дальнейшем можно присваивать фоновую картинку или цвет заливки, а также добавлять разнообразные виджеты, размер которых будет ограничиваться размером поля.