페이지 레이아웃 디자인 design-page-layout

"새 페이지 레이아웃 만들기" 절차 아래에 제공된 단계를 사용하여 "챕터" 페이지 레이아웃을 만듭니다.

빈 챕터 페이지 레이아웃이 만들어지고 페이지 레이아웃 아래에 추가됩니다.

기본적으로 페이지 레이아웃을 만들 때는 편집할 수도 있도록 열립니다. 다음 스크린샷에는 빈(기본) 페이지 레이아웃이 표시됩니다.

{width="300"}

템플릿의 머리글, 바닥글 및 컨텐츠 영역은 기본적으로 작성됩니다. 페이지 속성, 콘텐츠 속성 및 사용자 인터페이스에 지정된 다양한 도구(이미지, 필드 삽입 등)를 사용하여 이러한 영역을 쉽게 사용자 지정할 수 있습니다.

마우스를 챕터 레이아웃 위로 가져간 다음 옵션 ​을 클릭하여 컨텍스트 메뉴를 표시합니다.

레이아웃 변형 추가 위로 클릭하거나 마우스를 가져간 후 만들려는 페이지 레이아웃(첫 번째, 왼쪽 또는 오른쪽)을 선택합니다.

편집에 필요한 페이지 레이아웃을 엽니다.

오른쪽 패널에서 페이지 속성 ​을 클릭합니다.

페이지 크기 드롭다운 목록에서 사용자 지정 ​을 선택합니다.

[페이지 너비] 및 [페이지 높이] 필드가 표시됩니다.

페이지 너비 및 페이지 높이 필드에 원하는 페이지 차원을 입력합니다.

가로 방향으로 페이지 레이아웃을 만듭니다.

콘텐츠를 90도로 렌더링하도록 회전 보기 속성을 변경합니다.

새 페이지 레이아웃을 사용할 사용자 지정 스타일을 만듭니다.

가로 페이지 레이아웃에서 렌더링할 테이블의 outputclass 정의에 스타일을 추가합니다.

가로 방향으로 페이지 레이아웃을 만듭니다.

1. "새 페이지 레이아웃 만들기" 절차 아래에 제공된 단계를 사용하여 "가로" 페이지 레이아웃을 만듭니다.

2. 오른쪽 패널에서 페이지 속성 ​을 클릭합니다.

   {width="300"}

3. 방향 ​을 가로(으)로 변경합니다.

[회전 보기] 속성을 변경하여 콘텐츠를 시계 방향으로 90° 렌더링합니다.

1. 회전 보기 드롭다운 목록에서 시계 방향으로 90° ​을(를) 선택합니다.

{width="300"}

1. 업데이트된 페이지 레이아웃 속성을 저장하려면 모두 저장 ​을 클릭합니다.

새 페이지 레이아웃을 사용할 사용자 지정 스타일을 만듭니다.

1. 왼쪽 사이드바를 확장하고 스타일을 만들 템플릿을 두 번 클릭합니다.

2. 스타일시트 섹션을 확장합니다.

3. 레이아웃 스타일시트에 마우스를 가져다 대고 (옵션 아이콘)…을 클릭하고 편집을 선택합니다.

   편집을 위해 레이아웃 스타일시트가 열립니다.

4. 다른 스타일 ​을 마우스 오른쪽 단추로 클릭하고 새 스타일 ​을 선택하세요.

   {width="300"}

5. 스타일 추가 팝업에서 classname ​에 landscape-style ​을(를) 입력합니다.

   {width="400"}

6. 완료 ​를 클릭합니다.

   다른 스타일 목록의 끝에 이름이 .landscape-style인 새 스타일이 만들어지고 추가됩니다.

7. .landscape-style 스타일을 두 번 클릭하여 편집할 수 있도록 엽니다.

8. 페이지 매김 속성을 확장합니다.

9. 페이지 레이아웃 속성에 Landscape을(를) 입력하십시오.

   {width="500"}

10. 업데이트된 스타일 속성을 저장하려면 모두 저장 ​을 클릭하세요.

가로 페이지 레이아웃에서 렌더링할 테이블의 outputclass 정의에 스타일을 추가합니다.

1. DITA 파일 편집기에서 새 페이지 레이아웃을 적용할 파일을 엽니다.

2. 가로 모드로 렌더링할 <table> 요소를 찾습니다.

3. 이동 경로에서 테이블 요소를 클릭하여 테이블을 선택합니다.

   {width="400"}

4. 오른쪽 패널에서 를 클릭하고 [컨텐츠 속성] 패널을 엽니다.

5. 콘텐츠 속성 패널에서 landscape-style ​을(를) 속성 값으로 사용하는 새 outputclass 속성을 추가합니다.

   {width="300"}

업데이트된 파일을 저장하려면 모두 저장 ​을 클릭하세요.

PDF 출력을 생성합니다.

편집에 필요한 페이지 레이아웃을 엽니다.

컨텐츠 영역의 아무 곳이나 클릭합니다.

오른쪽 패널에서 페이지 속성 ​을 클릭합니다.

배경 섹션을 확장합니다.

이미지 경로 위치 필드에서 찾아보기 단추를 클릭합니다.

배경 이미지로 사용할 이미지를 찾아 선택합니다.

이미지가 삽입되고 복제되어 전체 페이지가 표시됩니다.

높이 및 너비 속성을 조정하여 이미지 크기를 변경합니다.

다른 속성을 설정하여 배경 이미지를 표시할 방식을 조정합니다.

• 백그라운드 반복 : 배경을 반복할지 여부를 지정합니다.

• 배경 위치 : 페이지에서 배경 이미지의 위치를 지정하십시오.

편집에 필요한 페이지 레이아웃을 엽니다.

오른쪽 패널에서 페이지 속성 ​을 클릭합니다.

레이아웃 섹션을 확장합니다.

Margin 속성 옆에 있는 잠금 아이콘을 클릭합니다.

머리글 크기를 변경하려면 위쪽 여백 필드에 원하는 값을 입력합니다.

바닥글 크기를 변경하려면 아래쪽 여백 필드에 원하는 값을 입력합니다.

Edit Header ( 를 클릭합니다. {width="25"}) 아이콘을 클릭하여 머리글 영역에 커서를 놓습니다.

또는 헤더 영역 내부를 클릭합니다.

이미지를 추가하려면 다음 방법 중 하나를 선택합니다.

비활성 이미지 ​를 클릭합니다( {width="25"}) 아이콘입니다. 경로 선택 팝업에서 이미지 위치를 찾은 다음 선택 ​을 클릭하여 헤더 영역에 삽입합니다.

Resources 폴더의 이미지를 헤더 영역으로 끌어서 놓습니다.

편집에 필요한 페이지 레이아웃을 엽니다.

바닥글 편집( ) 아이콘을 클릭하여 커서를 바닥글 영역에 놓습니다.

또는 바닥글 영역 안쪽을 클릭합니다.

HTML 요소 삽입 ​을 클릭하여 단락 요소를 삽입합니다( {width="25"}) 아이콘을 클릭하고 요소 목록에서 단락을 선택합니다.

필드 삽입( ) 아이콘을 클릭합니다.

필드 팝업이 나타납니다.

필드 목록에서 페이지 번호 범주를 선택하고 형식 목록에서 기본(1) 페이지 번호 형식을 선택한 다음 삽입 ​을 클릭합니다.

{width="400"}

기본 페이지 번호 필드는 페이지 레이아웃의 바닥글 영역에 삽입됩니다.

{width="400"}

상단 이동 경로에는 정보가 저장된 요소가 나열됩니다.

페이지 번호 필드 뒤에 공백을 입력하고 필드 삽입 아이콘을 클릭합니다.

필드 목록에서 챕터 제목 범주를 선택하고 형식 목록에서 챕터 제목 형식을 선택한 다음 삽입 ​을 클릭합니다.

게시할 때 챕터 제목으로 채워진 챕터 제목 필드가 바닥글 영역에 삽입됩니다. 이때 페이지 번호와 챕터 제목 필드는 공백으로 구분됩니다.

{width="400"}

챕터 제목을 마우스 오른쪽 단추로 맞추려면 다음 단계를 수행하십시오.

1. 이동 경로의 필드 요소를 클릭하여 챕터 제목 필드를 선택합니다.

2. 오른쪽 패널에서 콘텐츠 속성( {width="25"}) 아이콘입니다.

3. Layout 속성 섹션을 확장하고 Float 속성 값을 right(으)로 설정합니다.

   {width="400"}

   챕터 제목 필드는 페이지 바닥글의 오른쪽으로 정렬됩니다.
   {width="500"}

편집에 필요한 페이지 레이아웃을 엽니다.

커서를 페이지 레이아웃의 컨텐트 영역에 놓습니다.

챕터 목차( ) 아이콘입니다.

기본 챕터 목차가 콘텐츠 영역에 삽입됩니다.

{width="400"}

목차 제목 수준을 사용자 지정하려면 콘텐츠 속성 패널을 엽니다.

예를 들어 제목 2에서 시작하려는 경우 첫 번째 드롭다운 목록을 2에서 시작하도록 변경합니다.

{width="400"}

마찬가지로 레벨 5까지 머리글을 표시하려면 두 번째 드롭다운 목록을 5로 변경합니다. 업데이트된 TOC는 다음과 같이 표시됩니다.

{width="400"}

편집에 필요한 페이지 레이아웃을 엽니다.

머리글 및 바닥글 영역을 제외한 컨텐츠에 다중 열 레이아웃이 적용되면 이동 경로에서 컨텐츠 요소를 선택해야 합니다.

콘텐츠 이동 경로를 선택하면 콘텐츠 속성 패널에 여러 열에 대한 속성이 표시됩니다.

{width="400"}

다중 열 속성을 사용하여 다중 열 페이지 레이아웃을 사용자 지정합니다.

• 열 개수: 페이지를 나눌 열 수를 지정합니다. 위쪽 및 아래쪽 화살표 아이콘을 사용하거나 숫자를 입력하여 열의 수를 설정합니다.

• 열 너비: 다중 열 레이아웃에서 열의 너비를 지정합니다. 기본적으로 크기는 픽셀(px)로 설정되어 있으며 pt, rem, em, % 또는 단위로 지정할 수도 있습니다.

  note note
  NOTE
  크기를 지정하지 않으면 주어진 페이지에 맞게 열이 균일하게 나누어집니다. 대부분의 경우 이 값을 지정할 필요가 없습니다.

• 열 간격 : 개별 열 사이의 간격을 지정합니다.

• 열 범위 : 페이지 레이아웃의 요소가 여러 열에 걸쳐 표시되도록 하려면 이 속성을 사용해야 합니다. 스타일시트를 사용하여 원하는 요소의 스타일을 수정하면 됩니다. .

페이지 레이아웃에서 모든 챕터 페이지 레이아웃의 첫 페이지에 특정 텍스트를 표시하려면 이 텍스트를 챕터 페이지 레이아웃의 첫 번째 페이지 변형에 추가할 수 있습니다.

다음 예제에서 보듯이 머리글 텍스트의 [열 범위] 속성은 모두 로 설정됩니다. 이렇게 하면 문서가 여러 열로 구성된 경우에도 제목이 여러 열로 확장됩니다.

{width="400"}

• 열 채우기 : 콘텐츠가 열을 채우는 방법을 지정합니다. 기본적으로 [균형]으로 설정되어 각 열을 동일한 양의 컨텐츠로 채웁니다.

• 열 규칙 : 열 사이에 줄을 삽입하려면 이 속성을 사용하여 줄 또는 지배 스타일을 정의합니다. [스타일], [색상] 및 [폭] 값을 지정하여 열 사이에 선을 추가합니다.