Вопрос: Можно реализовать, когда в обоих слоях есть картинки, но не получится, если есть FLASH, а это значит, что картинки всегда будут перекрываться FLASH. Что делать?
О
слоях Слой
в Dreamweaver — это элемент HTML-страницы, которому присвоена абсолютная позиция, в частности, тегу div или любому другому тегу.Слои могут содержать текст, изображения или что-либо еще, что можно поместить в тело HTML-документа.
Обратите внимание, что
слой, упомянутый в этой главе, принадлежит концепции макета Dreamweaver, а не тегу слоя.
Понимание концепции слоев
. С помощью Dreamweaver вы можете использовать слои для разработки макета страниц. Вы можете размещать слои один за другим, скрывать одни слои и показывать другие, а также перемещать слои по экрану. Вы можете поместить фоновое изображение в один слой, а затем перед этим слоем разместить второй слой, содержащий текст с прозрачным фоном.
Слои обеспечивают большую гибкость при размещении контента. Однако у посетителей сайта, использующих старые версии веб-браузеров, могут возникнуть проблемы с просмотром слоя. Чтобы гарантировать, что каждый может просматривать вашу веб-страницу, вы можете разработать макет страницы с использованием слоев, а затем преобразовать эти слои в таблицы. Дополнительные сведения см. в разделе Преобразование слоев в таблицы. Однако если посетители, с которыми вы имеете дело, скорее всего, будут использовать некоторые из новейших браузеров, вы можете полностью спроектировать свой макет по слоям, не преобразовывая их в таблицы.
О HTML-коде слоя
Когда вы помещаете слой в документ, Dreamweaver вставляет в код HTML-теги слоя. По умолчанию Dreamweaver создает слои с помощью тегов div.
Обратите внимание, что
для создания слоев вы также можете использовать два других тега: Layer и ilayer. Однако эти теги поддерживаются только Netscape Navigator 4. Internet Explorer не поддерживает эти теги, а Netscape больше не поддерживает эти теги в новых браузерах. Dreamweaver распознает теги слоев и ilayer, но не использует их для создания слоев.
Когда вы рисуете слой с помощью инструмента «Нарисовать слои», Dreamweaver вставляет в документ тег div и присваивает слою значение идентификатора (по умолчанию Layer1 представляет первый нарисованный слой, Layer2 — второй нарисованный слой и т. д.). Позже вы сможете переименовать слой по своему усмотрению, используя панель «Слои» или инспектор свойств. Dreamweaver также использует встроенный CSS в заголовок документа для расположения слоев и определения их точных размеров.
Вот пример HTML-кода слоя:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Страница «Пример слоев»</title>
<style type="text/css">
<!--
#Слой1 {
позиция: абсолютная;
слева: 62 пикселей;
верх: 67 пикселей;
ширина: 421 пикселей;
высота: 188 пикселей;
z-индекс: 1
;
-->
</стиль>
</head>
<тело>
<div id="Layer1"></div>
</тело>
</html>
Вы можете установить свойства для верхних слоев страницы, включая координаты X и Y, ось Z (также называемую порядком наложения) и видимость. Дополнительные сведения см. в разделе Настройка параметров и свойств слоя.