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

 

 

 

 

창 크기 팝업 메뉴에 표시된 값 변경
[창 크기] 팝업 메뉴에서 [크기 편집]을 선택합니다.

창 크기 목록의 폭 또는 높이 값을 클릭하고 새로운 값을 입력합니다. 문서 창의 높이는 변경하지 않고 폭만 특정 크기로 조정하려면 높이 값을 선택한 후 삭제합니다.

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

창 크기 팝업 메뉴에 새 크기 추가
[창 크기] 팝업 메뉴에서 [크기 편집]을 선택합니다.

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

[폭] 열의 마지막 값 아래에 있는 공백을 클릭합니다.

[폭]과 [높이]에 값을 입력합니다.

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

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

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

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

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

문서 툴바 개요
문서 툴바는 문서의 다른 보기를 재빨리 전환할 수 있는 버튼을 포함하고 있습니다. 툴바에는 문서를 보거나 로컬 사이트와 원격 사이트 간에 문서를 전송하기 위한 몇 가지 일반적인 명령 및 옵션도 들어 있습니다.

문서 툴바(CC)
문서 툴바

문서 툴바에는 다음 옵션이 표시됩니다.

코드 보기

문서 창에 코드 보기만 표시됩니다.
분할 보기

문서 창이 코드와 라이브/디자인 뷰 사이에서 분할됩니다. 디자인 뷰 옵션은 유동 그리드 문서에서 사용할 수 없습니다.
라이브 뷰

변경 작업을 수행하면 변경 내용을 보여주기 위해 실시간으로 HTML5 프로젝트 및 업데이트를 정확하게 렌더링하는 대화형 미리보기입니다. 또한 라이브 뷰에서 HTML 요소를 편집할 수 있습니다. 라이브 뷰 옵션 옆에 있는 드롭다운 목록을 사용하여 라이브 뷰와 디자인 뷰 사이를 전환할 수 있습니다. 이 드롭다운 목록은 유동 그리드 문서에서 사용할 수 없습니다.
디자인 뷰

웹 브라우저에서 사용자에게 어떻게 보이는지를 알려주는 문서를 표시합니다.
표준 툴바 개요
표준 툴바

표준 툴바를 표시하려면 창 > 툴바 > 표준을 선택합니다. 툴바에는 새로 만들기, 열기, 저장, 모두 저장, 코드 인쇄, 잘라내기, 복사, 붙여넣기, 실행 취소, 재실행 등 파일 및 편집 메뉴에 있는 일반적인 작업을 위한 버튼이 포함되어 있습니다.
브라우저 내비게이션 툴바 개요
이제 브라우저 내비게이션 툴바가 라이브 뷰에서 활성화(윈도우->툴바->표준을 선택하여 활성화한 경우)되었으며, 이를 통해 문서 창에서 현재 보고 있는 페이지의 위치를 확인할 수 있습니다. 라이브 보기는 일반 브라우저와 같은 역할을 합니다. 따라서 로컬 사이트 외부에 있는 사이트.

브라우저 내비게이션 툴바(CC)
브라우저 내비게이션 툴바

A. 브라우저 컨트롤 B. 주소 상자 
기본적으로 링크는 라이브 보기에서 활성화되지 않습니다. 링크가 활성화되어 있지 않으면 다른 페이지로 가져오지 않고 문서 창에서 링크 텍스트를 선택하거나 클릭할 수 있습니다. 라이브 보기에서 링크를 테스트하려면 [보기] > [라이브 뷰 옵션] > 링크 클릭(Ctrl+Click Link) 또는 계속 링크 클릭 선택하여 한 번 클릭 또는 연속 클릭을 사용할 수 있습니다.

툴바 개요
툴바는 문서 창의 왼쪽에 수직으로 나타나며 모든 보기 옵션, 즉 코드 보기, 라이브 뷰 및 디자인 뷰에서 볼 수 있습니다. 툴바의 버튼은 보기 전용이며 작업 중인 내용에 대한 보기에 적용 가능할 때만 나타납니다. 예를 들어 라이브 뷰에서 작업하고 있는 경우에는 서식 소스 코드 등 코드 보기 전용 옵션이 표시되지 않습니다. 

툴바 맞춤 설정
필요에 따라 툴바에 메뉴 옵션을 추가하거나 원치 않는 메뉴 옵션을 제거함으로써 이 툴바를 맞춤화할 수 있습니다.

툴바를 맞춤화하려면 다음 단계를 따르십시오.

툴바에서 을 클릭하여 [툴바 맞춤 설정] 대화 상자를 엽니다.

툴바 맞춤 설정
툴바 맞춤 설정

툴바에서 사용하려는 메뉴 옵션을 선택하거나 선택 해제한 다음 [완료]를 클릭하여 툴바 설정을 저장합니다.

기본 툴바 버튼을 복원하려면 툴바 대화 상자에서 [기본값 복원]을 클릭합니다.

상태 표시줄 개요
문서 창의 아래쪽에 있는 상태 표시줄에는 현재 만들고 있는 문서에 관한 추가 정보가 제공됩니다.

상태 표시줄(CC)
상태 표시줄

A. 태그 선택기 B. 출력 패널 C. 코드 색상 표시 D. 전환 삽입 및 덮어쓰기 E. 행과 열 번호 
태그 선택기

현재 선택 항목을 둘러싸고 있는 태그들의 계층 구조를 표시합니다. 계층 구조에 있는 태그를 클릭하면 해당 태그 및 그 내용이 선택됩니다. 를 클릭하면 문서의 본문 전체를 선택할 수 있습니다. 태그 선택기에서 태그의 class 또는 ID 속성을 설정하려면 태그를 마우스 오른쪽 버튼으로 클릭(Windows)하거나 Control 키를 누른 상태에서 클릭(Macintosh)한 후 컨텍스트 메뉴에서 클래스 또는 ID를 선택합니다.

출력 패널

문서의 코딩 오류를 표시하는 출력 패널을 표시하려면 이 아이콘을 클릭합니다.

코드 색상 표시

(코드 보기에서만 사용 가능)

프로그래밍 언어에 따라 표시되는 코드 색상 표시를 변경하려면 팝업 메뉴에서 코딩 언어를 선택합니다.

전환 삽입 및 덮어쓰기

(코드 보기에서만 사용 가능)

코드 보기에서 작업하는 동안 삽입 및 덮어쓰기 간에 전환을 허용합니다.

행과 열 번호

(코드 보기에서만 사용 가능)

커서가 위치하는 행 번호 및 열 번호를 표시합니다.

속성 관리자 개요
속성 관리자(윈도우 > 속성)를 사용하면 텍스트 또는 삽입된 오브젝트 등 현재 선택된 페이지 요소의 자주 사용하는 속성을 확인하고 편집할 수 있습니다.

속성 관리자의 내용은 선택한 요소에 따라 다릅니다. 예를 들어 페이지에서 이미지를 선택하면 속성 관리자는 이미지의 속성(파일 경로, 폭과 높이, 경계 등)을 보여 줍니다.

속성 관리자(CC)
속성 관리자

속성 관리자는 기본적으로 작업 영역의 아래쪽 가장자리에 있지만 작업 영역에서 결합을 해제하고 부동 패널로 만들 수 있습니다.

참고:

특정 태그 속성과 관련된 모든 속성을 보거나 편집하려면 태그 관리자를 사용합니다.

특정 속성 관리자에 대한 도움말에 액세스하려면 속성 관리자의 오른쪽 상단에서 [도움말] 버튼을 클릭하거나 속성 관리자의 [옵션] 메뉴에서 도움말을 선택하십시오.

페이지 요소의 속성 보기 및 변경
문서 창에서 페이지 요소를 선택합니다.

속성 관리자를 확장하여 선택한 요소의 모든 속성을 확인할 수 있습니다.

속성 관리자에서 속성을 변경합니다.

참고:

특정 속성에 대한 자세한 내용을 보려면 문서 창에서 요소를 선택한 다음 속성 관리자의 오른쪽 상단에 있는 [도움말] 아이콘을 클릭합니다.

변경한 내용이 문서 창에 곧바로 적용되지 않는 경우에는 다음 방법 중 하나로 변경 내용을 적용합니다.

속성 편집 텍스트 필드의 바깥 부분을 클릭합니다.
Enter 키(Windows) 또는 Return 키(Macintosh)를 누릅니다.
Tab 키를 눌러 다른 속성으로 전환합니다.
컨텍스트 메뉴
컨텍스트 메뉴는 작업 중인 오브젝트나 창과 관련된 유용한 명령 및 속성에 대한 편리한 액세스를 제공합니다. 컨텍스트 메뉴는 현재 선택 항목에 적용되는 명령만 표시합니다.

컨텍스트 메뉴를 열려면 코드 보기의 코드 부분이나 라이브 뷰 또는 디자인 뷰의 오브젝트를 마우스 오른쪽 버튼을 클릭(Windows)하거나 Ctrl 키를 누른 상태로 클릭(Mac)합니다.

Dreamweaver에서 채널 재정렬
요구 사항에 맞게 Dreamweaver 모든 패널의 위치와 모양을 사용자 정의할 수 있습니다.

패널 고정 및 고정 해제

패널을 고정시키려면 해당 탭을 도킹 내, 상단, 하단 또는 다른 패널 사이로 드래그합니다.
패널 그룹을 고정시키려면 해당 제목 표시줄(탭 상단의 단색 빈 막대)을 도킹으로 드래그합니다.
패널 또는 패널 그룹을 제거하려면 해당 탭 또는 제목 표시줄을 도킹 밖으로 드래그합니다. 다른 도킹으로 드래그하거나 부동 상태로 만들 수 있습니다.
패널 이동

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

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

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

패널 추가 및 제거

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

패널을 제거하려면 탭을 마우스 오른쪽 버튼으로 클릭(Windows)하거나 Control 키를 누른 상태로 클릭(Mac)한 다음 [닫기]를 선택하거나 [윈도우] 메뉴에서 선택 해제합니다.
패널을 추가하려면 [윈도우] 메뉴에서 패널을 선택하여 원하는 위치에 고정시킬 수 있습니다.
패널 그룹 조작

패널을 그룹으로 이동하려면 패널 탭을 그룹의 강조 표시된 놓기 영역으로 드래그합니다.
그룹에서 패널을 재정렬하려면 패널의 탭을 그룹의 새 위치로 드래그합니다.
그룹에서 패널을 제거하여 부동 상태로 만들려면 해당 탭을 그룹 밖으로 드래그합니다.
그룹을 이동하려면 탭 상단에 있는 해당 제목 표시줄을 드래그합니다.
부동 패널 스택

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

부동 패널을 누적하려면 패널의 탭을 다른 패널 아래쪽에 있는 놓기 영역으로 드래그합니다.
누적 순서를 변경하려면 패널의 탭을 위나 아래로 드래그합니다.
스택에서 패널 또는 패널 그룹을 제거하여 부동 상태로 만들려면 해당 탭 또는 제목 표시줄을 스택 밖으로 드래그합니다.
패널 크기 조정

패널, 패널 그룹 또는 패널 스택을 최소화 또는 최대화하려면 탭을 더블 클릭하거나 탭 영역(탭 옆의 빈 공간)을 더블 클릭합니다.
패널의 크기를 조정하려면 패널의 한쪽 면을 드래그합니다. 
패널 아이콘 확장 및 축소

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

열의 모든 패널 아이콘을 축소하거나 확장하려면 도킹 위쪽에 있는 양방향 화살표를 클릭합니다.
패널 아이콘을 하나만 확장하려면 해당 아이콘을 클릭합니다.
아이콘만 표시되고 레이블은 표시되지 않도록 패널 아이콘의 크기를 조정하려면 텍스트가 보이지 않을 때까지 도킹의 폭을 조정합니다. 아이콘 텍스트를 다시 표시하려면 도킹의 폭을 넓힙니다.
확장된 패널을 다시 아이콘으로 축소하려면 해당 탭, 아이콘 또는 패널의 제목 표시줄에 있는 양방향 화살표를 클릭합니다.