위키문헌:타이포그래피 길라잡이
| ← 교정 | 타이포그래피 길라잡이 | 검증 → |
| 페이지의 텍스트의 서식을 설정하고 배치하는 법. |
 | 이 문서는 다른 언어판의 문서(en: Help:Beginner's guide to typography)를 번역 중입니다. 번역되지 않은 부분은 번역을 마치거나 삭제해 주세요. |
위키문헌에서 교정을 할 때에는 원본에 최대한 가깝게 서식을 맞추는 것이 좋습니다. 그러나, 위키문헌은 고유의 편집 지침이 있을 뿐더러, 위키문헌이 책이 아니라 웹사이트이라는 점에서 할 수 있는 서식과 그렇지 않은 서식이 있습니다. 이 문서는 작품의 타이포그래피 — 글꼴의 색상과 크기를 비롯한 다양한 서식, 텍스트의 배치, 표 등 다양한 요소들 — 고려 시 도움을 될 것입니다.
단, 서식에 앞서 텍스트 그 자체가 더 중요함을 잊지 마십시오. 만일, 서식과 텍스트 둘 중 하나를 우선해야 하는 상황이 오면, 먼저 텍스트를 온전히 옮기는 것부터 진행하고 나서 서식 작업을 하십시오. 위키문헌은 누구나 자유로이 참여할 수 있는 위키이기 때문에 수정과 개선은 얼마든지 그 뒤에 할 수 있기 때문입니다.
문단과 문장
[편집]위키문헌의 철칙 중 하나는 원문을 최대한 유지하여 전사하는 것이지만, 실물에서 전자 매체로 옮기는 과정에서 어쩔 수 없이 양보해야 하는 부분들이 있습니다. 이 중에서 가장 중요한 것은 문단의 서식을 어떻게 할 것인 지와 그에 따른 변화입니다.
- 문단이나 그 외 텍스트의 시작을 들여쓰지 마십시오.
- 원문에서 문단의 시작마다 들여쓰더라도 위키문헌에서는 반영하지 않아야 합니다. 실물 책에서 들여쓰기를 하는 것은 독자에게 시각적으로 문단의 시작을 알리기 위한 수단이기 때문인데, 위키문헌에서는 문단과 문단 사이에 빈 줄을 넣어 구분하기 때문입니다. 즉, 위키문헌의 소프트웨어가 이미 문단과 문단을 빈 줄로 확연히 구분할 수 있으므로 들여쓰기가 필요하지 않은 것입니다.
- 특히 들여쓰기를 하고자 어떠한 경우에도 스페이스 키로 공백을 입력하는 것은 삼가주십시오. 스페이스 키로 공백을 앞에 입력한 문장은 오히려 아래와 같이 글이 회색 네모 상자 안 비가변폭 글꼴로 나타나게 됩니다.
문단 앞에 스페이스로 공백을 입력한 문장은 이 예시처럼 표시됩니다.
- 문단 사이에는 빈 줄을 남기십시오.
- 문단과 문단 사이를 구분 짓기 위해서는 빈 줄을 남기면 됩니다. 이 때 빈 줄에는 공백 문자를 포함한 어떠한 문자도 없어야 합니다.
- 개행(줄바꿈)을 제거하십시오.
- 출판된 문헌에서는 줄의 길이를 맞추기 위해 글을 개행하는 경우가 많습니다. 스캔된 글은 대부분 이런 개행을 그대로 반영합니다. 그러나 웹에서는 화면의 크기에 따라 자동으로 개행하므로 원본의 개행을 반영할 필요가 없습니다. 또한 개행을 남겼을 경우 교정과 검증을 할 때 문제가 되기도 합니다. 따라서 개행은 별 다른 이유가 없으면 제거하는 것을 권장합니다.
- 줄과 줄 사이에 줄표('-')로 이어진 낱말들은 이으십시오.
- 이 사안은 한국어 문헌에서는 자주 나타나지 않으나 로마자를 쓰는 문헌에서 특히 유념해야 할 사안입니다. 예를 들어, 영어 문헌에서 "bad-"로 한 줄이 끝나고 그 다음 줄에서 "ger"가 따라온다면, 줄표를 지우고 "badger(오소리)"로 옮겨야 합니다. 단, 줄표로 조합된 단어들, 가령 "twenty-nine(이십구)", "three-fourths(삼분의 사)", "Saxe-Coburg(작센코부르크)"와 같은 단어들은 함부로 합치지 않아야 합니다. 이렇게 줄표로 이어진 조합어를 단순히 줄과 줄 사이에 온 낱말과 구분하려면 해당 언어에 대한 지식과 맥락을 통해 구별해야 합니다.
- 문장과 문장 사이 띄어쓰기는 한 번으로 충분합니다.
- 전통적으로 출판물의 편집 지침에서는 온점(
.), 느낌표(!), 물음표(?)와 같이 문장 끝에 오는 문장 부호 뒤에는 공백 2개를 넣는 걸 권장하였습니다. 그러한 관습을 받아들여 타자하는 습관을 들인 사람들은 웹 상에서도 자연스럽게 문장 뒤에 공백을 2개 추가할 지도 모릅니다. 그러나, 대부분의 웹 브라우저는 둘 이상의 공백을 하나로 합칩니다. 따라서 추가적인 공백은 웹 상에서 표시되지 않으므로 2개 이상의 공백은 불필요합니다.
위의 제안들은 대부분의 상황에서 표준적으로 쓰이나, 예외가 존재합니다. 예를 들어, 시에는 작가가 의도적으로 여러 줄에 걸쳐 글을 적는 경우가 많기에, 시에 있는 줄바꿈을 일괄적으로 무시하는 것은 적절치 않습니다. 시를 전사하는 것은 조금 더 까다로운 주제이므로, 이에 대한 정보는 위키문헌:시에서 더 자세히 다루고 있습니다. 또한, 줄 끝에 줄표(-)가 표기되어 다음 줄로 이어지는 낱말의 경우 특수한 서식이 적용됩니다. 이 사안은 후술하는 페이지와 페이지 사이 문단에서 다루고 있습니다.
글씨 서식
[편집]이 문단에서는 이탤릭체와 굵은 글씨, 그 밖에도 크기와 글꼴, 특수 문자 같은 글 서식을 다룹니다.
글씨 스타일
[편집]이탤릭체와 굵은 글씨는 아래 표처럼 아포스트로피 (')를 글 양 옆에 감싸 적용할 수 있습니다.
| 글꼴 모양 | 위키 코드 | 설명 |
|---|---|---|
| 이탤릭체 | ''이탤릭체''
|
이탤릭체 글을 만들려면, 글 양 옆에 아포스트로피 두 개로 감싸십시오. |
| 굵게 | '''굵게'''
|
굵은 글을 만들려면, 글 양 옆에 아포스트로피 세 개로 감싸십시오. |
| 굵은 이탤릭체 | '''''굵은 이탤릭체'''''
|
굵은 이탤릭체 글을 만들려면, 글 양 옆에 아포스트로피 다섯 개로 감싸십시오. |
글씨 크기
[편집]글씨의 크기를 바꾸려면, 다음과 같은 틀들을 쓸 수 있습니다. 특히 장의 제목이나 각주를 옮길 때 글꼴 크기 틀이 유용합니다.
| 글씨 크기 | 틀 | 위키 코드 | 문단 대응 틀 | 참고 |
|---|---|---|---|---|
| 더더작게 | {{더더작게}} | {{더더작게|Foo}}
|
{{xx-smaller block}} | |
| 더작게 | {{더작게}} | {{더작게|Foo}}
|
{{x-smaller block}} | |
| 작게 | {{작게}} | {{작게|Foo}}
|
{{smaller block}} | |
| 보통 | 보통
|
별 다른 변경이나 틀을 적용하지 않았을 때. | ||
| 크게 | {{크게}} | {{크게|Foo}}
|
{{larger block}} | |
| 더크게 | {{더크게}} | {{더크게|Foo}}
|
{{x-larger block}} | |
| 더더크게 | {{더더크게}} | {{더더크게|Foo}}
|
{{xx-larger block}} | |
| 더더더크게 | {{더더더크게}} | {{더더더크게|Foo}}
|
{{xxx-larger block}} | |
| 더더더더크게 | {{더더더더크게}} | {{더더더더크게|Foo}}
|
{{xxxx-larger block}} |
축소된 글씨 비교 표
[편집]| 틀 | 일반 | 굵게 | 이탤릭체 | 굵은 이탤릭체 |
| This is 100% font size. | This is 100% font size. | This is 100% font size. | This is 100% font size. | |
| This is 99% font size. | This is 99% font size. | This is 99% font size. | This is 99% font size. | |
| This is 98% font size. | This is 98% font size. | This is 98% font size. | This is 98% font size. | |
| This is 97% font size. | This is 97% font size. | This is 97% font size. | This is 97% font size. | |
| This is 96% font size. | This is 96% font size. | This is 96% font size. | This is 96% font size. | |
| This is 95% font size. | This is 95% font size. | This is 95% font size. | This is 95% font size. | |
| This is 94% font size. | This is 94% font size. | This is 94% font size. | This is 94% font size. | |
| This is 93% font size. | This is 93% font size. | This is 93% font size. | This is 93% font size. | |
| {{fine block}} | This is 92% font size. | This is 92% font size. | This is 92% font size. | This is 92% font size. |
| This is 91% font size. | This is 91% font size. | This is 91% font size. | This is 91% font size. | |
| This is 90% font size. | This is 90% font size. | This is 90% font size. | This is 90% font size. | |
| This is 89% font size. | This is 89% font size. | This is 89% font size. | This is 89% font size. | |
| This is 88% font size. | This is 88% font size. | This is 88% font size. | This is 88% font size. | |
| This is 87% font size. | This is 87% font size. | This is 87% font size. | This is 87% font size. | |
| This is 86% font size. | This is 86% font size. | This is 86% font size. | This is 86% font size. | |
| This is 85% font size. | This is 85% font size. | This is 85% font size. | This is 85% font size. | |
| This is 84% font size. | This is 84% font size. | This is 84% font size. | This is 84% font size. | |
| {{더작게}} | This is 83% font size. | This is 83% font size. | This is 83% font size. | This is 83% font size. |
| This is 82% font size. | This is 82% font size. | This is 82% font size. | This is 82% font size. | |
| This is 81% font size. | This is 81% font size. | This is 81% font size. | This is 81% font size. | |
| This is 80% font size. | This is 80% font size. | This is 80% font size. | This is 80% font size. | |
| This is 79% font size. | This is 79% font size. | This is 79% font size. | This is 79% font size. | |
| This is 78% font size. | This is 78% font size. | This is 78% font size. | This is 78% font size. | |
| This is 77% font size. | This is 77% font size. | This is 77% font size. | This is 77% font size. | |
| This is 76% font size. | This is 76% font size. | This is 76% font size. | This is 76% font size. | |
| This is 75% font size. | This is 75% font size. | This is 75% font size. | This is 75% font size. | |
| This is 74% font size. | This is 74% font size. | This is 74% font size. | This is 74% font size. | |
| This is 73% font size. | This is 73% font size. | This is 73% font size. | This is 73% font size. | |
| This is 72% font size. | This is 72% font size. | This is 72% font size. | This is 72% font size. | |
| This is 71% font size. | This is 71% font size. | This is 71% font size. | This is 71% font size. | |
| This is 70% font size. | This is 70% font size. | This is 70% font size. | This is 70% font size. | |
| {{더더작게}} {{x-smaller block}} | This is 69% font size. | This is 69% font size. | This is 69% font size. | This is 69% font size. |
| This is 68% font size. | This is 68% font size. | This is 68% font size. | This is 68% font size. | |
| {{더더더작게}} {{xx-smaller block}} | This is 58% font size. | This is 58% font size. | This is 58% font size. | This is 58% font size. |
기타 글씨 효과
[편집]틀로 나타낼 수 있는 글씨 효과들은 다양합니다. 이 표에는 그 중 가장 흔히 나타나는 몇 가지를 수록하였습니다.
| 서식 | 틀 | 위키 코드 | 효과 | 비고 |
|---|---|---|---|---|
| 작은 대문자 | {{small-caps}}, {{sc}} |
{{sc|foo lorem}}, {{sc|Foo Lorem}}
|
foo lorem, Foo Lorem | |
| Dropped initial, or "drop cap" | {{dropinitial}}, {{di}} |
{{dropinitial|F}}oo
|
Foo Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | 문단에 이 틀을 쓰면 어떻지 나타나는 지 보여드리기 위해 {{lorem ipsum}} 틀을 사용하였습니다. |
| Raised, or large, initial | {{largeinitial}}, {{li}} |
{{largeinitial|F}}oo
|
틀:Largeinitialoo Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | 같은 이유로 {{lorem ipsum}} 틀을 사용하였습니다. |
| Hanging indent | {{hanging indent}}, {{hi}} |
{{hanging indent|lorem ipsum}}
|
틀:Hanging indent | 같은 이유로 {{lorem ipsum}} 틀을 사용하였습니다. |
글꼴
[편집]대부분의 경우, 위키문헌에서는 별도의 글꼴을 지정하지 않으며, 독자 또는 브라우저에게 위임합니다. 다만 몇몇 경우에는 특수한 글꼴을 지정하는 게 도움이 될 때가 있으며, 아래 표와 같은 예시들이 있습니다.
| 양식 | 틀 | 위키 코드 | 효과 | 참고 |
|---|---|---|---|---|
| 블랙레터 | {{blackletter}}, {{bl}}, {{블랙레터}} | {{blackletter|für Elise}}
|
틀:Blackletter | Can be combined with other effects and templates |
| Polytonic | {{polytonic}} | {{polytonic|Προμηθεὺς Δεσμώτης}}
|
틀:Polytonic | 고대 그리스 문자로 된 글에 쓰입니다. |
| 고정너비 | {{Monospace}}, {{고정 너비}} | {{monospace|print "Hello world!"}}
|
틀:Monospace | 소스 코드를 서술할 때, 또는 이탤릭체가 아닌 다른 글꼴로 글을 나타내고자 할 때 쓰입니다.. |
상징과 특수 문자
[편집]흔히 "그 희한한 문자들" 따위로 일컬어지는 유니코드를 사용하면 됩니다.
위키문헌에서 다루는 문헌에는 낯선 외래 문자들이 나타나는 경우가 더러 있고, 놀랍지 않게 이러한 문자들을 입력하는 경우를 잘 모를 때도 있습니다. 현재 편집창 상단의 툴바에는 이러한 특수 문자를 입력할 수 있게 지원하는 기능이 있습니다. 그러나 모든 특수 문자를 툴바에서 지원하지 않기에, 고문헌을 전사할 때 어려움을 겪을 수 있습니다. 아래 사이트에서 입력하고자 하는 문자가 유니코드에서 지원되는지 확인할 수 있습니다.
만약 문자를 찾을 수 있다면, 해당 웹사이트에서 복사하여 위키문헌에 붙여넣으면 됩니다. 또한, 문자별로 할당된 HTML 코드를 입력해도 됩니다. 예를 들어 쌍칼표(‡)는 ‡로 표현할 수 있습니다.
레이아웃
[편집]머리말, 꼬리말, 편집창 방위
[편집]머리말과 꼬리말의 표시 여부는 편집창 툴바의 [+]에서 조작할 수 있습니다. 기본 표시 상태는 사용자 환경 설정의 편집 탭에서 조작할 수 있습니다.
편집창 방위의 좌우 분할 또는 상하 분할 모드는 인접한 [↻]에서 조작할 수 있습니다. 방위의 기본 표시 상태 또한 사용자 환경 설정의 편집 탭에서 조작할 수 있습니다.
머리말과 꼬리말 위치
[편집]| 틀 | 틀 약어 | 용도 |
|---|---|---|
| {{RunningHeader}} | {{rh}} | Easy formatting for headers and footers, including page numbers. |
| 위키 코드 | 결과 |
|---|---|
{{rh|1|CHAPTER TITLE|[1830.}}
|
1 CHAPTER TITLE [1830. |
{{rh|{{fs|90%|1}}|{{fs|90%|CHAPTER TITLE}}|{{fs|90%|[1830.}}}}
|
1 CHAPTER TITLE [1830. |
{{rh||''Book Title''|55}}
|
Book Title 55 |
{{rh|{{sc|Vol}}. 2||Page 101}}
|
Vol. 2 Page 101 |
글 위치
[편집]이 틀들은 글 자체의 서식을 변경하는 게 아니라, 페이지 각각의 서석을 변경합니다.
| 틀 | 틀 약어 | 용도 |
|---|---|---|
| {{Center}}, {{가운데}} | {{c}} | 한 줄의 글을 가운데로 정렬합니다. |
| {{Hyphenated word start}} | {{hws}} | 두 페이지 사이에 줄표로 이어진 문자의 시작을 나타냅니다. |
| {{Hyphenated word end}} | {{hwe}} | 두 페이지 사이에 줄표로 이어진 문자의 끝을 나타냅니다. |
| {{nop}} | 없음 | 페이지 마지막에 오는 글이 한 문단의 끝일 때 빈 줄을 삽입합니다. |
예를 들어, 페이지 1이 "contin-"으로 끝나고 페이지 2가 "-uation"으로 시작한다면 각각 다음과 같이 서식을 지정해야 합니다: 페이지 1의 끝에는 "{{hws|contin|continuation}}"으로 적고, 페이지 2의 시작에는 "{{hwe|uation|continuation}}"으로 기입하십시오. 게시하면 각 페이지에는 여전히 "contin-"과 "-uation"이 남아 있으나, 마우스를 갖다 대면 "continuation"이란 툴팁이 뜹니다. 그러나 (일반) 이름공간에서는 줄표 없이 "continuation"으로 뜰 것입니다.
페이지와 페이지 사이
[편집]보통 문헌의 글은 페이지를 넘겨 이어지며 위키문헌의 교정 체계를 이루는 컴퓨터 프로그램 또한 이를 전제로 구현합니다. (일반) 이름공간에서 글이 나타날 때 이 프로그램은 앞 페이지의 마지막 글과 뒤 페이지의 첫 글 사이에 띄어쓰기를 하나 놓고 이을 것입니다. 웬만해선 이런 연결이 문제 없지만, 종종 다르게 잇기 위해 틀을 써야할 때가 있습니다.
- 페이지가 문단의 끝과 함께 마칠 때: 문단의 끝에서 엔터 키를 눌러 개행하고 {{nop}}를 추가하십시오. {{nop}} 틀은 문단이 뒤 페이지와 합쳐지는 것을 방지합니다.
- 페이지와 페이지 사이에 줄표로 이어지는 낱말이 있을 때: 앞 페이지에 {{hyphenated word start}}를 추가하고 뒤 페이지에 {{hyphenated word end}}를 추가하십시오.
- 예를 들어, 만약 페이지 5가 "bad-"로 끝나고 페이지 6이 "ger"로 시작한다면, 페이지 5는
{{hyphenated word start|bad|badger}}- 로 마치고 페이지 6은
{{hyphenated word end|ger|badger}}- 로 시작하여야 합니다.
- 이제 (일반) 이름공간에서 페이지를 취합하였을 때 "badger"로 나타나게 됩니다.
- 만약 페이지가 실제로 "twenty-nine"과 같이 줄표를 쓰는 낱말의 줄표로 끝날 경우, {{page end hyphen}}을 마지막 줄의 끝에 추가하십시오. 이로 페이지 취합 시 줄표 뒤에 공백이 따라오지 않게 할 수 있습니다.
표
[편집]표는 글 내의 표를 구현하거나 글의 배치를 조절할 때 쓰입니다. 표를 만드는 것은 복잡한 과정입니다.
- 더 많은 정보는 위키문헌:표 만들기에서 확인하십시오.
- 표의 서식을 지정할 때 {{표 모양}}을 활용하면 더욱 쉽습니다.
- 영어 위키백과의 표 관련 편집 지침도 참고할 수 있습니다.
더 보기
[편집]- 위키문헌:편집 지침
- 위키문헌:틀: 가장 흔히 쓰이는 틀들을 안내합니다.
길라잡이 | ||
|---|---|---|
| 탐색 |  | |
| 편집 | ||
| 관리 | ||