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

 

 

 

사용자 정의 작업 영역 만들기
요구 사항에 맞게 패널을 추가하거나 제거하여 작업 영역을 사용자 정의할 수 있습니다. 그러면 문서 툴바의 [작업 영역 전환기]에서 나중에 액세스 하기 위해 저장하여 작업 영역에 이 변경 내용을 저장할 수 있습니다.

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

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

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

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

애플리케이션 표시줄의 작업 영역 전환기에서 [작업 영역 관리]를 선택하여 [작업 영역 관리] 대화 상자를 엽니다. 작업 영역을 선택한 다음 [삭제]를 클릭합니다.

작업 영역 표시 또는 전환

문서 툴바의 작업 영역 전환기에서 작업 영역을 선택합니다.

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

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

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

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

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

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

기본 탭 문서 설정 변경

[Dreamweaver] > [환경 설정]을 선택하고 [일반] 범주를 선택합니다.
탭에서 [문서 열기]를 선택하거나 선택 해제한 다음 [확인]을 클릭합니다.
환경 설정을 변경할 때, 현재 열려 있는 문서의 표시 형태는 변경되지 않습니다. 그러나 새 환경 설정을 선택한 다음에 열리는 문서는 선택된 환경 설정에 따라 표시됩니다.

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

Dreamweaver의 일반 패널
Dreamweaver에서는 여러 패널을 가지고 작업할 수 있습니다. 일반적으로 사용되는 일부 패널을 여기에서 설명합니다.

삽입 패널 개요
삽입 패널(윈도우 > 삽입)에는 표, 이미지 및 링크와 같은 오브젝트를 만들고 삽입할 수 있는 버튼이 있습니다. 이러한 버튼은 여러 범주로 구성되며 위쪽의 드롭다운 목록에서 원하는 범주를 선택하여 전환할 수 있습니다.

삽입 패널
삽입 패널

일부 범주의 버튼에는 팝업 메뉴가 표시됩니다. 팝업 메뉴에서 선택하는 옵션이 해당 버튼의 기본 액션이 됩니다. 예를 들어 문자 버튼의 팝업 메뉴에서 행 분리를 선택하면 이후에 문자 버튼을 클릭할 때마다 Dreamweaver에서 행 분리를 삽입합니다. 팝업 메뉴에서 새 옵션을 선택할 때마다 버튼의 기본 액션이 바뀝니다.

삽입 패널은 다음과 같은 범주로 구성됩니다.

HTML

div 태그, 이미지와 같은 오브젝트 및 표 등 가장 자주 사용되는 HTML 요소를 만들고 삽입할 수 있습니다.
양식

양식을 만들고 검색, 월 및 암호와 같은 요소 삽입을 위한 버튼이 포함되어 있습니다.
템플릿

문서를 템플릿으로 저장하고 특정 영역을 편집 가능, 선택적, 반복 또는 편집 가능 옵션 영역으로 표시할 수 있습니다.
Bootstrap 구성 요소

반응형 프로젝트에서 사용할 수 있는 탐색, 컨테이너 드롭다운 등을 제공하는 Bootstrap 구성 요소가 들어 있습니다.
jQuery Mobile

jQuery Mobile을 사용하는 사이트를 작성하는 버튼이 들어 있습니다.
jQuery UI

아코디언, 슬라이더 및 버튼과 같은 jQuery UI 요소를 삽입할 수 있습니다.
즐겨찾기

가장 많이 사용하는 삽입 패널 버튼을 한 곳으로 모아 구성할 수 있습니다.
참고:

 XML, JavaScript, Java 및 CSS와 같은 특정 유형의 파일을 사용하는 경우 이러한 코드 파일에 항목을 삽입할 수 없으므로 삽입 패널과 디자인 뷰 옵션이 흐리게 표시됩니다.

오브젝트 삽입
삽입 패널을 사용해 오브젝트를 삽입하려면:

삽입 패널의 [범주] 팝업 메뉴에서 적절한 범주를 선택합니다.

다음 중 하나를 수행합니다.

오브젝트 버튼을 클릭하거나 버튼 아이콘을 문서 창(디자인, 라이브 또는 코드 보기)으로 드래그합니다.

버튼의 화살표를 클릭한 다음 메뉴에서 옵션을 선택합니다.

오브젝트에 따라 해당 오브젝트 삽입 대화 상자가 나타나서 파일을 찾거나 오브젝트에 대한 매개 변수를 지정하라는 메시지가 표시됩니다. 또는 Dreamweaver가 문서에 코드를 자동으로 삽입하거나 태그 편집기 또는 패널을 열어 코드 삽입 전에 사용자가 정보를 지정할 수 있게 할 수 있습니다.

일부 오브젝트의 경우 디자인 뷰에서 오브젝트를 삽입하면 대화 상자가 나타나지 않지만 코드 보기에서 오브젝트를 삽입하면 태그 편집기가 나타납니다. 또 다른 오브젝트의 경우 오브젝트를 디자인 뷰에서 삽입하면 오브젝트가 삽입되기 전에 Dreamweaver가 코드 보기로 전환됩니다.

삽입 패널 환경 설정 편집
[편집] > [환경 설정](Windows) 또는 [Dreamweaver] > [환경 설정](Macintosh)을 선택합니다.

[환경 설정] 대화 상자의 [일반] 범주에서 [오브젝트 삽입 시 대화 상자 보기]를 선택 취소하여 이미지, 표, 스크립트 및 헤드 요소 등의 오브젝트를 삽입할 때 대화 상자를 숨기거나, 오브젝트를 만드는 동안 Ctrl 키(Windows) 또는 Option 키(Macintosh)를 누른 상태로 있습니다.

참고:

이 옵션을 해제하고 오브젝트를 삽입하면 오브젝트에 기본 속성 값이 지정됩니다. 오브젝트를 삽입한 후에 속성 관리자를 사용하여 오브젝트 속성을 변경합니다.

삽입 패널의 즐겨찾기 범주에서 항목 추가, 삭제 또는 관리
삽입 패널에서 범주를 선택합니다.

버튼이 표시될 영역에서 마우스 오른쪽 버튼으로 클릭하거나(Windows) Control 키를 누른 상태에서 클릭(Macintosh)한 다음 [즐겨찾기 사용자 정의]를 선택합니다.

[즐겨 찾는 오브젝트 사용자 정의] 대화 상자에서 필요에 따라 변경하고 [확인]을 클릭합니다.

오브젝트를 추가하려면 왼쪽의 [사용 가능한 오브젝트] 창에서 오브젝트를 선택한 다음 두 창 사이에 있는 화살표를 클릭하거나 [사용 가능한 오브젝트] 창에서 오브젝트를 더블 클릭합니다.

삽입 패널의 즐겨찾기 사용자 정의
삽입 패널의 즐겨찾기 사용자 정의

참고:

한 번에 한 개의 오브젝트를 추가할 수 있습니다. 즐겨찾기 목록에 전체 범주를 추가할 목적으로 [일반]과 같은 범주 이름을 선택할 수는 없습니다.

오브젝트나 분리 기호를 삭제하려면 오른쪽의 [즐겨 찾는 오브젝트] 창에서 오브젝트를 선택한 후 해당 창 위에 있는 [즐겨 찾는 오브젝트 목록에서 선택한 오브젝트 제거] 버튼을 클릭합니다.
오브젝트를 이동하려면 오른쪽의 [즐겨 찾는 오브젝트] 창에서 오브젝트를 선택한 후 해당 창 위에 있는 위쪽/아래쪽 화살표 버튼을 클릭합니다.
오브젝트 아래에 분리 기호를 추가하려면 오른쪽의 [즐겨 찾는 오브젝트] 창에서 오브젝트를 선택한 후 해당 창 아래에 있는 [분리 기호 추가] 버튼을 클릭합니다.
삽입 패널의 [즐겨찾기] 범주에 있지 않은 경우 이 범주를 선택하고 변경 내용을 확인합니다.

파일 패널 개요
파일 패널을 사용하면 Dreamweaver 사이트의 파일을 보고 관리할 수 있습니다.

파일 패널을 사용하면 파일과 폴더가 Dreamweaver 사이트와 연관되어 있는지 여부에 상관없이 이를 확인할 수 있으며 파일 열기 및 이동 등의 표준 파일 유지 관리 작업을 수행할 수 있습니다.

파일 패널은 파일을 관리하고 원격 서버와의 파일 전송에 사용됩니다.

파일 패널
파일 패널

파일 패널로 할 수 있는 모든 옵션에 대한 자세한 내용은 파일 및 폴더 관리를 참조하십시오.