관련 파일 정보

관련 파일 기능을 사용하면 작업 중인 파일과 연관된 지원 파일과 관련 파일에 액세스할 수 있습니다. 관련 파일에는 CSS, 스크립트, SSI(서버측 포함) 또는 XML 파일 등이 있습니다.

예를 들어, CSS 파일이 주 파일과 연관되어 있는 경우 이 기능을 사용하여 이 CSS 파일을 쉽게 보고 편집할 수 있습니다. 관련 파일을 편집하는 동안 주 파일을 볼 수도 있습니다.

로컬 사이트 경로에서 문서가 열리고 테스트 서버에서 로드하지 않으면 리소스가 로컬 컴퓨터에 있지 않은 프로토콜 상대 URL(//로 시작) 및 파일 프로토콜 URL(file:// 또는 file:///로 시작)은 http를 통해 문제를 해결합니다.

  1. http에서 에셋을 사용할 수 없는 경우 Dreamweaver는 https에서 관련 파일을 로드하려고 시도합니다.
  2. https에서도 에셋을 사용할 수 없는 경우에는 Dreamweaver에서의 관련 파일 또는 에셋 로드는 실패하게 됩니다. 또한 에셋이 배치되는 네트워크 서버에 인증이 필요한 경우 로그인 대화 상자가 표시됩니다.

관련 파일의 작동 방식

관련 파일은 다음 작업을 쉽게 수행할 수 있도록 하여 사용자의 편집 환경을 개선합니다.

  • 사용자는 주 파일을 보는 동안 관련 파일을 보고 액세스할 수 있습니다. CSS 파일 등의 관련 파일이 있는 페이지를 볼 때 다음과 같이 표시됩니다.

    • 한 쪽에 페이지의 디자인

    • 다른 쪽에 관련 파일

  • 관련 파일 막대에는 상위 HTML의 생성에 영향을 미치는 문서가 포함되어 있습니다. 사용자는 소스 HTML, 생성된 HTML 및 첫 번째 수준 하위 문서를 볼 수 있습니다.

  • 관련 파일 막대에 표시되는 관련 파일을 선택하면 다음 작업을 수행할 수 있습니다.

    • 코드 뷰에서 관련 파일 보기 및 편집

    • 디자인 뷰에서 상위 페이지 보기

  • 디자인 뷰에서 내용을 선택하고 관련 파일에서 변경하면 사용자가 디자인 뷰를 새로 고칠 때 선택 영역이 사라지지 않습니다.

  • 관련 파일 코드를 변경하는 경우 변경 내용이 디자인 뷰에 반영됩니다.

파일을 찾을 수 없으면 파일을 찾을 수 없다는 메시지가 빈 윈도우 프레임 맨 위의 막대에 표시됩니다.

관련 파일 용어

다음은 관련 파일과 관련하여 일반적으로 사용되는 용어입니다.

용어

설명

예제

최상위 문서

사용자가 연 모든 문서

상위 문서

디자인 뷰에 렌더링된 모든 최상위 문서

  • HTML — .lbi, .dwt 등

  • CFML

  • PHP

첫 번째 수준 하위 문서

상위 문서에서 한 수준 아래에 있는 모든 문서. 이러한 문서는 CSS를 제외하고 HTML 코드의 생성에 영향을 미칩니다. CSS 파일에는 다른 CSS 파일이 포함될 수 있지만 이러한 파일이 모두 함께 페이지에 적용된 최종 스타일을 결정합니다.

  • <SCRIPT src="file.js">로 지정된 스크립트 파일

  • 서버측 포함

  • 외부 CSS

  • Spry XML 및 HTML 데이터 세트

  • 라이브러리 항목

  • <iframe> - 원격 소스

  • 객체 태그

더 낮은 수준 하위 문서

상위 문서에서 두 수준 이상 아래에 있는 모든 문서. 이러한 문서는 HTML 코드의 생성에 영향을 미칩니다.

  • PHP 안의 PHP

  • DTD

  • 템플릿

비관련 파일

HTML 코드의 생성에 영향을 미치지 않는 모든 문서나 사용자가 활발하게 편집하지 않는 모든 파일

  • 이미지 파일

  • 미디어 파일

  • <a> 태그로 외부에서 링크된 파일

다음과 같은 관련 파일이 지원됩니다.

유형

설명

중첩 수준

클라이언트측 스크립트

모든 언어

1 (스크립트 중첩이 불가능함)

서버측 포함

다음 확장 가능한 조건 모두에 해당하는 경우:

  • 정의된 서버 모델

  • 정의된 SSI 문(pattern)

  • 정의된 DW doctype

예외: HTML 문서에서 Apache 스타일 포함 파일 문(<!--#include ... -->)은 인식됩니다.

1

Spry 데이터 세트

1 (스크립트 중첩이 불가능함)

CSS

  • 모든 미디어 유형에 대한 모든 외부 CSS

  • DTSS

무한

관련 파일 API

관련 파일 메뉴를 사용자 정의하여 다음을 표시할 수 있습니다.

  • 관련 파일의 파일 이름

  • 소스 HTML 및 생성된 소스 코드

dreamweaver.openRelatedFile() 함수는 코드 뷰에 관련 파일을 표시하고 dreamweaver.getActiveRelatedFilePath() 함수는 현재 열려 있는 관련 파일의 경로를 표시합니다. 이러한 API를 사용하는 방법에 대한 자세한 내용은 Dreamweaver API 참조 설명서의 "관련 파일 함수"를 참조하십시오.

Adobe 로고

내 계정 로그인