Dreamweaver에서의 고급 사이트 설정 옵션에 대해 학습합니다.

사이트 > 사이트 관리를 선택한 다음 편집할 사이트를 선택하고 편집을 클릭하여 사이트 설정 대화 상자의 고급 설정에 액세스합니다.

사이트 설정의 고급 설정
사이트 설정의 고급 설정

CSS 프리프로세서

Sass, Less 또는 SCSS와 같은 CSS 프리프로세서를 사용하여 작업하는 경우 사이트 특정 CSS 프리프로세서 환경 설정을 할 수 있습니다. 

Dreamweaver에서의 CSS 프리프로세서 지원에 대한 정보는 CSS 프리프로세서를 참조하십시오.

고급 설정

로컬 정보

기본 이미지 폴더

사이트에서 사용하는 이미지를 저장하는 폴더입니다. 폴더의 경로를 입력하거나 폴더 아이콘을 클릭하여 폴더를 찾습니다. Dreamweaver는 사용자가 문서에 이미지를 추가할 때 이 폴더의 경로를 사용합니다.

링크 관련 대상

사용자가 사이트의 다른 에셋 또는 페이지에 대한 링크를 만들 때 Dreamweaver에서 만드는 링크의 종류를 지정합니다. Dreamweaver에서는 문서 상대 및 사이트 루트 상대의 두 가지 링크를 만들 수 있습니다. 두 가지의 차이점에 대한 자세한 내용은 절대 경로, 문서 상대 경로 및 사이트 루트 상대 경로를 참조하십시오.

Dreamweaver는 기본적으로 문서 상대 링크를 생성합니다. 기본 설정을 변경하고 [사이트 루트] 옵션을 선택하는 경우 사이트의 정확한 웹 URL을 [웹 URL] 텍스트 상자에 입력하십시오(아래 참조). 이 설정을 변경해도 기존 링크 경로는 변환되지 않습니다. 이 설정은 Dreamweaver를 사용하여 시각적으로 만든 새 링크에만 적용됩니다.

참고:

사이트 루트 관련 링크를 사용하여 링크된 내용은 테스트 서버를 지정하거나 편집 > 환경 설정 > 브라우저에서 미리보기에서 “임시 파일을 사용한 미리보기” 옵션을 선택하지 않으면 로컬 브라우저에서 문서를 미리 볼 때 표시되지 않습니다. 사이트 루트가 브라우저가 아닌 서버에서만 인식되기 때문입니다.

웹 URL

웹 사이트의 URL입니다. Dreamweaver는 이 [웹 URL]을 사용하여 사이트 루트 관련 링크를 만들고 사용자가 링크 확인기를 사용할 때 링크를 확인합니다.

사이트 루트 상대 링크는 현재 작업하는 페이지의 디렉터리 구조에서 최종 위치를 결정하지 못한 경우나 링크를 포함한 파일의 위치를 나중에 재배치 또는 재정리할 수 있는 경우에 유용합니다. 사이트 루트 상대 링크는 다른 사이트 에셋에 대한 경로가 사이트 루트에 대해 상대적인 링크이므로 나중에 문서를 이동하는 경우에도 해당 에셋에 대한 경로가 올바르게 남아 있습니다.

예를 들어 http://www.mysite.com/mycoolsite(원격 서버의 사이트 루트 디렉터리)를 [웹 URL]로 지정했고 이미지 폴더가 원격 서버의 mycoolsite 디렉터리(http://www.mysite.com/mycoolsite/images)에 있다고 가정합니다. 또한 index.html 파일은 mycoolsite 디렉터리에 있습니다.

index.html 파일에서 이미지 디렉터리의 한 이미지를 가리키는 사이트 루트 상대 링크를 만들면 해당 링크는 다음과 같이 표시됩니다.

<img src="/mycoolsite/images/image1.jpg" />

이는 다음과 같이 단순한 문서 상대 링크와 다릅니다.

<img src="images/image1.jpg" />

이미지 소스에 /mycoolsite/를 추가하면 문서가 아니라 사이트 루트에 상대적으로 이미지가 링크됩니다. 이미지가 이미지 디렉터리에 그대로 있다고 가정하면 index.html 파일을 다른 디렉터리로 이동하는 경우에도 해당 이미지에 대한 파일 경로(/mycoolsite/images/image1.jpg)가 항상 올바르게 됩니다.

자세한 내용은 절대 경로, 문서 상대 경로 및 사이트 루트 상대 경로를 참조하십시오.

링크를 확인할 때 링크가 사이트의 내부로 또는 외부로 연결되는지 확인하려면 [웹 URL]이 필요합니다. 예를 들어 웹 URL이 http://www.mysite.com/mycoolsite이고 링크 확인기가 사용자 페이지에서 http://www.yoursite.com이라는 URL을 포함한 링크를 발견하면 확인기는 후자의 링크를 외부 링크라고 확인하고 보고합니다. 마찬가지로 링크 확인기는 [웹 URL]을 사용하여 링크가 사이트 내부로 연결되는지 확인한 다음 이러한 내부 링크가 끊어지지 않았는지 확인합니다.

대/소문자 구분 링크 확인

Dreamweaver에서 링크를 확인할 때 파일 이름의 대/소문자와 링크의 대/소문자가 일치하는지 확인합니다. 이 옵션은 파일 이름이 대/소문자 구분되는 UNIX 시스템에서 유용합니다.

캐시 사용 가능

링크 속도와 사이트 관리 작업 속도를 향상시키는 로컬 캐시의 사용 여부를 지정합니다. 이 옵션을 선택하지 않으면 Dreamweaver는 사이트를 만들기 전에 캐시를 만들 것인지 다시 묻습니다. 파일 패널 그룹의 에셋 패널을 사용하려면 캐시가 생성되어 있어야 하므로 이 옵션을 선택하는 것이 좋습니다.

클로킹 및 기타 범주

클로킹, 디자인 노트, 파일 보기 열, Contribute, 템플릿, JQuery, 웹 글꼴 및 애니메이션 에셋 범주에 대한 자세한 내용을 보려면 다음 표에서 해당 항목을 클릭하십시오.

이 작업에는 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License의 라이센스가 부여되었습니다.  Twitter™ 및 Facebook 게시물은 Creative Commons 약관을 적용받지 않습니다.

법적 고지 사항   |   온라인 개인 정보 보호 정책