Краткое руководство по Dreamweaver 4 (7. Макет веб-страницы 3)
Автор:Eve Cole
Время обновления:2009-05-30 18:35:47
Использование слоев
Если вы чувствуете, что использование таблиц для позиционирования элементов страницы слишком сложно освоить, вы можете попробовать использовать хорошую вещь — слои. Нажмите на панель свойств Нажмите кнопку, курсор примет вид креста и перетащите его в окно редактирования, чтобы создать слой. Мы можем ввести в слой большинство элементов веб-страницы, например изображения, текст и т. д. Преимущество слоев в том, что их можно размещать в любом месте страницы, как показано ниже:
После выбора слоя соответствующая панель свойств выглядит следующим образом:
① Идентификатор слоя: имя слоя, используемое для идентификации различных слоев;
② L, T: положение слоя, L — расстояние от левого края страницы, T — расстояние от верхнего края страницы;
W, H: ширина и высота слоя;
③ Z-Index: порядок слоев по оси Z;
④ Фоновое изображение: фоновое изображение слоя;
⑤ Вид: состояние отображения слоя, при котором «Скрытый» скрывает слой и делает его невидимым;
⑥ Цвет фона: цвет фона слоя;
⑦ Тег: метод кода, используемый слоем. Обычно можно использовать DIV по умолчанию;
⑧ Переполнение. Если в слое слишком много текста или изображение слишком велико, а размера слоя недостаточно для отображения всего, вы можете выбрать:
видимый: Превышенная часть все еще отображается;
скрыто: лишняя часть скрыта;
прокрутка: полоса прокрутки будет отображаться независимо от того, превышена ли она;
auto: полоса прокрутки появится только тогда, когда она превысит лимит;
Например, если мы выберем авто, слой в приведенном выше примере будет отображаться как:
Преимущества слоев очевидны, но и недостатки столь же очевидны. Например, сложно создать веб-страницу, которая адаптируется к разным разрешениям; когда на странице используется несколько слоев, сложность страницы увеличивается, что делает редактирование очень громоздким; Статус редактирования и статус просмотра Существуют вполне очевидные различия в фактическом эффекте. Обычно люди используют Layer для набора текста, а затем преобразуют слой в таблицу (Modefy > Convert > Layers to Table). Конкретная операция здесь не описывается. Вы можете попробовать сделать это самостоятельно.