Dreamweaver에서 문서 창 보기, 겹쳐 놓기, 바둑판식 배열, 크기 조절 간을 전환하는 방법에 대해 학습합니다.

참고:

Dreamweaver CC 이상 버전에서 사용자 인터페이스가 간소화되었습니다. 따라서 이 문서에 설명된 옵션 중에 Dreamweaver CC 이상 버전에 없는 옵션이 있을 수 있습니다. 자세한 내용은 이 문서를 참조하십시오.

문서 창에서 보기 전환

문서 창에서 문서를 코드 보기, 분할 코드 보기, 디자인 뷰, 코드 및 디자인 뷰(분할 보기) 또는 라이브 뷰로 볼 수 있습니다. 코드 보기 또는 코드 및 디자인 뷰를 가로나 세로로 분할하여 볼 수도 있습니다. 기본적으로 가로로 분할됩니다.

참고:

디자인 뷰 옵션은 유동 그리드 문서에서 사용할 수 없습니다.

코드 보기로 전환

  1. 다음 중 하나를 수행합니다.
    • 보기 > 코드를 선택합니다.

    • 문서 툴바에서 [코드] 버튼을 클릭합니다.

       

       

분할 코드 보기로 전환

분할 코드 보기는 코드의 두 섹션을 동시에 사용할 수 있도록 문서를 두 개로 분할합니다.

  1. 보기 > 코드 분할을 선택합니다.

디자인 뷰로 전환

문서 툴바에서 라이브 옵션 근처의 드롭다운 목록을 클릭하고 [디자인]을 클릭합니다. 전체 디자인 뷰로 전환하려면 [디자인] 버튼을 클릭합니다.

코드 및 디자인 뷰 모두 표시

 

문서 툴바에서 [분할] 버튼을 클릭합니다. 그런 다음, 라이브 옵션 근처의 드롭다운 목록을 클릭하고 [디자인]을 클릭합니다.

 

세로 또는 가로로 보기 분할

  1. 분할 보기 상태에 있어야 합니다(코드 분할 또는 디자인/라이브 뷰 분할).

  2. 보기를 세로로 분할하려면, 보기 > 세로 분할을 선택합니다. 보기를 가로로 분할하려면, 보기 > 세로 분할을 선택 해제합니다.

겹쳐 놓기 또는 바둑판식 문서 창

한 번에 여러 문서를 열 경우 겹쳐 놓기나 바둑판식으로 배열할 수 있습니다.

문서 창 겹쳐 놓기

  1. 창 > 겹쳐 놓기를 선택합니다.

바둑판식 문서 창

  • (Windows) 창 > 가로 바둑판식 또는 창 > 세로 바둑판식을 선택합니다.
  • (Macintosh) [윈도우] > [바둑판식]을 선택합니다.

문서 창 크기 조절

상태 표시줄에는 문서 창의 현재 치수가 픽셀 단위로 표시됩니다. 페이지가 특정 크기에서 최상의 상태로 표시되도록 디자인하려면 문서 창을 미리 정의된 크기 중 하나로 조정하거나, 미리 정의된 크기를 편집하거나, 크기를 만들면 됩니다.

디자인 뷰 또는 라이브 뷰에서 페이지의 보기 크기를 변경할 때는 보기 크기의 치수만 변경됩니다. 문서 크기는 변경되지 않습니다.

미리 정의된 크기 및 사용자 정의 크기 외에도 미디어 쿼리에 지정된 크기도 나열되어 있습니다. 미디어 쿼리에 해당하는 크기를 선택하면 미디어 쿼리를 사용하여 페이지가 표시됩니다. 모바일 디바이스를 잡는 방향에 따라 페이지 레이아웃이 변경되는 디바이스에 대해 페이지 미리보기 방향을 변경할 수 있습니다.

문서 창 크기를 조절하려면 문서 창 아래쪽의 창 크기 팝업 메뉴에 있는 크기 중 하나를 선택합니다.

문서 창 크기를 미리 정의된 크기로 조절

  1. 문서 창 아래쪽의 창 크기 팝업 메뉴에 있는 크기 중 하나를 선택합니다. Dreamweaver CS5.5 이상 버전에서는 아래 그림과 같은 일반적인 모바일 디바이스용 선택 항목을 비롯해 확장된 선택 항목 목록을 제공합니다.
    문서 창 크기 조절

    표시된 창 크기는 브라우저 창에서 테두리를 제외한 내부 치수를 나타냅니다. 모니터 크기나 모바일 디바이스는 오른쪽에 표시됩니다.

    참고:

    간단하게 창 크기를 조절하려면 창의 오른쪽 아래 모서리를 드래그하는 것처럼 운영 체제의 표준 창 크기 조절 방법을 사용하십시오.

    참고:

    (Windows만 해당) 문서 창의 문서는 기본적으로 최대화되어 있으며 이때는 문서 크기를 조절할 수 없습니다. 문서 최대화를 해제하려면 문서의 오른쪽 위에 있는 최대화 해제 버튼 을 클릭합니다.

창 크기 팝업 메뉴에 표시된 값 변경

  1. [창 크기] 팝업 메뉴에서 [크기 편집]을 선택합니다.
  2. [창 크기] 목록에서 폭이나 높이 값을 클릭한 후 새 값을 입력합니다.

    문서 창의 높이는 변경하지 않고 폭만 특정 크기로 조정하려면 높이 값을 선택한 후 삭제합니다.

  3. [설명] 상자를 클릭한 후 특정 크기에 대한 설명을 입력합니다.

창 크기 팝업 메뉴에 새 크기 추가

  1. [창 크기] 팝업 메뉴에서 [크기 편집]을 선택합니다.
  2. [폭] 열의 마지막 값 아래에 있는 공백을 클릭합니다.
  3. [폭]과 [높이]에 값을 입력합니다.

    [폭] 또는 [높이] 중 하나만 설정하려면 다른 한 필드를 비워두면 됩니다.

  4. [설명] 필드를 클릭한 후 추가한 크기에 대한 설명을 입력합니다.

    예를 들어 800 x 600픽셀 모니터 항목 옆에 SVGA 또는 일반 PC를 입력하고 832 x 624픽셀 모니터 항목 옆에 17인치 Mac을 입력할 수 있습니다. 대부분의 모니터는 다양한 픽셀 치수로 조정할 수 있습니다.

  5. [적용] 버튼을 클릭한 다음 대화 상자를 닫습니다.

    이제 새 창 크기를 [창 크기] 팝업 메뉴에서 사용할 수 있습니다.

창 크기 및 연결 속도 설정

  1. 편집 > 환경 설정(Windows) 또는 Dreamweaver > 환경 설정(Macintosh)을 선택합니다.
  2. 왼쪽의 [범주] 목록에서 [창 크기]를 선택합니다.

  3. 필요에 따라 창 크기를 조절합니다.

Dreamweaver의 보고서

Dreamweaver의 보고서를 실행하여 내용을 찾거나, 문제를 해결하거나, 내용을 테스트할 수 있습니다. 다음과 같은 유형의 보고서를 생성할 수 있습니다.

검색

태그, 속성 및 태그 내의 특정 텍스트를 검색할 수 있습니다.

참조

유용한 참조 정보를 검색할 수 있습니다.

유효성 검사

코드나 구문의 오류를 확인할 수 있습니다.

브라우저 호환성

문서의 HTML을 테스트하여 대상 브라우저에서 지원되지 않는 태그나 속성을 확인할 수 있습니다.

링크 확인기

끊긴 링크, 외부 링크 및 고립된 링크를 찾아 수정할 수 있습니다.

사이트 보고서

워크플로를 개선하고 사이트의 HTML 속성을 테스트할 수 있습니다. 워크플로 보고서에는 체크아웃, 최근 수정일 및 디자인 노트가 포함되며, HTML 보고서에는 결합 가능한 중첩 글꼴 태그, 액세스 가능성, 대체 텍스트 없음, 중복된 중첩 태그, 제거 가능한 빈 태그 및 무제 문서가 포함됩니다.

FTP 로그

모든 FTP 파일 전송 동작을 볼 수 있습니다.

서버 디버그

Adobe® ColdFusion® 응용 프로그램을 디버그하기 위한 정보를 볼 수 있습니다.

참고:

ColdFusion은 Dreamweaver CC부터 지원되지 않습니다.

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

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