소셜 미디어 Dreamweaver에서 브라우저 창 열기 동작 사용 방법 - 드림

Dreamweaver에서 브라우저 창 열기 동작 사용 방법 - 드림

차례:

비디오: Testing multi-screen web pages 2025

비디오: Testing multi-screen web pages 2025
Anonim

Dreamweaver의 비헤이비어를 사용하여 이미지 또는 텍스트 링크를 클릭 할 때 새 브라우저 창을 여는 것과 같은 많은 대화 형 기능을 만들 수 있습니다. 새 창을 열면 방문자가 본 원래 페이지를 잃지 않고 보충 정보를 사용할 수있는 좋은 방법입니다. 브라우저 창 열기 비헤이비어를 사용하면 새 창 크기를 지정하고 표시 할 수 있습니다.

페이지의 선택된 이미지 또는 텍스트에 브라우저 창 열기 비헤이비어를 추가하려면 다음 단계를 따르십시오.

1 새 브라우저 창에서 열리는 페이지를 만듭니다.

목표는 사용자가 트리거 이미지를 클릭하면 작은 섹션이 열리는 브라우저 창이 열립니다. 행동에 사용될 파일의 ​​이름을 지정할 때는 파일 이름의 어느 부분이나 파일 이름의 시작 부분에 슬래시를 사용하지 마십시오. 또한 하이픈과 밑줄을 피하는 것이 가장 좋습니다.

2 작업의 트리거로 사용할 이미지, 텍스트 또는 다른 요소를 선택하십시오.

페이지에서 이미지, 텍스트 또는 기타 요소를 선택하고 같은 방식으로 비헤이비어를 적용 할 수 있습니다.

3 창 → 비헤이비어를 선택하여 비헤이비어 패널을 엽니 다. 더하기 기호 (+)를 클릭하고 드롭 다운 목록에서 원하는 동작을 선택하십시오.

비헤이비어가 흐리게 표시되면 선택한 요소와 연관시킬 수 없습니다. 예를 들어, 이미지 바꾸기 동작은 이미지에만 적용될 수 있으므로 텍스트 나 다른 요소를 선택하면 흐리게 표시됩니다.

4 브라우저 창 열기 대화 상자에서 설정을 지정하십시오.

새 브라우저 창이 표시되는 방법을 제어하는 ​​여러 가지 옵션을 설정할 수 있습니다.

표시 할 URL 상자 오른쪽에있는 찾아보기 단추를 사용하여 새 브라우저 창에서 열려고하는 페이지를 선택하십시오.

창 너비와 높이를 설정하여 열리는 새 브라우저 창의 정확한 픽셀 크기를 지정하십시오.

새 브라우저 창에 이러한 기능 중 하나가 포함되도록하려면 탐색 도구 모음, 위치 도구 모음, 상태 표시 줄, 메뉴 막대, 필요에 따라 스크롤 막대 또는 핸들 크기 조정 옵션을 선택합니다.

새 창의 이름을 지정하십시오. 동일한 창을 다른 페이지를로드 할 대상으로 지정하려면 중요한 단계입니다.

5A 동작에 대한 모든 설정을 지정한 후 확인을 클릭합니다.

새 비헤이비어가 비헤이비어 패널에 나타납니다.

6 비헤이비어를 트리거하는 이벤트를 변경하려면 비헤이비어 패널의 왼쪽에서 현재 이벤트를 선택한 다음 드롭 다운 목록에서 바꿀 이벤트를 선택합니다.

사용 가능한 이벤트를 선택하여 동작의 트리거로 사용할 수 있습니다. 그러나 모든 동작에 대해 모든 이벤트를 사용할 수있는 것은 아닙니다.

7 작업을 테스트하려면 파일을 저장 한 다음 파일 → 브라우저에서 미리보기를 선택하십시오.

이미지를 클릭하여 새 브라우저 창이 열리는 지 테스트하십시오.

Dreamweaver에서 브라우저 창 열기 동작 사용 방법 - 드림

편집자의 선택

소셜 캐스트는 무엇입니까? - 인형

소셜 캐스트는 무엇입니까? - 인형

Socialcast는 본질적으로 직장을 위해 특별히 설계된 Facebook 기반의 클라우드 기반 엔터프라이즈 소셜 네트워킹 애플리케이션입니다. 소셜 캐스트는 직원들의 생산성 향상에 도움이됩니다. 그들은 문서, 연구, 정보 및 기타 지식을 실시간으로 공유 할 수 있습니다. 여러면에서 Socialcast는 회사 인트라넷의 최신 반복이지만, 그 중 하나는 ...

소셜 미디어 공유를 용이하게하는 3 가지 도구 - 시청자에게 콘텐츠 공유 방법을 제공하는 더미

소셜 미디어 공유를 용이하게하는 3 가지 도구 - 시청자에게 콘텐츠 공유 방법을 제공하는 더미

소셜 미디어 사이트를 디자인 할 때 필수 요소입니다. 또한 요점을 좁히기위한 공간이 제한되어있을 때 공유하는 URL의 길이를 줄이는 것이 적절한 예절입니다. AddThis는 사용할 수있는 서비스입니다.

10 가지 소셜 미디어 블로그 - 인형

10 가지 소셜 미디어 블로그 - 인형

수많은 소셜 미디어 실무자 오늘 귀하의 존재를 최적화하는 데 도움이되는 유용한 블로그 사이트를 유지하십시오. 이 사이트는 다양한 목적으로 소셜 미디어를 사용하는 방법에 관한 정보의 금광입니다. 여기에 수집 된 내용은 소셜 미디어 블로거 10 명이 무엇을 읽기 원하는지에 대한 설명입니다.

편집자의 선택

코칭 축구 용 인형 치트 시트 - 인형

코칭 축구 용 인형 치트 시트 - 인형

코칭 축구는 당신과 당신 선수 모두에게 안전하고 재미 있어야합니다. 축구장의 레이아웃에 익숙해지기 시작하십시오. 축구 코치로서 당신의 선수는 당신에게지도를 구할 것입니다. 그래서 그들을 가르치고 동기를 부여하는 유용한 팁을 사용하십시오. 필드를 확인하고 게임을 체크하기위한 게임을 시작하십시오.

축구 코치가 축구 코치를 지원하는 방법 - 인형

축구 코치가 축구 코치를 지원하는 방법 - 인형

은 축구 코치로서 시즌 안내 및 지원. 다음은 축구 시즌을 통해 아이들을 도울 수있는 몇 가지 방법입니다 : 칭찬에 특화하십시오. 실수를했을 때보 다 플레이어가 뭔가를 잘 할 때 지적하는 관행을 중지하십시오. 피드백을 제공하는 동안 ...

축구에서 포메이션 선택 - 더미

축구에서 포메이션 선택 - 더미

포메이션은 축구 팀이 방어, 미드 필드 및 포워드를 정렬하는 방법입니다 경기 시작시 줄. 기술적 인면을 원한다면 수학적 가능성과 코치들이 게임을하기 위해 고안하려는 새로운 방식으로 인해 수십 개의 포메이션을 만들 수 있습니다. 축구는 유동적 인 게임입니다 ...

편집자의 선택

Photoshop Elements 10에서 날짜 별 검색

Photoshop Elements 10에서 날짜 별 검색

다른 날짜에 촬영 한 사진에서 날짜 검색을 통해 검색을 제한하여 사진을 찾을 수 있으며 요소가 지원하는 다른 모든 유형의 파일을 찾을 수 있습니다. Organizer에서 날짜는 카메라 메타 데이터에서 가져옵니다. 그러나 날짜가 다른 경우 ...

캡션 또는 메모가 파일에 추가되면 Photoshop Elements 10의 캡션 및 메모 - 인형

캡션 또는 메모가 파일에 추가되면 Photoshop Elements 10의 캡션 및 메모 - 인형

찾기 → 캡션 또는 메모 명령을 선택하여 적절한 옵션을 선택하여 캡션 이름, 메모 내용 또는 둘 모두를 검색 할 수 있습니다. 캡션 이름 및 메모를 검색하려면 다음 단계를 수행하십시오.

Photoshop Elements 10의 검색 옵션 - 인형

Photoshop Elements 10의 검색 옵션 - 인형

Organizer의 찾기 메뉴는 사진 검색에만 전적으로 사용됩니다. 찾기 메뉴에서 컬렉션, 카탈로그 및 Organizer 창에서 다양한 검색 기준에 따라 사진을 찾을 수 있습니다. 찾기 메뉴에서 명령을 사용하려면 Organizer 창에 사진을로드하거나 모음을 만들거나 ...