사용자 요구에 맞게 Dreamweaver 작업 영역을 변경합니다. 창 및 패널을 이동, 크기 조절, 고정, 부동, 축소 및 확장하는 방법을 살펴봅니다.

문서 창 및 패널을 이동하고 조작하여 사용자 정의 작업 영역을 만들 수 있습니다. 작업 영역을 저장하고 작업 영역 간에 전환할 수도 있습니다.

패널 고정 및 고정 해제

도킹은 함께 표시되는 패널 또는 패널 그룹 모음으로, 일반적으로 세로 방향으로 표시됩니다. 도킹 내외로 패널을 이동하여 고정시키거나 고정을 해제할 수 있습니다.

  • 패널을 고정시키려면 해당 탭을 도킹 내, 상단, 하단 또는 다른 패널 사이로 드래그합니다.

  • 패널 그룹을 고정시키려면 해당 제목 표시줄(탭 상단의 단색 빈 막대)을 도킹으로 드래그합니다.

  • 패널 또는 패널 그룹을 제거하려면 해당 탭 또는 제목 표시줄을 도킹 밖으로 드래그합니다. 다른 도킹으로 드래그하거나 부동 상태로 만들 수 있습니다.

패널 이동

패널을 이동하면 패널을 이동할 수 있는 영역인 밝은 파란색 놓기 영역이 나타납니다. 예를 들어 패널을 다른 패널의 위나 아래에 있는 좁은 파란색 놓기 영역으로 드래그하여 도킹의 위나 아래로 이동할 수 있습니다. 놓기 영역이 아닌 곳으로 패널을 드래그하면 패널이 작업 영역에서 부동 상태로 표시됩니다.

참고:

마우스의 위치(패널의 위치가 아님)에 따라 놓기 영역이 활성화되므로, 놓기 영역이 보이지 않는 경우에는 놓기 영역이 있어야 할 위치로 마우스를 드래그해 보십시오.

  • 패널을 이동하려면 해당 탭을 드래그합니다.

  • 패널 그룹을 이동하려면 해당 제목 표시줄을 드래그합니다.

참고:

패널을 이동할 때 Ctrl 키(Windows) 또는 Command 키(Mac OS)를 누르면 패널이 고정되는 것을 방지할 수 있습니다. 작업을 취소하려면 패널을 이동하는 동안 Esc 키를 누르십시오.

패널 추가 및 제거

도킹에서 모든 패널을 제거하면 도킹도 제거됩니다. 놓기 영역이 나타날 때까지 작업 영역의 오른쪽 가장자리로 패널을 이동하여 도킹을 만들 수 있습니다.

  • 패널을 제거하려면 탭을 마우스 오른쪽 버튼으로 클릭(Windows)하거나 Control 키를 누른 상태로 클릭(Mac)한 다음 [닫기]를 선택하거나 [윈도우] 메뉴에서 선택 해제합니다.

  • 패널을 추가하려면 [윈도우] 메뉴에서 패널을 선택하여 원하는 위치에 고정시킬 수 있습니다.

패널 그룹 조작

  • 패널을 그룹으로 이동하려면 패널 탭을 그룹의 강조 표시된 놓기 영역으로 드래그합니다.

패널 그룹에 패널 추가
패널 그룹에 패널 추가

  • 그룹에서 패널을 재정렬하려면 패널의 탭을 그룹의 새 위치로 드래그합니다.

  • 그룹에서 패널을 제거하여 부동 상태로 만들려면 해당 탭을 그룹 밖으로 드래그합니다.

  • 그룹을 이동하려면 탭 상단에 있는 해당 제목 표시줄을 드래그합니다.

부동 패널 누적

패널을 도킹 밖으로 드래그할 때 놓기 영역을 벗어나면 패널이 작업 영역의 어느 위치에나 놓을 수 있는 부동 상태가 됩니다. 부동 패널 또는 패널 그룹을 누적하여 맨 위의 제목 표시줄을 드래그할 때 한 단위로 이동하도록 할 수 있습니다.

부동 누적 패널
부동 누적 패널

  • 부동 패널을 누적하려면 패널의 탭을 다른 패널 아래쪽에 있는 놓기 영역으로 드래그합니다.

  • 누적 순서를 변경하려면 패널의 탭을 위나 아래로 드래그합니다.

참고:

제목 표시줄의 넓은 놓기 영역이 아니라 패널 사이의 좁은 놓기 영역 위에 탭을 놓아야 합니다.

  • 스택에서 패널 또는 패널 그룹을 제거하여 부동 상태로 만들려면 해당 탭 또는 제목 표시줄을 스택 밖으로 드래그합니다.

패널 크기 조정

  • 패널, 패널 그룹 또는 패널 스택을 최소화 또는 최대화하려면 탭을 더블 클릭하거나 탭 영역(탭 옆의 빈 공간)을 더블 클릭합니다.

  • 패널의 크기를 조정하려면 패널의 한쪽 면을 드래그합니다. Photoshop의 [색상] 패널 등 일부 패널은 드래그하여 크기를 조정할 수 없습니다.

패널 아이콘 확장 및 축소

패널을 아이콘으로 축소하여 작업 영역을 정리할 수 있습니다. 경우에 따라 패널은 기본 작업 영역에서 아이콘으로 축소됩니다.

아이콘으로 축소된 패널
아이콘으로 축소된 패널

아이콘에서 확장된 패널
아이콘에서 확장된 패널

  • 열의 모든 패널 아이콘을 축소하거나 확장하려면 도킹 위쪽에 있는 양방향 화살표를 클릭합니다.

  • 패널 아이콘을 하나만 확장하려면 해당 아이콘을 클릭합니다.

  • 아이콘만 표시되고 레이블은 표시되지 않도록 패널 아이콘의 크기를 조정하려면 텍스트가 보이지 않을 때까지 도킹의 폭을 조정합니다. 아이콘 텍스트를 다시 표시하려면 도킹의 폭을 넓힙니다.

  • 확장된 패널을 다시 아이콘으로 축소하려면 해당 탭, 아이콘 또는 패널의 제목 표시줄에 있는 양방향 화살표를 클릭합니다.

참고:

일부 제품에서는 인터페이스 또는 사용자 인터페이스 옵션 환경 설정에서 아이콘 패널 자동 축소를 선택하면 포커스가 확장된 패널 아이콘 밖으로 이동할 때 자동으로 패널 아이콘이 축소됩니다.

  • 부동 패널 또는 패널 그룹을 아이콘 도킹에 추가하려면 해당 탭 또는 제목 표시줄을 도킹 안으로 드래그합니다. 아이콘 도킹에 추가하면 패널이 자동으로 아이콘으로 축소됩니다.
  • 패널 아이콘 또는 패널 아이콘 그룹을 이동하려면 아이콘을 드래그합니다. 도킹에서 패널 아이콘을 다른 도킹으로 드래그하여 해당 도킹의 패널 스타일에 나타나게 하거나, 도킹 밖으로 드래그하여 부동 아이콘으로 만들 수 있습니다.

사용자 정의 작업 영역 만들기

현재 패널 크기 및 위치를 명명된 작업 영역으로 저장하면 패널을 이동하거나 닫은 경우에도 해당 작업 영역을 복원할 수 있습니다. 저장된 작업 영역의 이름은 문서 툴바의 작업 영역 전환기에 나타납니다.

사용자 정의 작업 영역을 저장하려면:

  1. [윈도우] > [작업 영역 레이아웃] > [새 작업 영역]을 선택합니다.
  2. 작업 영역 이름을 입력합니다.
작업 영역이 저장되고 문서 툴바의 작업 영역 전환기에서 볼 수 있습니다.

사용자 정의 작업 영역을 삭제하려면:

응용 프로그램 표시줄의 작업 영역 전환기에서 [작업 영역 관리]를 선택하여 [작업 영역 관리] 대화 상자를 엽니다. 작업 영역을 선택한 다음 [삭제]를 클릭합니다.

작업 영역 표시 또는 전환

  1. 응용 프로그램 표시줄의 작업 영역 전환기에서 작업 영역을 선택합니다.

탭으로 구분된 문서 표시하기(Mac 전용)

각 문서에 대응하는 탭을 사용하여 하나의 문서 창에 여러 문서를 표시할 수 있습니다. 또한 각 문서를 개별 창에 표시해 부동 작업 영역으로 나타낼 수도 있습니다.

개별 창에서 탭으로 표시된 문서 열기

Control 키를 누른 상태로 탭을 클릭하여 컨텍스트 메뉴에서 [새 창으로 이동]을 선택합니다.

기본 탭 문서 설정 변경

  1. Dreamweaver > [환경 설정]을 선택하고 [일반] 범주를 선택합니다.
  2. 탭에서 [문서 열기]를 선택하거나 선택 해제한 다음 [확인]을 클릭합니다.

환경 설정을 변경할 때, 현재 열려 있는 문서의 표시 형태는 변경되지 않습니다. 그러나 새 환경 설정을 선택한 다음에 열리는 문서는 선택된 환경 설정에 따라 표시됩니다.

시작 화면은 Dreamweaver를 시작할 때 그리고 열어 놓은 문서가 없을 때 항상 표시됩니다. 시작 화면을 숨길 수 있으며 나중에 다시 표시할 수 있습니다. 시작 화면이 숨겨져 있고 열어 놓은 문서가 없을 때에는 문서 창이 비어 있게 됩니다.

다중 사용자 시스템에서 Dreamweaver 사용자 정의하기 정보

Windows XP 또는 Mac OS X와 같은 다중 사용자 운영 체제에서도 필요에 따라 Dreamweaver를 사용자 정의할 수 있습니다.

Dreamweaver에서는 각 사용자별로 정의된 구성이 다른 사용자의 구성에 영향을 주지 않도록 합니다. 이를 위해 Dreamweaver는 인식 가능한 다중 사용자 운영 체제에서 처음 실행될 때 다양한 구성 파일의 사본을 작성합니다. 이러한 사용자 구성 파일은 사용자가 소유하는 폴더에 저장됩니다.

예를 들어 Windows XP에서는 C:\Documents and Settings\사용자 이름\Application Data\Adobe\Dreamweaver\ko_KR\Configuration에 저장되며 기본적으로 숨겨져 있습니다. 숨겨진 파일 및 폴더를 표시하려면 Windows 탐색기의 도구 > 폴더 옵션을 선택하고 보기 탭을 클릭한 다음 옵션을 선택합니다.

Windows Vista에서는 C:\Users\사용자 이름\AppData\Roaming\Adobe\Dreamweaver\ko_KR\Configuration에 저장되며 기본적으로 숨겨져 있습니다. 숨겨진 파일 및 폴더를 표시하려면 Windows 탐색기의 도구 > 폴더 옵션을 선택하고 보기 탭을 클릭한 다음 옵션을 선택합니다.

Mac OS X에서는 홈 폴더 즉, Users/사용자 이름/Library/Application Support/Adobe/Dreamweaver/Configuration에 저장됩니다.

Dreamweaver를 다시 설치하거나 업그레이드하는 경우, Dreamweaver에서는 기존 사용자 구성 파일의 백업 사본을 자동으로 만듭니다. 따라서 이런 파일을 수동으로 사용자 정의한 경우 해당 변경 내용에 계속 액세스할 수 있습니다.

Dreamweaver에 대한 일반 환경 설정

  1. 편집 > 환경 설정(Windows) 또는 Dreamweaver > 환경 설정(Macintosh)을 선택합니다.
  2. 다음 옵션을 설정합니다.

    탭에서 문서 열기

    모든 문서가 탭으로 구분된 단일 창에 열리므로 탭을 사용하여 각 문서 사이에서 전환할 수 있습니다(Macintosh에만 해당).

    시작 화면 표시

    Dreamweaver를 시작할 때나 열려 있는 문서가 없을 때 Dreamweaver 시작 화면을 표시합니다.

    시작할 때 문서 다시 열기

    Dreamweaver를 닫을 때 열려 있던 문서를 엽니다. 이 옵션을 선택하지 않으면 Dreamweaver를 시작할 때 시작 화면 표시 설정에 따라 시작 화면 또는 빈 화면이 표시됩니다.

    읽기 전용 파일을 열 때 경고

    읽기 전용 잠김 파일을 열 때 경고 메시지가 표시됩니다. 파일의 잠금 해제/체크아웃, 파일 보기 또는 취소를 선택합니다.

    관련 파일 활성화

    현재 문서(예: CSS 또는 JavaScript 파일)와 관련된 파일을 볼 수 있습니다. 문서 위쪽에 각 관련 파일에 대한 버튼이 표시되고, 버튼을 클릭하면 파일이 열립니다.

    동적 관련 파일 검색

    동적 관련 파일을 [관련 파일] 툴바에서 자동으로 표시할지 또는 수동 확인 후 표시할지 여부를 선택할 수 있습니다. 동적 관련 파일의 검색을 비활성화하도록 선택할 수도 있습니다.

    파일 이동 시 링크 업데이트

    사이트 내에서 문서를 이동, 이름 변경 또는 삭제할 때 링크 업데이트를 처리하는 방법을 지정합니다. 이 환경을 설정하여 링크를 항상 자동으로 업데이트하거나, 링크를 업데이트하지 않거나, 업데이트 수행 여부를 묻도록 할 수 있습니다. 자동으로 링크 업데이트하기를 참조하십시오.

    오브젝트 삽입 시 대화 상자 표시

    삽입 패널 또는 삽입 메뉴를 사용하여 이미지, 표, Shockwave 동영상 및 다른 특정 오브젝트를 삽입할 때 Dreamweaver에서 추가 정보를 입력할 대화 상자를 표시할지 여부를 결정합니다. 이 옵션이 해제된 경우에는 대화 상자가 나타나지 않으므로 속성 관리자를 사용하여 이미지의 소스 파일, 표의 행 개수 등을 지정해야 합니다. 롤오버 이미지 및 Fireworks HTML의 경우에는 이 옵션의 설정 여부와 관계 없이 오브젝트를 삽입할 때마다 대화 상자가 나타납니다. 이 설정을 일시적으로 무시하려면 오브젝트를 만들어서 삽입할 때 Ctrl 키를 누른 상태에서 클릭(Windows)하거나 Command 키를 누른 상태에서 클릭(Macintosh)합니다.

    2바이트 인라인 입력 활성화

    2바이트 텍스트(예: 일본어 문자)를 허용하는 개발 환경이나 언어 키트를 사용할 때 문서 창에 2바이트 텍스트를 직접 입력할 수 있습니다. 이 옵션을 선택하지 않으면 2바이트 텍스트의 입력 및 변환을 위한 텍스트 입력 창이 나타나며 이 창에 텍스트를 입력해야 문서 창에 표시됩니다.

    머리글 다음에 일반 단락으로 전환

    디자인 또는 라이브 뷰에서 머리글 단락의 끝에 Enter(Windows) 또는 Return(Macintosh) 키를 누르면 p 태그를 사용하여 새 단락이 만들어집니다. 머리글 단락은 h1 또는 h2와 같은 머리글 태그가 지정된 단락입니다. 이 옵션이 해제된 경우 머리글 단락 끝에서 Enter 또는 Return 키를 누르면 동일한 머리글 태그가 지정되는 새 단락이 만들어집니다. 따라서 한 행에 여러 개의 머리글을 입력한 후 되돌아가서 각 머리글 아래에 세부 정보를 입력할 수 있습니다.

    연속된 여러 공백 허용

    디자인 또는 라이브 뷰에서 둘 이상의 공백을 입력하는 경우 단어 잘림 방지 공백이 만들어집니다. 이 공백은 브라우저에서 여러 공백으로 표시됩니다. 예를 들어 타자기에서 하는 것처럼 문장 간에 두 개의 공백을 입력할 수 있습니다. 이 옵션은 주로 워드 프로세서에서 입력하는 사용자를 위해 고안된 것입니다. 이 옵션이 해제되어 있으면 여러 개의 공백이 하나의 공백으로 처리됩니다. 브라우저가 여러 개의 공백을 하나의 공백으로 처리하기 때문입니다.

    <b> 및 <i> 대신 <strong> 및 <em> 사용

    Dreamweaver에서 일반적으로 b 태그를 적용하는 작업을 수행할 때마다 strong 태그가 적용되고 일반적으로 i 태그를 적용하는 작업을 수행할 때마다 em 태그가 적용되도록 지정합니다. 이러한 작업에는 HTML 모드로 텍스트 속성 관리자에서 굵게 또는 기울임체 버튼을 클릭하거나 [서식] > [스타일] > [굵게] 또는 [서식] > [스타일] > [기울임체]를 선택하는 경우가 포함됩니다. 문서에 bi 태그를 사용하려면 이 옵션의 선택을 해제합니다.

    참고:

    W3C(World Wide Web Consortium)에서는 b 및 i 태그의 사용을 권장하지 않는데 그 이유는 strong 및 em 태그가 b 및 i 태그보다 더 많은 의미 정보를 제공하기 때문입니다.

    <p> 또는 <h1> - <h6> 태그 내에 편집 가능 영역을 배치할 경우 경고

    단락이나 머리글 태그 안에 편집 가능 영역이 있는 Dreamweaver 템플릿을 저장할 때마다 경고 메시지를 표시할지 여부를 지정합니다. 이 메시지는 사용자에게 해당 영역에 단락을 더 이상 만들 수 없다는 것을 알려줍니다. 이 옵션은 기본적으로 활성화되어 있습니다.

    가운데 정렬

    속성 관리자에서 [가운데 정렬] 버튼을 클릭할 때 divalign="center" 또는 center 태그를 사용하여 요소를 가운데에 정렬할지 여부를 지정합니다.

    참고:

    두 정렬 방법 모두 HTML 4.01 사양에서 공식적으로 지원하지 않으므로 텍스트 정렬에는 CSS 스타일을 사용해야 합니다. 두 방법 모두 XHTML 1.0 Transitional 사양까지는 기술적으로 유효하지만 XHTML 1.0 Strict 사양에서는 유효하지 않습니다.

    최대 작업 내역 단계 수

    [작업 내역] 패널에 유지 및 표시되는 단계 수를 지정합니다. 대부분의 경우 기본값을 사용하면 충분합니다. [작업 내역] 패널에 지정된 단계 수를 초과하면 가장 오래된 단계부터 제거됩니다.

    자세한 내용은 작업 자동화를 참조하십시오.

    맞춤법 사전

    사용 가능한 맞춤법 사전이 나열되어 있습니다. 사전에 여러 가지 지역어나 맞춤법 규칙(예: 미국식 영어 및 영국식 영어)이 포함된 경우에는 지역어가 [사전] 팝업 메뉴에 별도로 표시됩니다.

Dreamweaver 문서의 글꼴 환경 설정

문서의 인코딩은 브라우저에서 문서의 표시 방식을 결정합니다. Dreamweaver 글꼴 환경 설정을 사용하면 원하는 글꼴 및 크기로 지정된 인코딩을 볼 수 있습니다. 단, [글꼴 환경 설정] 대화 상자에서 선택한 글꼴은 Dreamweaver에 글꼴이 나타나는 방식에만 영향을 끼치며 방문자의 브라우저에 문서가 나타나는 방식에는 영향을 끼치지 않습니다. 브라우저에 글꼴이 나타나는 방식을 변경하려면 속성 관리자를 사용하거나 CSS 규칙을 적용하여 텍스트를 변경해야 합니다.

새 문서의 기본 인코딩 설정에 대한 자세한 내용은 문서 만들기 및 열기를 참조하십시오.

  1. 편집 > 환경 설정(Windows) 또는 Dreamweaver > 환경 설정(Macintosh)을 선택합니다.
  2. 왼쪽의 [범주] 목록에서 [글꼴]을 선택합니다.
  3. [글꼴 설정] 목록에서 인코딩 유형(예: 서유럽어 또는 일본어)을 선택합니다.

    참고:

    아시아 언어를 표시하려면 2바이트 글꼴을 지원하는 운영 체제를 사용해야 합니다.

  4. 선택한 인코딩의 각 범주에 사용할 글꼴과 크기를 선택합니다.

    참고:

    [글꼴] 팝업 메뉴에는 컴퓨터에 설치된 글꼴만 표시됩니다. 예를 들어 일본어 텍스트를 보려면 일본어 글꼴이 설치되어 있어야 합니다.

    가변 폭 글꼴

    Dreamweaver에서 일반 텍스트(예: 단락, 머리글, 표의 텍스트)를 표시하는 데 사용하는 글꼴입니다. 기본값은 시스템에 설치된 글꼴에 따라 달라집니다. 미국에서 사용되는 시스템의 대부분에서 기본값은 Windows의 경우 Times New Roman 12pt(중)이고, Mac OS의 경우 Times 12pt입니다.

    고정 폭 글꼴

    Dreamweaver에서 pre, codett 태그 내의 텍스트를 표시하는 데 사용하는 글꼴입니다. 기본값은 시스템에 설치된 글꼴에 따라 달라집니다. 미국에서 사용되는 시스템의 대부분에서 기본값은 Windows의 경우 Courier New 10pt(소)이고, Mac OS의 경우 Monaco 12pt입니다.

    코드 보기

    코드 보기 및 코드 관리자에 나타나는 모든 텍스트에 사용되는 글꼴입니다. 기본값은 시스템에 설치된 글꼴에 따라 달라집니다.

Dreamweaver 강조 색상 사용자 정의

강조 표시 환경 설정을 사용하면 Dreamweaver에서 템플릿 영역, 라이브러리 항목, 타사 태그, 레이아웃 요소 및 코드를 구분하는 색상을 사용자 정의할 수 있습니다.

강조 색상 변경하기

  1. 편집 > 환경 설정을 선택하고 [강조 표시] 범주를 선택합니다.
  2. 강조 색상을 변경할 오브젝트 옆에 있는 색상 상자를 클릭한 다음, 색상 피커를 사용하여 새 색상을 선택하거나 16진수 값을 입력합니다.

오브젝트의 강조 표시 활성화 또는 비활성화하기

  1. 편집 > 환경 설정을 선택하고 [강조 표시] 범주를 선택합니다.
  2. 강조 색상을 활성화 또는 비활성화할 오브젝트 옆에 있는 [보기] 옵션을 선택하거나 선택 취소합니다.

기본 환경 설정 복구

Dreamweaver 기본 환경 설정을 복구하는 절차에 대한 자세한 내용은 기술 문서 83912를 참조하십시오.

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

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