10.2. Macromedia DreamWeaver MX. Слои.Часть2.
Для удобства управления слоями служит панель Layers, если эта панель у вас не отображается, - дайте команду Window-Others-Layers или нажмите клавишу F2 (Рис. 10.09)
Рис. 10.09
Сама же панель Layers расположена в правой части окна редактора и имеет следующий вид (Рис. 10.10)
Рис. 10.10
На панели отображаются все слои расположенные на странице. Если установлен флажок Prevent Overlaps - то редактор запрещает перекрытие слоев. Напротив каждого из слоев находится значок глаза. Если значок принимает вид открытого глаза - значит слой видим на странице, если закрытого - стало быть не виден, а если значок отсутствует, значит видимость/невидимость слоя зависит от настроек родительского (наследования свойств). Для изменения атрибутов видимости нужно кликнуть по значку мышкой. С другой стороны от имени слоя расположено значение Z-index, отвечающее за расположение слоев (кто кого будет перекрывать), для изменения этого значения так же следует воспользоваться мышкой - выделить имеющееся и ввести новое.
Если вы хотите сделать любой из слоев вложенным в другой, то выделите его на панели Layers и удерживая клавишу Ctrl перетащите и бросьте его на тот слой, куда вы его хотите внедрить. В результате этих операций слои на панели примут следующий вид (Рис. 10.11)
Рис. 10.11
Как видно из приведенного скриншота, слой Layer3 стал вложенным слоем Layer2, а соответственно слой Layer2 стал родительским слоем для Layer3.
Так же бывают ситуации (особенно при большом количестве слоев на странице) когда нужно отредактировать сразу группу слоев. Для этого следует выделить один любой слой и удерживая клавишу Shift выделить остальные слои которые вы собираетесь отредактировать кликая по их границам мышкой. В результате этой операции выделенные слои примут следующий вид (Рис. 10.12)
Рис. 10.12
Далее вы можете указать выравнивание элементов через пункт Align раздела меню Modify (Рис. 10.13)
Рис. 10.13
Или же задать другие параметры, такие как: L, T, V, H, Vis, Tag, Bg Image, Bg Color через панель Properties (Рис. 10.14)
Рис. 10.14
Пример страницы со слоями |
