이 항목을 통해 웹 사이트의 파일과 에셋이 모두 포함된 Dreamweaver 사이트를 만드는 방법을 살펴보시기 바랍니다.

Dreamweaver에서 "사이트"라는 용어는 웹 사이트에 속한 문서의 로컬 또는 원격 저장 위치를 나타냅니다. Dreamweaver 사이트에서는 모든 웹 문서를 구성 및 관리하고, 웹 서버에 사이트를 업로드하며, 링크를 추적 및 유지 관리하고, 파일을 관리 및 공유할 수 있습니다. Dreamweaver의 기능을 충분히 활용하려면 사이트를 정의해야 합니다.

Adobe Dreamweaver 사이트는 웹 사이트에 있는 모든 파일과 에셋의 모음입니다. 컴퓨터에서 웹 페이지를 만든 후 웹 서버에 업로드하고, 웹 사이트를 저장할 때마다 업데이트된 파일을 전송하여 사이트를 유지 관리할 수 있습니다. 또한 Dreamweaver를 사용하지 않고 만든 웹 사이트를 편집하고 유지 관리할 수 있습니다.

Dreamweaver 사이트의 이점

사이트를 설정(또는 정의)하지 않고도 Dreamweaver에서 작업할 수 있습니다.

그러나 사이트를 정의하면 다음과 같이 다양한 이점을 취할 수 있습니다.

  • 파일을 옮기거나 이름을 바꾸는 경우 사이트 전체에 걸쳐 파일이 자동으로 업데이트되므로 링크가 끊어지는 것을 방지할 수 있습니다.
  • 사이트 전체에 걸쳐 찾기 및 바꾸기 작업을 수행할 수 있으므로 생산성이 크게 향상됩니다.
  • 사이트를 간편하게 게시할 수 있을 뿐만 아니라 로컬 하드 드라이브와 웹 또는 스테이징 서버의 원격 파일 간 파일을 동기화할 수 있습니다.

Dreamweaver의 기능을 최대한 활용하려면 사이트를 정의하도록 하십시오. 사이트를 정의하는 방법에 대한 자세한 내용은 사이트의 로컬 버전 설정을 참조하십시오.

Dreamweaver 사이트의 구성 요소

Dreamweaver에서 사이트는 웹 사이트와 연계된 로컬 컴퓨터의 모든 문서를 구성하여 링크를 추적 및 유지하고 파일을 관리하고 사이트 파일을 웹 서버로 전송할 수 있도록 해줍니다.

Dreamweaver 사이트는 개발 환경 및 개발하려는 웹 사이트의 유형에 따라 다음과 같이 최대 세 개의 부분 또는 폴더로 구성됩니다.

  • 로컬 폴더: 작업 디렉터리로, 보통은 하드 드라이브의 폴더입니다. Dreamweaver에서는 이 폴더를 사용자의 로컬 사이트 루트라고 합니다. 이 폴더는 네트워크 서버가 될 수도 있습니다. 자세한 내용은 사이트의 로컬 버전 설정을 참조하십시오. 
  • 원격 폴더: 웹 서버를 실행하는 컴퓨터의 파일을 저장하는 장소입니다. 항상은 아니지만 웹 서버는 종종 웹에서 사이트를 공개적으로 사용할 수 있도록 해 주는 컴퓨터입니다.

사이트 제작이나 업데이트를 완료하고 나면 필요한 경우 파일을 업데이트하기 위한 로컬 사본은 보관해 두고 인터넷 상의 원격 서버에 사이트를 게시할 수 있습니다.

자세한 내용은 게시 서버에 연결을 참조하십시오.

  • 테스트 폴더: Dreamweaver가 동적 페이지를 처리하는 폴더입니다. 동적 양식인 PHP 콘텐츠가 있는 경우 사이트용 테스트 폴더를 설정해야 합니다.

자세한 내용은 테스트 서버 설정을 참조하십시오.

참고:

Dreamweaver 사이트 정의는 간단히 로컬 폴더만 설정하면 됩니다. 웹 서버로 파일을 전송하거나 웹 애플리케이션을 개발하려면 원격 사이트와 테스트 서버에 대한 정보를 추가해야 합니다.

로컬 폴더 및 원격 폴더의 구조 이해

Dreamweaver를 사용하여 원격 폴더에 연결하려면 [사이트 설정] 대화 상자의 [서버] 범주에서 원격 폴더를 지정합니다. 지정하는 원격 폴더 또는 "호스트 디렉터리"는 Dreamweaver 사이트의 로컬 루트 폴더에 상응해야 합니다. 로컬 루트 폴더는 Dreamweaver 사이트의 최상위 폴더입니다. 로컬 폴더와 마찬가지로 원격 폴더에 아무 제목이나 지정할 수 있지만 ISP(인터넷 서비스 공급자)가 개별 사용자 계정의 최상위 원격 폴더 이름을 public_html, pub_html 등으로 지정하는 것이 일반적입니다. 자체의 원격 서버를 관리하고 있고 원격 폴더 이름을 원하는 대로 지정할 수 있는 경우 로컬 루트 폴더와 원격 폴더에 같은 이름을 지정하는 것이 좋습니다.

다음 예에서 왼쪽은 샘플 로컬 루트 폴더이고 오른쪽은 샘플 원격 폴더입니다. 로컬 시스템의 로컬 루트 폴더는 디렉터리 구조에서 원격 폴더의 하위 폴더나 상위 폴더에 매핑되기 보다는 웹 서버의 원격 폴더에 직접 매핑됩니다.

로컬 루트 폴더 및 원격 폴더
로컬 루트 폴더(왼쪽) 및 원격 폴더(오른쪽)

참고:

위의 예에서는 로컬 시스템에 있는 로컬 루트 폴더와 원격 웹 서버에 있는 최상위 원격 폴더를 보여 줍니다. 그러나 로컬 시스템에서 많은 수의 Dreamweaver 사이트를 유지 관리하고 있는 경우에는 원격 서버에 동일한 수의 원격 폴더가 필요합니다. 위의 예에 해당되지 않는 경우에는 public_html 폴더 내에 다른 원격 폴더를 만든 다음 이 폴더를 로컬 시스템의 해당하는 로컬 루트 폴더에 매핑합니다.

원격 연결을 처음으로 설정할 때는 일반적으로 웹 서버의 원격 폴더가 비어 있습니다. 그런 다음 Dreamweaver를 사용하여 로컬 루트 폴더의 파일을 모두 업로드하면 원격 폴더가 모든 웹 파일로 채워집니다. 원격 폴더와 로컬 루트 폴더의 디렉터리 구조는 항상 같아야 합니다. 따라서 로컬 루트 폴더의 파일 및 폴더가 원격 폴더의 파일 및 폴더와 항상 일대일로 대응해야 합니다. 원격 폴더의 구조가 로컬 루트 폴더의 구조와 일치하지 않으면 Dreamweaver에서 파일을 잘못된 위치에 업로드하게 되므로 사이트 방문자에게 해당 파일이 표시되지 않을 수도 있습니다. 또한 폴더와 파일 구조가 동기화되어 있지 않으면 이미지 및 링크 경로가 끊어지기 쉽습니다.

원격 폴더가 있어야 Dreamweaver에서 해당 폴더에 연결할 수 있습니다. 웹 서버에서 원격 폴더로 작동하는 폴더가 지정되어 있지 않은 경우에는 원격 폴더를 직접 만들거나 ISP 서버 관리자에게 만들어 줄 것을 요청합니다.

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

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