이번 챕터에서는 각 단락의 서식과 레이아웃 등의 테마를 설정하는 기능을 설명합니다.

테마란, 3Rabbitz Book에서 문서 작성의 기본 단위인 단락에 사용할 폰트 종류와 크기, 폰트 스타일, 단락의 여백 및 정렬 방법 등과 같은 개별 단락의 스타일에 대한 설정들이 통합되어 있는 개별 단락 스타일들의 묶음이라 할 수 있습니다.

테마

3Rabbitz Book에서는 책의 내용을 작성한 후 웹과 PDF로 출판할 때 적용할 수 있는 기본 웹 테마와 기본 PDF 테마를 제공하고 있습니다. 또한, 사용자는 기본 테마를 수정할 수 있을 뿐만 아니라, 사용자 고유의 새로운 테마를 만들어 낼 수도 있습니다.

테마 확인하기

시스템에 등록되어 있는 테마를 확인하기 위한 방법은 다음과 같습니다.

1. 편집자 권한으로 로그인 후, 메인 화면 우측 상단에서 <BOOK> 링크를 클릭합니다.

2. 좌측 상단에서 [스타일 | 테마] 메뉴로 순차적으로 이동합니다.

3. 시스템 상에 등록되어 있는 모든 테마가 목록으로 나타납니다.

4. 확인하고자 하는 테마를 눌러 내용을 확인합니다.

테마 추가하기

새로운 테마를 추가하는 방법은 아래와 같습니다.

1. 편집자 권한으로 로그인 후, 메인 화면 우측 상단에서 <BOOK> 링크를 클릭합니다.

2. 좌측 상단에서 [스타일 | 테마] 메뉴로 순차적으로 이동합니다.

3. <테마 추가> 링크를 클릭합니다.

4. 테마의 기본 정보 (이름, 유형, 언어, 설명)를 입력합니다.

5. <저장> 버튼을 클릭합니다.

테마 기본 정보

이름

테마의 이름을 입력합니다.

유형

테마를 적용하고자 하는 유형을 웹과 PDF 중에서 선택합니다.

언어

테마에 적용할 언어를 선택합니다. 이 선택에 따라 테마 편집 과정의 미리보기 화면이 결정됩니다.

설명

테마에 대한 간단한 설명을 입력합니다.

테마 편집하기

테마를 편집하는 방법은 아래와 같습니다.

1. 편집자 권한으로 로그인 후, 메인 화면 우측 상단에서 <BOOK> 링크를 클릭합니다.

2. 좌측 상단에서 [스타일 | 테마] 메뉴로 순차적으로 이동합니다.

3. 시스템 상에 등록되어 있는 모든 테마가 목록으로 나타납니다.

4. 수정하고자 하는 테마를 선택하여 이름을 클릭합니다.

5. 테마 편집 화면이 나타납니다.

6. 각 단락별로 테마를 수정합니다.

7. <미리보기> 화면을 통하여 설정이 반영되는 모습을 확인합니다.

8. <지금 저장> 버튼을 클릭합니다.

단락별 스타일을 편집하는 기본 과정은 웹과 PDF 구분없이 거의 동일합니다

테마 편집 화면은 다음과 같습니다. 왼쪽에는 편집 대상 항목들이 트리 형태로 나타나고, 오른쪽에는 테마 편집 영역이 나타나게 됩니다.

편집자는 수정하고자 하는 대상 항목을 왼쪽에서 선택한 후, 테마 편집 영역에서 각각의 변수들을 설정하면 됩니다. 이런 설정이 반영되는 결과는 하단의 미리보기를 통해 바로바로 확인할 수 있습니다.

기본값

테마 전반에 사용될 폰트와 폰트 크기, 색상, 텍스트 정렬 방식 등의 기본값을 설정하는 영역입니다. 일반 항목에서 설정된 기본값들은 이하 단락별 스타일 변수들을 설정하는데 기본값으로 적용되어 나타나게 됩니다.

1. 왼쪽 영역에서 <기본값>을 선택합니다.

2. 오른쪽 영역에서 폰트와 본문에 적용할 스타일 변수를 설정합니다.

3. 하단 미리보기를 통해 단락에 적용될 스타일을 확인합니다.

4. 편집이 완료되면 <지금 저장> 버튼을 클릭합니다.

폰트

폰트 패밀리

각 단락의 스타일에 기본적으로 적용될 폰트를 결정하여 선택합니다.

제목용 폰트

텍스트 단락 중 제목 단락에 적용될 폰트를 결정하여 선택합니다.

코드용 폰트

코드를 표시하기 위한 폰트를 선택합니다.

폰트 크기

기본 폰트의 크기를 결정합니다.

본문

색상

각 단락에 기본적으로 적용될 텍스트의 색상을 색상표에서 지정하여 선택합니다.

텍스트 정렬

텍스트 단락에 적용할 문단 정렬방식 기준값을 설정합니다.

• 왼쪽 : 왼쪽을 기준으로 문단을 정렬합니다.

• 양쪽 맞춤 : 양쪽에 모두 가지런하게 문단을 정렬합니다. 가장 보편적으로 쓰이는 정렬 방식입니다

라인 간격

단락 내의 행과 행 사이의 라인 간격을 지정합니다.

문자 간격

단락 내의 글자와 글자 사이의 간격을 지정합니다.

단어 간격

단락 내의 단어와 단어 사의의 간격을 지정합니다.

<폰트 크기에 적용되는 단위에 대한 설명입니다.>

em

해당 폰트의 대문자의 높이를 1로 하여 그 비례값으로 크기를 표시합니다.

px

pixel, 표시장치(모니터)에 따라서 상대적인 크기를 가지게 됩니다.

pt

point, 일반 문서(워드 등)에서 많이 사용하는 단위로 고정된 값을 가지게 됩니다.

스타일 설정 박스

테마 편집시에는 각 단락별로 기본값 설정 이외에 추가로 스타일 설정 박스가 나타나게 됩니다.

이 스타일 설정 박스는 [폰트, 단락, 테두리, 배경, 번호 매기기]의 5가지 항목으로 이루어져 있으며, 각 단락에 따라 5개 항목이 모두 나타나거나 혹은 그와 관련된 2개 이상의 항목만 나타나도록 되어 있습니다. 편집자는 단락별로 표시되는 항목들을 설정하여 각 단락의 스타일을 완성할 수 있습니다.

폰트

개별 단락별로 사용할 폰트와 관련된 다양한 설정을 합니다.

[기본값]

폰트

단락에 사용할 폰트를 선택합니다.

폰트 크기

사용할 폰트의 크기를 선택합니다.

폰트 스타일

사용할 폰트의 스타일을 선택합니다.

• 보통 : 텍스트의 기본 모양을 표시합니다.

• 기울임꼴로 : 텍스트를 기울어진 형태로 표시합니다.

• 굵게 : 텍스트를 굵게 표시합니다.

• 굵은 기움임꼴로 : 텍스트를 굵으면서 기울어진 형태로 표시합니다.

[효과]

색상

색상표를 누르면 나타나는 색상 팔레트에서 텍스트에 사용할 색상을 선택합니다.

텍스트 효과

텍스트에 대한 속성을 적용합니다. 설정하고자 하는 설정에 체크표시를 합니다.

• 밑줄 : 텍스트 하단에 밑줄을 긋습니다.

• 윗줄 : 텍스트 상단에 윗줄을 긋습니다.

• 취소선 : 텍스트 중간에 취소선을 긋습니다.

문자 간격

단락 내의 글자와 글자 사이의 간격을 지정합니다.

단어 간격

단락 내의 단어와 단어 사의의 간격을 지정합니다.

단락

단락의 정렬 방식과 여백 설정 등과 같은 다양한 설정을 수행합니다.

[정렬 & 간격]

단락에 적용시킬 문단 정렬 방식과 단락 간격 및 여백을 설정합니다.

정렬

단락에 적용시킬 문단 정렬 방식을 설정합니다.

• 왼쪽 : 단락 왼쪽을 기준으로 단락을 맞춥니다.

• 오른쪽 : 단락 오른쪽을 기준으로 단락을 맞춥니다.

• 가운데 : 단락을 가운데로 모아 단락을 맞춥니다.

• 양쪽 맞춤 : 단락 양쪽을 가지런하게 맞춥니다. [일반적으로 가장 많이 사용]

하이픈(-) 넣기

PDF 문서 생성시 행의 끝에서 연결된 단어가 있을 경우 하이픈 표시 여부를 선택합니다.

상단, 하단, 라인 간격

단락과 단락 사이의 간격 및 단락 내 행의 간격을 지정합니다.

• 단락 상단 : 위에 있는 단락과의 간격을 지정합니다.

• 단락 하단 : 아래에 있는 단락과의 간격을 지정합니다.

• 라인 간격 : 단락 내의 줄 간격을 지정합니다.

[들여쓰기]

단락 첫째 줄을 들여 쓸 정도와 왼쪽과 오른쪽 여백을 지정합니다.

• 첫째 줄 : 단락의 첫째 줄의 들여 쓸 여백을 지정합니다.

• 왼쪽 : 단락 왼쪽의 여백 공간을 지정합니다.

• 오른쪽 : 단락 오른쪽의 여백 공간을 지정합니다.

테두리

단락 외곽에 테두리와 그에 따른 텍스트 여백과 관련한 설정을 합니다.

[테두리]

스타일

테두리에 적용할 선의 종류를 선택합니다.

• 실선

• 점선

• 점실선

• 두 줄

색상

색상표를 누르면 나타나는 색상 팔레트에서 단락 테두리의 색상을 선택합니다.

테두리 굵기

테두리의 굵기를 선택합니다.

테두리 상하좌우 표시여부

테두리의 상하좌우 표시여부를 해당되는 이미지를 클릭하여 선택합니다.

[단락 내부 여백]

테두리 안에 들어갈 텍스트의 여백을 조정합니다.

• 상단 : 단락 상단의 여백 공간을 지정합니다.

• 하단 : 단락 하단쪽의 여백 공간을 지정합니다.

• 왼쪽 : 단락 왼쪽의 여백 공간을 지정합니다.

• 오른쪽 : 단락 오른쪽의 여백 공간을 지정합니다.

배경

[배경 색상]

색상표를 누르면 나타나는 색상 팔레트에서 단락의 전체 배경 색상을 선택합니다.

[배경 이미지]

배경 이미지 : 단락 배경에 사용할 이미지를 설정합니다.

• 이미지 선택 : 이미지 선택을 클릭하면 이미지 추가를 통하여 본체에 저장되어 있는 이미지를 불러올 수 있습니다.

• 이미지 삭제 : 선택한 배경 이미지를 제거합니다.

위치 X

이미지가 위치할 가로 위치를 지정합니다.

위치 Y

이미지가 위치할 세로 위치를 지정합니다.

반복

이미지 반복 여부를 선택합니다.

• 반복 없음 : 불러온 이미지를 하나만 보여줍니다.

• X를 반복 : 가로 위치로 불러온 이미지를 반복해서 보여줍니다.

• Y를 반복 : 세로 위치로 불러온 이미지를 반복해서 보여줍니다.

• X, Y 모두 반복 : 가로와 세로 모두로 불러온 이미지를 반복해서 보여줍니다.

번호 매기기

[번호 형식]

번호 설정시 사용할 형식을 설정합니다.

포맷

제목과 순서 목록 등에서 자동으로 생성되도록 번호포맷을 입력합니다.

번호 스타일

다양한 번호 스타일 중에서 원하는 스타일을 결정합니다.

[위치]

번호가 단락에서 자리할 위치를 선택합니다.

• 상속 : 기본값에서 설정한 기본값을 사용합니다.

• 내부 : 단락의 내부에 숫자를 나타냅니다.

• 외부 : 단락의 외부에 숫자를 나타냅니다.

번호정렬

번호정렬의 기준을 설정합니다.

• 왼쪽 : 왼쪽을 기준으로 숫자를 정렬합니다.

• 오른쪽 : 오른쪽을 기준으로 숫자를 정렬합니다.

텍스트 들여쓰기

텍스트를 들여쓸 위치를 설정합니다.

[폰트]

단락에 사용할 폰트를 선택합니다.

폰트 크기

사용할 폰트의 크기를 선택합니다.

폰트 스타일

사용할 폰트의 스타일을 선택합니다.

색상

색상표를 누르면 나타나는 색상 팔레트에서 단락의 전체 배경 색상을 선택합니다.

단락

단락 이하 테마의 설정은 위에서 설명한 기본값과 스타일 설정 박스의 조합으로 이루어지게 됩니다. 기본값에서 설정한 변수는 각 개별 단락의 기본 설정값으로 나타나며, 이를 개별 단락에서 변경할 경우 변경한 내용이 기본 설정값보다 우선하여 적용되어 나타납니다.

테마에서 편집할 수 있는 단락의 유형은 다음과 같습니다.

문자 유형

테마에서 편집할 수 있는 문자 유형은 다음과 같습니다.

이미지

이미지 단락 역시 단락에서 나타날 이미지의 위치와 정렬방식과 이미지 제목 등에 대한 설정을 편집할 수 있습니다.

테이블

테이블 단락은 다음과 같은 항목에 대하여 편집할 수 있습니다.

도구

객체 단락 중 다음 항목을 편집할 수 있습니다.

• 각주

• 여백

• 횡선

테마 적용하기

위의 과정을 통해 테마를 수정하거나 새로운 테마를 추가한 경우 이를 테마 목록에서 확인할 수 있습니다. 또한 웹과 PDF, EPUB로 출판할 경우 기존 컨텐츠에 새로운 테마를 적용하여 완전히 다른 스타일의 문서를 출판할 수 있습니다.

웹 테마 적용하기

새로운 웹 테마를 적용하기 위한 방법은 다음과 같습니다.

1. 책 기본 정보 화면에서 <책 기본 정보 변경> 링크를 클릭합니다.

2. 중간에 있는 <스타일> 섹션에서 <웹 테마>에서 적용하고자 하는 테마를 선택합니다.

3. <저장> 링크를 클릭합니다.

4. 이후, 책 기본 정보 화면이나 에디터에서 <웹 뷰어> 링크를 클릭하면 새로운 웹 테마가 적용된 웹 뷰어 화면을 볼 수 있습니다.

PDF 테마 적용하기

PDF 테마는 PDF 문서 생성시 선택하여 적용할 수 있습니다. 새로운 PDF 테마를 적용하기 위한 방법은 다음과 같습니다.

1. 책 기본 정보 화면에서 <PDF 다운로드>를 클릭하거나 에디터 상단 패널에 있는 <내보내기> 링크를 클릭합니다.

2. PDF 생성 과정 창이나 패널이 열리게 됩니다.

3. 적용하고자 하는 <PDF 테마>을 선택합니다.

4. <시작> 버튼을 클릭합니다.

5. PDF 생성 완료 후에 옆에 있는 <다운로드> 링크를 클릭합니다.

6. 새롭게 만들어진 PDF 문서에서 새롭게 적용된 PDF 테마를 확인할 수 있습니다.