차례:
- 1 새 브라우저 창에서 열리는 페이지를 만듭니다.
- 2 작업의 트리거로 사용할 이미지, 텍스트 또는 다른 요소를 선택하십시오.
- 3 창 → 비헤이비어를 선택하여 비헤이비어 패널을 엽니 다. 더하기 기호 (+)를 클릭하고 드롭 다운 목록에서 원하는 동작을 선택하십시오.
- 4 브라우저 창 열기 대화 상자에서 설정을 지정하십시오.
- 5A 동작에 대한 모든 설정을 지정한 후 확인을 클릭합니다.
- 6 비헤이비어를 트리거하는 이벤트를 변경하려면 비헤이비어 패널의 왼쪽에서 현재 이벤트를 선택한 다음 드롭 다운 목록에서 바꿀 이벤트를 선택합니다.
- 7 작업을 테스트하려면 파일을 저장 한 다음 파일 → 브라우저에서 미리보기를 선택하십시오.
비디오: Testing multi-screen web pages 2024
Dreamweaver의 비헤이비어를 사용하여 이미지 또는 텍스트 링크를 클릭 할 때 새 브라우저 창을 여는 것과 같은 많은 대화 형 기능을 만들 수 있습니다. 새 창을 열면 방문자가 본 원래 페이지를 잃지 않고 보충 정보를 사용할 수있는 좋은 방법입니다. 브라우저 창 열기 비헤이비어를 사용하면 새 창 크기를 지정하고 표시 할 수 있습니다.
페이지의 선택된 이미지 또는 텍스트에 브라우저 창 열기 비헤이비어를 추가하려면 다음 단계를 따르십시오.
1 새 브라우저 창에서 열리는 페이지를 만듭니다.
목표는 사용자가 트리거 이미지를 클릭하면 작은 섹션이 열리는 브라우저 창이 열립니다. 행동에 사용될 파일의 이름을 지정할 때는 파일 이름의 어느 부분이나 파일 이름의 시작 부분에 슬래시를 사용하지 마십시오. 또한 하이픈과 밑줄을 피하는 것이 가장 좋습니다.
2 작업의 트리거로 사용할 이미지, 텍스트 또는 다른 요소를 선택하십시오.
페이지에서 이미지, 텍스트 또는 기타 요소를 선택하고 같은 방식으로 비헤이비어를 적용 할 수 있습니다.
3 창 → 비헤이비어를 선택하여 비헤이비어 패널을 엽니 다. 더하기 기호 (+)를 클릭하고 드롭 다운 목록에서 원하는 동작을 선택하십시오.
비헤이비어가 흐리게 표시되면 선택한 요소와 연관시킬 수 없습니다. 예를 들어, 이미지 바꾸기 동작은 이미지에만 적용될 수 있으므로 텍스트 나 다른 요소를 선택하면 흐리게 표시됩니다.
4 브라우저 창 열기 대화 상자에서 설정을 지정하십시오.
새 브라우저 창이 표시되는 방법을 제어하는 여러 가지 옵션을 설정할 수 있습니다.
표시 할 URL 상자 오른쪽에있는 찾아보기 단추를 사용하여 새 브라우저 창에서 열려고하는 페이지를 선택하십시오.
창 너비와 높이를 설정하여 열리는 새 브라우저 창의 정확한 픽셀 크기를 지정하십시오.
새 브라우저 창에 이러한 기능 중 하나가 포함되도록하려면 탐색 도구 모음, 위치 도구 모음, 상태 표시 줄, 메뉴 막대, 필요에 따라 스크롤 막대 또는 핸들 크기 조정 옵션을 선택합니다.
새 창의 이름을 지정하십시오. 동일한 창을 다른 페이지를로드 할 대상으로 지정하려면 중요한 단계입니다.
5A 동작에 대한 모든 설정을 지정한 후 확인을 클릭합니다.
새 비헤이비어가 비헤이비어 패널에 나타납니다.
6 비헤이비어를 트리거하는 이벤트를 변경하려면 비헤이비어 패널의 왼쪽에서 현재 이벤트를 선택한 다음 드롭 다운 목록에서 바꿀 이벤트를 선택합니다.
사용 가능한 이벤트를 선택하여 동작의 트리거로 사용할 수 있습니다. 그러나 모든 동작에 대해 모든 이벤트를 사용할 수있는 것은 아닙니다.
7 작업을 테스트하려면 파일을 저장 한 다음 파일 → 브라우저에서 미리보기를 선택하십시오.
이미지를 클릭하여 새 브라우저 창이 열리는 지 테스트하십시오.
