관련 파일 열기
Dreamweaver를 사용하면 기본 문서의 포커스 손실 없이 기본 문서에 관련된 파일을 볼 수 있습니다. 예를 들어 기본 문서에 연결된 CSS 및 JavaScript 파일이 있는 경우 기본 문서를 표시하면서 문서 윈도우의 이 관련 파일을 확인하고 편집할 수 있습니다.
기본적으로 Dreamweaver는 기본 문서 제목 아래의 관련 파일 툴바에 있는 기본 문서와 관련된 모든 파일의 이름을 표시합니다. 툴바에 있는 버튼의 순서는 기본 문서에 있는 관련 파일 링크의 순서를 따릅니다.
참고: 관련 파일이 없는 경우에도 Dreamweaver에서는 해당하는 버튼을 관련 파일 툴바에 계속 표시합니다. 그러나 버튼을 클릭하면 아무것도 표시되지 않습니다.
Dreamweaver는 다음과 같은 관련 파일 종류를 지원합니다.
관련 파일을 사용하는 작업에 대한 Dreamweaver 엔지니어링 팀의 비디오 개요는 www.adobe.com/go/dw10relatedfiles_kr을 참조하십시오.
라이브 뷰를 사용한 작업, 관련된 파일 및 코드 탐색기에 대한 비디오 자습서는 www.adobe.com/go/lrvid4044_dw_kr을 참조하십시오.
코드 탐색기에서 관련 파일 열기
관련 파일에 영향을 받는 것으로 알고 있는 줄 또는 영역에 삽입 포인터를 놓습니다.
[코드 탐색기] 표시기가 나타날 때까지 기다린 다음 표시기를 클릭하여 [코드 탐색기]를 엽니다.
[코드 탐색기]의 항목에 커서를 올려 놓아 세부 정보를 확인합니다. 예를 들어 특정 CSS 색상 속성을 변경하려고 하지만 어느 규칙에 있는지 모르는 경우 [코드 탐색기]에서 사용할 수 있는 규칙에 커서를 올려 놓아 속성을 찾을 수 있습니다.
사용할 항목을 클릭하여 해당하는 관련 파일을 엽니다.
기본 문서의 소스 코드로 돌아오기
[관련 파일] 툴바의 [소스 코드] 버튼을 클릭합니다.
관련 파일 표시 변경
다음과 같은 여러 방법으로 관련 파일을 볼 수 있습니다.
[디자인] 뷰 또는 [코드 및 디자인] 뷰([분할] 뷰)에서 관련 파일을 열 때 관련 파일은 기본 문서의 [디자인] 뷰 위에 있는 분할 뷰에서 표시됩니다.
그 대신 문서 윈도우의 맨 아래에 관련 파일을 표시하려는 경우 [보기] > [상단에 디자인 뷰 표시]를 선택할 수 있습니다.
수직으로 분할된 [코드 및 디자인] 뷰([보기] > [수직 분할])에서 관련 파일을 열 때 관련 파일은 기본 문서의 [디자인] 뷰 옆 분할 뷰에 표시됩니다.
[디자인] 뷰를 넣을 위치에 따라 [왼쪽에 디자인 뷰 표시]([보기] > [왼쪽에 디자인 뷰 표시])를 선택 또는 선택 해제할 수 있습니다.
[코드 분할] 뷰 또는 [코드 수직 분할] 뷰([보기] > [코드 분할] 및 [보기] > [수직 분할])에서 관련 파일을 열 때 관련 파일은 선택한 옵션에 따라 기본 문서의 소스 코드 아래, 위 또는 옆 분할 뷰에 표시됩니다.
표시 옵션의 “코드 뷰”는 기본 문서의 소스 코드를 참조합니다. 예를 들어 [보기] > [상단에 코드 뷰 표시]를 선택한 경우 Dreamweaver는 문서 윈도우의 상단 중간에 기본 문서의 소스 코드를 표시합니다. [보기] > [왼쪽에 디자인 뷰 표시]를 선택한 경우 Dreamweaver는 문서 윈도우의 왼쪽에 기본 문서의 소스 코드를 표시합니다.
[표준 코드] 뷰는 기본 문서의 소스 코드와 같이 동시에 관련 문서를 표시할 수 없습니다.
관련 파일 비활성화
[편집] > [환경 설정](Windows) 또는 [Dreamweaver] > [환경 설정](Macintosh)을 선택합니다.
[일반] 범주에서 [관련 파일 활성화]를 선택 해제합니다.
