질문: 두 레이어에 그림이 있을 때 구현할 수 있지만 FLASH가 있으면 작동하지 않습니다. 즉, 그림이 항상 FLASH로 가려진다는 의미입니다.
레이어 정보 Dreamweaver의 레이어는
절대 위치, 특히 div 태그 또는 기타 태그가 할당된 HTML 페이지 요소입니다.레이어에는 HTML 문서 본문 내에 배치할 수 있는 텍스트, 이미지 또는 기타 모든 항목이 포함될 수 있습니다.
이 장에서 언급된 레이어는
레이어 태그가 아닌 Dreamweaver의 레이아웃 개념에 속합니다.
레이어 개념 이해
Dreamweaver에서는 레이어를 사용하여 페이지 레이아웃을 디자인할 수 있습니다. 레이어를 다른 레이어 뒤에 배치하고, 다른 레이어를 표시하면서 일부 레이어를 숨기고, 화면에서 레이어를 이동할 수 있습니다. 한 레이어에 배경 이미지를 배치한 다음 해당 레이어 앞에 투명한 배경의 텍스트가 포함된 두 번째 레이어를 배치할 수 있습니다.
레이어는 콘텐츠 배치 시 뛰어난 유연성을 제공합니다. 그러나 이전 버전의 웹 브라우저를 사용하는 사이트 방문자는 레이어를 보는 데 문제가 있을 수 있습니다. 모든 사람이 웹 페이지를 볼 수 있도록 레이어를 사용하여 페이지 레이아웃을 디자인한 다음 레이어를 테이블로 변환할 수 있습니다. 자세한 내용은 레이어를 테이블로 변환을 참조하세요. 그러나 귀하가 상대하는 방문자가 일부 최신 브라우저를 사용할 가능성이 있는 경우 레이어를 테이블로 변환하지 않고도 레이아웃 전체를 레이어로 디자인할 수 있습니다.
레이어의 HTML 코드 정보
문서에 레이어를 배치하면 Dreamweaver에서는 해당 레이어의 HTML 태그를 코드에 삽입합니다. 기본적으로 Dreamweaver는 div 태그를 사용하여 레이어를 만듭니다.
레이어를 생성하기 위해 다른 두 개의 태그(layer 및 ilayer)를 사용할 수도있습니다
. 그러나 이러한 태그는 Netscape Navigator 4에서만 지원됩니다. Internet Explorer는 이러한 태그를 지원하지 않으며 Netscape는 최신 브라우저에서 더 이상 이러한 태그를 지원하지 않습니다. Dreamweaver는 레이어 및 ilayer 태그를 인식하지만 레이어를 만드는 데 이를 사용하지 않습니다.
레이어 그리기 도구를 사용하여 레이어를 그리면 Dreamweaver에서는 문서에 div 태그를 삽입하고 레이어에 id 값을 할당합니다. 기본적으로 Layer1은 그려진 첫 번째 레이어를 나타내고 Layer2는 두 번째로 그려진 레이어를 나타내는 식입니다. 나중에 레이어 패널이나 속성 관리자를 사용하여 레이어 이름을 원하는 이름으로 바꿀 수 있습니다. Dreamweaver는 또한 문서 머리글에 포함된 CSS를 사용하여 레이어를 배치하고 레이어의 정확한 크기를 결정합니다.
다음은 레이어에 대한 HTML 코드의 예입니다:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>샘플 레이어 페이지</title>
<스타일 유형="텍스트/css">
<!--
#레이어1 {
위치:절대;
왼쪽:62px;
상단:67px;
너비:421px;
높이:188px;
Z-색인:1
}
-->
</style>
</head>
<본문>
<div id="Layer1"></div>
</body>
</html>
x 및 y 좌표, z축(스택 순서라고도 함) 및 가시성을 포함하여 페이지의 상위 레이어에 대한 속성을 설정할 수 있습니다. 자세한 내용은 레이어 기본 설정 및 속성 지정을 참조하세요.