Dreamweaver 4 간결한 튜토리얼(7. 웹 페이지 레이아웃 3)
저자:Eve Cole
업데이트 시간:2009-05-30 18:35:47
레이어 사용
페이지 요소를 배치하기 위해 표를 사용하는 것이 너무 어렵다고 생각되면 레이어의 장점을 사용해 보는 것이 좋습니다. 속성 패널을 클릭하세요. 버튼을 누르면 커서가 십자 모양으로 변하고 편집 창에서 드래그하여 레이어를 생성할 수 있습니다. 레이어에 그림, 텍스트 등 대부분의 웹페이지 요소를 입력할 수 있습니다. 레이어의 장점은 아래와 같이 페이지의 어느 곳에나 배치할 수 있다는 것입니다.
레이어를 선택하면 해당 속성 패널은 다음과 같습니다.
① 레이어 ID: 레이어를 식별하는 데 사용되는 레이어 이름입니다.
② L, T: 레이어의 위치, L은 페이지 왼쪽 가장자리로부터의 거리, T는 페이지 위쪽 가장자리로부터의 거리입니다.
W, H: 레이어의 너비와 높이;
③ Z-Index: 레이어의 Z축 순서.
④ Bg 이미지: 레이어의 배경 이미지입니다.
⑤ Vis: Hidden은 레이어를 숨겨 보이지 않게 만드는 레이어의 표시 상태입니다.
⑥ Bg Corlor: 레이어의 배경색입니다.
⑦ 태그: 레이어에서 사용하는 코드 방법은 일반적으로 기본 DIV를 사용할 수 있습니다.
8 오버플로 레이어에 텍스트가 너무 많거나 그림이 너무 크고 레이어 크기가 모두 표시하기에 충분하지 않은 경우 다음을 선택할 수 있습니다.
visible: 초과된 부분이 계속 표시됩니다.
Hidden: 초과된 부분이 숨겨집니다.
스크롤: 스크롤 막대는 초과 여부에 관계없이 표시됩니다.
자동: 스크롤 막대는 제한을 초과할 때만 나타납니다.
예를 들어 자동을 선택하면 위 예의 레이어는 다음과 같이 표시됩니다.
레이어의 장점은 분명하지만 단점도 마찬가지로 분명합니다. 예를 들어, 페이지가 여러 레이어를 사용하는 경우 페이지가 복잡해져서 편집이 매우 번거로워집니다. 편집 상태와 탐색 상태 실제 효과에는 상당히 분명한 차이가 있습니다. 일반적으로 사람들은 조판을 위해 레이어를 사용한 다음 레이어를 테이블로 변환합니다(Modefy > Convert > Layers to Table). 여기서는 직접 시도해 볼 수 있습니다.