3단계: 이미지를 선택한 후 "Windows→Behaviors" 명령을 통해 동작 패널을 활성화하고 "+" 버튼을 클릭한 다음 "Show-Hide Layers" 항목을 선택합니다. 팝업 창에 표시해야 할 레이어를 선택한 후 하단의 "표시" 버튼을 클릭하면 동작 패널에 onMouseOver라는 추가 이벤트가 나타납니다. 이때, "+" 버튼을 클릭하고 "OnMouseOver" 항목을 클릭하여 선택하면 이미지 위에 마우스를 올렸을 때 레이어가 표시될 수 있다. 즉, 플로팅 텍스트 설명이 나타날 수 있다.
4단계: 3단계에 따라 지금 바로 레이어에 "Hide" 이벤트를 추가하고 동작을 "OnMouseOut"으로 설정하여 마우스를 제거할 때 레이어를 숨길 수 있도록 합니다.
위 작업을 완료한 후 "F12" 버튼을 눌러 미리보기를 위해 IE 브라우저를 엽니다. 마우스를 사진 위로 이동하면 미리 설정된 프롬프트 단어가 나타나고 마우스가 사진에서 멀어지면 단어가 자동으로 표시됩니다. 숨겨진.
자동으로 창 크기 조정 일부 웹 페이지에서는 창 크기를 변경할 때 웹 페이지 크기도 조정됩니다. 따라서 창이 너무 크면 공백이 생기지 않고 창이 너무 작으면 이동 막대가 가장자리를 벗어나지 않습니다. 이 자동 페이지 크기 조정 기능의 경우 Dreamweaver MX 2004에서는 다음 단계를 참조하여 쉽게 수행할 수 있습니다.
첫 번째 단계는 새 페이지를 만든 다음 "삽입→표" 명령을 통해 행 1개와 열 3개로 구성된 표를 삽입하는 것입니다. 이때 너비를 무시하고 브라우저 창에 맞게 자동으로 늘어나도록 할 수 있습니다. 다음 설정.
두 번째 단계에서는 각 셀의 너비가 표시되고 하단에 작은 삼각형이 있는 것을 확인할 수 있습니다(그림 3). 이 양식에서는 수정해야 할 부분을 설정할 수 있지만 하나의 열만 자동으로 늘어날 수 있습니다. 예를 들어 여기서는 창 크기가 변경됨에 따라 마지막 열이 자동으로 늘어나도록 설정합니다.
그림 03 세 번째 단계는 마지막 열을 선택하고 "View→Table Mode→Layout Mode" 명령을 실행한 다음 팝업 메뉴에서 "Make Column Autostrach" 항목을 선택하는 것입니다(그림 4).
그림 04 네 번째 단계에서는 행을 늘리기 위해 Dreamweaver가 다른 열에 일부 스페이서 이미지를 배치해야 한다는 대화 상자가 나타납니다. 브라우저 창에는 나타나지 않지만 표시되지만 고정된 테이블 역할을 합니다.
5단계에서 확인한 후 원래 편집 창으로 돌아가면 마지막 열이 자동으로 늘어나 전체 브라우저 창을 채우고 나머지 두 열은 고정된 너비를 유지하는 것을 볼 수 있습니다.
팁: 열이 자동으로 늘어나도록 설정하면 열 상단에 물결선이 표시됩니다.
위 작업을 완료한 후 IE 브라우저에서 페이지 효과를 미리 볼 때 창 크기를 변경하면 마지막 열의 너비도 변경되지만 처음 두 열의 너비는 변경되지 않고 유지됩니다. 창은 크거나 작게 자동으로 조정될 수 있습니다.
위에서는 Dreamweaver MX 2004의 비헤이비어 기능 중 일부 방법만 소개합니다. 비헤이비어와 레이어를 유연하게 조합하면 동적 그림, 드래그 가능한 레이어 등과 같은 기능을 실현하여 홈페이지를 더욱 다채롭게 만들 수 있습니다.
