Вкладка Слои: Структура проекта

На вкладке Слои (Layers) отображается список всех элементов, добавленных на страницу, в порядке их расположения на холсте.

Иерархический список элементов, расположенных на странице, позволяет наглядно увидеть все элементы и их взаимосвязь. Чем выше элемент находится в списке, тем выше он располагается на странице сайта (см. подробнее — Блочная модель сайта и иерархия элементов).

Список элементов на вкладке помогает осуществлять навигацию по элементам на Холсте:

  • При наведении мыши на название элемента во вкладке Слои — элемент подсвечивается контуром на холсте.
  • При клике по названию элемента — элемент выделяется на холсте.
  • При выделении родительского элемента — выделяется все его дочерние элементы.

С помощью вкладки Слои вы можете:

  • Дублировать элемент: по правой кнопке мыши — Дублировать.

  • Переименовать элемент: по правой кнопке мыши — Переименовать или дважды кликнув левой кнопкой мыши на его название и написав новое.

  • Удалить элемент: по правой кнопке мыши — Удалить или выбрав элемент и нажав клавишу Del.

Чтобы создать удобную и понятную структуру элементов на странице, рекомендуем давать слоям названия, которые отражают их назначение. Например, секции можно называть так: Header, Cover, About, Portfolio и т.п.

На вкладке Слои вы можете также перетаскивать элементы выше или ниже или вкладывать в другие элементы. Подробнее — Добавление и перемещение элементов.