http://dh.aks.ac.kr/~phj/wiki/api.php?action=feedcontributions&feedformat=atom&user=%EB%B0%95%ED%98%84%EC%A0%95
phj - 사용자 기여 [ko]
2026-04-25T10:32:38Z
사용자 기여
MediaWiki 1.31.8
http://dh.aks.ac.kr/~phj/wiki/index.php?title=%EC%A0%84%EC%9E%90%EC%B1%85&diff=846
전자책
2021-01-27T03:56:32Z
<p>박현정: /* 시길 메타문자 의미 이해하기 */</p>
<hr />
<div>=sigil=<br />
*EPUB(전자책 포맷 중 하나) 편집 프로그램으로 이미지, 동영상, 오디오 파일 첨부가 가능하고 글꼴을 포함할 수 있어 다양한 형태의 스타일을 편집할 수 있음. <br />
*시길 다운로드: http://sigil-ebook.com<br />
*sigil-0.96-window-x64-setup.exe 다운받기<br />
*isbn 발급방법: [http://seoji.nl.go.kr/isbn/isbnBook/IsbnBookSearch.do 서지정보유통시스템] 가입, 로그인<br />
*전자책 뷰어: iBooks, Calibre(캘리버)<br />
<br />
=플랫폼=<br />
*리디북스: www://ridibooks.com/event/67<br />
*교보문고, 한국이퍼브, 유페이퍼, 북큐브<br />
<br />
=상업용 무료 이미지 사이트=<br />
*https://pixabay.com<br />
*https://www.freepik.com<br />
*https://unsplash.com<br />
*https://gratisography.com<br />
*https://morguefile.com<br />
<br />
=전자책 출판사 만드는 순서=<br />
# 시길 설치하기. 그전에 책을 위한 원고작성 및 자료모음이 먼저. <br />
# 시길을 이용한 전자책만들기. 완성<br />
# 출판사 등록을 위한 구청(문화체육과)방문<br />
# 구청 재방문 서류 받기, 받은 서류(등록증)로 세무서에 가서 신고<br />
# 계약하고자 하는 플랫폼(전자책을 내놓을 배부할 회사)마다 요구하는 서류가 다름. 사업자 통장과 사업자공인인증서 미리 준비. <br />
# 각 유통사 플렛폼에 메일을 보내고, 서류 준비. <br />
# 서지정보시스템에 들어가서 isbn, cip를 발행하고 전자책에도 등록.<br />
# 각각의 scm 사이트에 isbn, cip를 등록. <br />
# 각 회사에서 정산금액을 메일로 알려주면 홈텍스에서 세금계산서를 발생. 출판사는 면세사업자<br />
<br />
=전자책 만들기=<br />
==기본 구성==<br />
#본문<br />
#메터데이터<br />
#표지<br />
#목차<br />
<br />
==목차 및 이미지 추가를 위한 정규표현식==<br />
* split at markers사용법: 검색 Find&Replace , 방식: Regex, 모든html파일, 아래쪽<br />
<pre><br />
찾기: <p>제(\d++)장(.*)</p><br />
바꾸기: <hr class="sigil_split_marker"/><p>제\1장\2</p><br />
</pre><br />
<br />
*img 한꺼번에 바꾸기(정규표현식): img000(숫자)으로 자리만 저장한 후, 그림파일을 한꺼번에 올려서 찾아 바꾸기<br />
<pre><br />
찾기: <p>img(\d++)</p><br />
바꾸기: <p><img alt="img\" src="../Images/img\1.png"/></p><br />
</pre><br />
<br />
==본문 스타일 편집==<br />
===기초 html tag===<br />
<br />
{| class="wikitable"<br />
|-<br />
! 태그!! 역할 !! 사용법<br />
|-<br />
| <nowiki> <h1>...</h1> </nowiki> || 부, 장, 절 등 제목에 사용|| h1~h6까지 숫자가 커질수록 작은크기, h4가 본문 글자와 비슷한 크기, 블럭태그<br />
|-<br />
|<nowiki> <p>...</p> </nowiki> || 문단|| 한 문단(paragraph)을 감싸줌. 가장 많이 쓰이는 블럭 태그<br />
|-<br />
|<nowiki> <i>...</i> </nowiki> || 이탤릭체|| 기울이는 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
|<nowiki><b>...</b></nowiki> || 볼드체||진하게 하는 인라인 태그, 꼭 블럭 태그와 함께 사용. <br />
|-<br />
|<nowiki> <ins>...</ins> </nowiki>|| 밑줄||밑줄(insert) 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
| <nowiki><sup>...</sup> </nowiki>|| 위첨자||위첨자 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
| <nowiki><sub>...</sub></nowiki> || 아래첨자||아래첨자 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
| <nowiki><span class="...">...</span> </nowiki>|| 본문 내 글자에 스타일 적용||인라인 태그이므로 꼭 블럭 태그와 함께 사용하며 속성(attribute)를 같이 써야함.<br />
|-<br />
| <nowiki><div>...</div> </nowiki>|| 그룹을 묶어 스타일 적용, 글상자 만들기||division을 의미하고 큰 블럭 태그로 다른 블럭 테그를 감쌀 수 있음. 테두리, 배경색 등의 속성 필수. <br />
|-<br />
| <nowiki><img alt=".." src=".."/></nowiki> || 이미지 삽입|| 인라인 태그로 꼭 블럭태그와 함께 사용. alt="이미지설명" src="이미지 위치 경로" , 닫는 "/'"가 없는 단독 테그(빈 테그)<br />
|}<br />
<br />
*블럭 tag<br />
<pre><nowiki><br />
<div><br />
<h1>...</h1> <p>div는 큰 블럭으로 p나 h1등을 감쌀 수 있음. 반대로 안되며 p와 h1은 같은 수준이기 때문에 서로 감쌀 수 없음</p><br />
</div><br />
</nowiki></pre><br />
<br />
*인라인 tag: p 등의 블럭 tag안에서만 i, b, span등이 사용 가능함<br />
<pre><br />
<nowiki><br />
<p><i>기울임 글꼴</i> <b>진한 글꼴</b></p><br />
</nowiki><br />
</pre><br />
<br />
===css(Cascading Style Sheet)===<br />
*html은 문서의 구조를 만든다면 css는 문서의 모양을 꾸며줌<br />
*글꼴, 글자 크기, 색, 상하좌우 정렬, 배경색, 테두리, 레이아웃 등<br />
*구성: 선택자, 속성, 값<br />
<pre><br />
h1 { font-size : 1.5em ; color : red } → 태그 선택자<br />
.title { font-size : 1.5em ; color : red } → 클래스 선택자<br />
---- ----------- --- ----- ---<br />
선택자 속성 값 속성 값<br />
</pre><br />
<br />
*선택자: html 태그에 직접 스타일을 적용한 '''태그 선택자'''와 편집자가 임의로 이름을 지정한 선택자인 '''클래스 선택자'''<br />
<br />
*클래스 선택자의 규칙<br />
#태그를 클래스 이름으로 쓰지 않는다. 예) .h1{...}X <br />
#예약어를 사용하지 않는다 예) .with{...}X<br />
#반드시 영문으로 시작하고 숫자, 하이픈, 믿줄 이외에는 사용하지 않는다. 예) .장제목{...}X <br />
#이해할 수 있는 단어를 사용한다. 예).t01{...} X, .chap_title{...}O<br />
<br />
*클래스 이름만들기<br />
#예약어를 사용하지 않도록 주의해야 한다. <br />
#종류를 구분해서 머리말_(언더바)를 넣는다. <br />
<pre><br />
.txt_sample: 본문의 글자를 꾸미는 클래스<br />
.img_sample: 이미지를 꾸미는 클래스<br />
.title_:제목과 관련된 클래스<br />
.box_: 글상자와 관련된 클래스<br />
.bg_: 배경색, 배경이미지 클래스 <br />
</pre><br />
#클래스의 이름은 주요 속성의 영어 단어를 최대한 그대로 사용한다. <br />
<pre><br />
.txt_gothic_bold: 진한 고딕 글씨체<br />
.txt_red, txt_color_red: 빨간 글씨체<br />
.txt_center: 글자 가운데 정렬<br />
</pre><br />
#클래스명이 길면 쉽게 유추할 수 있는 약어를 쓴다. <br />
<pre><br />
.img_float_L<br />
.img_float_R<br />
</pre><br />
<br />
===필수 css===<br />
*font-family: 글꼴 이름, @font-face와 함께 사용<br />
*text-indent: 들여 쓰기 <br />
*padding-left: 내여 쓰기<br />
*text-align: 글자 정렬<br />
<pre><br />
양쪽정렬<br />
p{<br />
text-align:justify;<br />
}<br />
</pre><br />
*line-height: 줄 간격, 1.8~2.0 em 정도<br />
<pre><br />
p{<br />
line-height: 1.8em;<br />
}<br />
</pre><br />
*font-size: 글자 크기<br />
*color: 글자 색<br />
*margin: 바깥쪽 여백<br />
<pre><br />
margin: 1em; 상하좌우 모두 1em <br />
margin: 1em 2em; 상하 1, 좌우2<br />
margin: 1em 5em 2em; 상1 좌우5 하2<br />
margin: 1em 2em 3em 4em; 상1 우2 하3 좌 4(시계방향)<br />
</pre><br />
*padding 안쪽 여백<br />
*width: 폭<br />
*height: 높이<br />
*float: 이미지와 글자가 자연스럽게 배치되는 스타일<br />
<br />
==html과 css로 전자책 완성하기==<br />
===스타일 기본 설정===<br />
*스타일/빈 스타일시트 추가<br />
*text파일들 모두 선택후 스타일시트를 연결<br />
*폰트폴더에서 기존파일 추가로 원하는 글꼴 추가 <br />
<br />
===글꼴 선언===<br />
*글꼴 추가 후 style0001.css파일에 @font-face로 선언<br />
<pre><br />
@font-face{<br />
font-family:"명조"<br />
src:url("../Fonts/NanumMyeongjo.ttf");<br />
}<br />
</pre><br />
<br />
===본문 스타일===<br />
<pre><br />
p{<br />
font-family:"명조";<br />
text-indent:1em;<br />
line-height: 1.8em;<br />
text-align: justify;<br />
<br />
}<br />
</pre><br />
<br />
===제목 스타일===<br />
<pre><br />
h3{/*장 제목은 명조로, 색깔은 파랑, 사이즈는 일반의 1.5배, 오른쪽 정렬 위에서 2줄, 아래에서 7줄 본문과 간격*/<br />
font-family: "고딕";<br />
color: blue;<br />
font-size: 1.5em;<br />
text-align:right;<br />
margin-top:2em;<br />
margin-bottom:7em;<br />
}<br />
</pre><br />
<br />
===이미지 정렬===<br />
*가운데 정렬<br />
<pre><br />
.img_center{ text-indent:0;<br />
text-align:center;<br />
margin: 1em 0 1em 0;<br />
}<br />
</pre><br />
<br />
*왼쪽 어울림<br />
<pre><br />
.img_left{ text-indent:0;<br />
float:left;<br />
text-align:left;<br />
width:45%;<br />
margin-right:1em;<br />
}<br />
</pre><br />
<br />
*오른쪽 어울림<br />
<pre><br />
.img_right{<br />
text-indent:0;<br />
float:right;<br />
text-align:right;<br />
width:45%;<br />
margin-left:1em;<br />
}<br />
</pre><br />
<br />
*이미지 자동 맞추기<br />
<pre><br />
img{<br />
width:100%<br />
}<br />
.img_center img, .img_left img, .img_right img{width:100%}<br />
</pre><br />
<br />
===본문 인용 강조 스타일===<br />
*아래첨자<br />
<pre><br />
sub{<br />
font-size: 0.8em;<br />
vertical-align:baseline;<br />
}<br />
</pre><br />
<br />
*고딕 기울임<br />
<pre><br />
font-style:italic;<br />
font-family:"고딕";<br />
</pre><br />
본문에 sub로 묶어서 표현<br />
<br />
*span tag<br />
<pre><br />
css:<br />
.txt_small{<br />
font-size: 0.8em;<br />
}<br />
html:<br />
<span class="txt_small">...</span><br />
+글꼴 font-family:"고딕";<br />
+스타일 font-style:italic;<br />
</pre><br />
<br />
*분할 태그 div: 한문단 이상의 인용구에 사용<br />
<pre><br />
.box_letter{<br />
margin-left:2em;<br />
margin-top:2em;<br />
margin-bottom:2em;<br />
}<br />
.box_letter p{/*분할태그안의 p태그 스타일 지정*/<br />
font-family:"고딕";<br />
font-indent:0;<br />
font-size: 0.9em;<br />
}<br />
<div class="box_letter"><br />
<p>...</p><br />
<p>...</p><br />
</div><br />
</pre><br />
div 태그 보다 p 태그가 안에 있기 때문에 p태그의 영향을 더 먼저 받음. 따라서 div와 p의 스타일을 따로 잡아줘야함. div는 부모, p는 자식이라고도 함.<br />
<br />
===정렬 스타일===<br />
<pre><br />
.txt_center{<br />
text-align: center;<br />
text-indent:0;<br />
}<br />
.text_right{<br />
text-align:right;<br />
text-indent:0;<br />
}<br />
.text_left{<br />
text-align:left;<br />
text-indent:0;<br />
}<br />
</pre><br />
<br />
===시/목차/판권면 스타일===<br />
*배경색과 테두리: div로 문단을 지정<br />
<pre><br />
.box_poem{<br />
border: 3px solid cyan;<br />
background-color:#E4E4E4;<br />
padding: 10px; /*테두리와 글자사이의 여백, 글자와 테두리가 너무 붙으면 가독성이 떨어짐*/<br />
}<br />
.box-poem p{<br />
text-indent:0;<br />
}<br />
</pre><br />
<br />
*목차<br />
<pre><br />
.box_TOC p{<br />
text-align:right;<br />
font-size:0.9em;<br />
}<br />
<br />
.TOC-title{<br />
border-bottom:1px solid #oooooo;<br />
font-size:1.5em;<br />
font-style:bold;<br />
font-family:"고딕";<br />
}<br />
/*TOC: Table of Content의 약자로 이퍼브에서 차례 파일을 의미*/<br />
</pre><br />
<br />
*판권<br />
<pre><br />
.box_copyright p{<br />
text-indent:0;<br />
}<br />
.box_copyright_strong{<br />
font-family:"고딕";<br />
}<br />
.box_note{<br />
border:1px solid #A3A3A3;<br />
background-color:#858585;<br />
margin:1em;<br />
padding: 0.5em;<br />
}<br />
.box_note p{<br />
text-indent:o;<br />
font-size:0.9em;<br />
}<br />
</pre><br />
<br />
===EPUB TOC(차례파일) 만들기===<br />
#도구/차례/Generate Table of Content<br />
#차례 만들기 상자 확인 후 ok, 이때 오류가 있을때는 본문에서 고쳐서 다시 부르기. <br />
#오른쪽 차례창에서 확인 가능. 저장. 전자책 편집 끝.<br />
<br />
==시길 메타문자 의미 이해하기==<br />
{| class="wikitable"<br />
|-<br />
! 메타문자!! 의미 !! 예제<br />
|-<br />
| . || 임의의 한 문자 || 123.456은 123과 456사이에 임의의 문자가 들어간 값을 찾음, 120456, 123a456 등<br />
|-<br />
| \d || 숫자 || \d\d월은 숫자 2자리+월로 된 문자열을 찾음, 01월, 02월, 12월 등 (\은 역슬레시)<br />
|-<br />
| \w || 영문, 숫자, _ || \w\w\w는 영문, 숫자, _로 이루어진 3가지 문자를 찾음, aaa, 123,b3_ 등<br />
|-<br />
| [a-z] || 알파벳 소문자 || [a-z][a-z]는 연속된 알파벳 소문자 2자를 찾음, ab,bc,cd 등<br />
|-<br />
| [A-Z] || 알파벳 대문자 ||[A-Z][A-Z]는 연속된 알파벳 대문자 2자를 찾음<br />
|-<br />
| [a-zA-Z] || 알파벳 대소문자 || 대소문자 구분없이 연속된 알파벳 2자, AA,Aa,aa 등<br />
|-<br />
| [가-힣] || 한글 || 홍[가-힝][가-힝]은 홍으로 시작하는 한글 3자, 홍길동, 홍난파 등<br />
|-<br />
| \s || 공백 || \d\d년\s\d\d월\s\d\d일, 년 월 일 뒤에 공백 1칸이 들어간 값을 찾음<br />
|-<br />
| [] || 문자 클래스 || [*] *를 찾아줌<br />
|-<br />
| + || 앞에 문자 1회 이상 반복 || [가-힣]++는 한글로 된 단어 하나를 찾음, <br />
|-<br />
| * || 앞에 문자 0회 이상 반복 ||<nowiki> <p>(.*)</p>는 <p>와 </p>를 포함해 이 사이에 있는 모든 문자, <p>...</p></nowiki><br />
|-<br />
| <nowiki>|</nowiki> || 조건문 or || <nowiki>[a-z]|[0-9]</nowiki>는 영문1자 혹은 숫자1자를 찾음<br />
|}<br />
<br />
=참고문헌=<br />
박웅영(2018). 제대로 된 전자책 한권 잘 만들기. 미디어랩</div>
박현정
http://dh.aks.ac.kr/~phj/wiki/index.php?title=%EC%A0%84%EC%9E%90%EC%B1%85&diff=845
전자책
2021-01-27T03:54:49Z
<p>박현정: </p>
<hr />
<div>=sigil=<br />
*EPUB(전자책 포맷 중 하나) 편집 프로그램으로 이미지, 동영상, 오디오 파일 첨부가 가능하고 글꼴을 포함할 수 있어 다양한 형태의 스타일을 편집할 수 있음. <br />
*시길 다운로드: http://sigil-ebook.com<br />
*sigil-0.96-window-x64-setup.exe 다운받기<br />
*isbn 발급방법: [http://seoji.nl.go.kr/isbn/isbnBook/IsbnBookSearch.do 서지정보유통시스템] 가입, 로그인<br />
*전자책 뷰어: iBooks, Calibre(캘리버)<br />
<br />
=플랫폼=<br />
*리디북스: www://ridibooks.com/event/67<br />
*교보문고, 한국이퍼브, 유페이퍼, 북큐브<br />
<br />
=상업용 무료 이미지 사이트=<br />
*https://pixabay.com<br />
*https://www.freepik.com<br />
*https://unsplash.com<br />
*https://gratisography.com<br />
*https://morguefile.com<br />
<br />
=전자책 출판사 만드는 순서=<br />
# 시길 설치하기. 그전에 책을 위한 원고작성 및 자료모음이 먼저. <br />
# 시길을 이용한 전자책만들기. 완성<br />
# 출판사 등록을 위한 구청(문화체육과)방문<br />
# 구청 재방문 서류 받기, 받은 서류(등록증)로 세무서에 가서 신고<br />
# 계약하고자 하는 플랫폼(전자책을 내놓을 배부할 회사)마다 요구하는 서류가 다름. 사업자 통장과 사업자공인인증서 미리 준비. <br />
# 각 유통사 플렛폼에 메일을 보내고, 서류 준비. <br />
# 서지정보시스템에 들어가서 isbn, cip를 발행하고 전자책에도 등록.<br />
# 각각의 scm 사이트에 isbn, cip를 등록. <br />
# 각 회사에서 정산금액을 메일로 알려주면 홈텍스에서 세금계산서를 발생. 출판사는 면세사업자<br />
<br />
=전자책 만들기=<br />
==기본 구성==<br />
#본문<br />
#메터데이터<br />
#표지<br />
#목차<br />
<br />
==목차 및 이미지 추가를 위한 정규표현식==<br />
* split at markers사용법: 검색 Find&Replace , 방식: Regex, 모든html파일, 아래쪽<br />
<pre><br />
찾기: <p>제(\d++)장(.*)</p><br />
바꾸기: <hr class="sigil_split_marker"/><p>제\1장\2</p><br />
</pre><br />
<br />
*img 한꺼번에 바꾸기(정규표현식): img000(숫자)으로 자리만 저장한 후, 그림파일을 한꺼번에 올려서 찾아 바꾸기<br />
<pre><br />
찾기: <p>img(\d++)</p><br />
바꾸기: <p><img alt="img\" src="../Images/img\1.png"/></p><br />
</pre><br />
<br />
==본문 스타일 편집==<br />
===기초 html tag===<br />
<br />
{| class="wikitable"<br />
|-<br />
! 태그!! 역할 !! 사용법<br />
|-<br />
| <nowiki> <h1>...</h1> </nowiki> || 부, 장, 절 등 제목에 사용|| h1~h6까지 숫자가 커질수록 작은크기, h4가 본문 글자와 비슷한 크기, 블럭태그<br />
|-<br />
|<nowiki> <p>...</p> </nowiki> || 문단|| 한 문단(paragraph)을 감싸줌. 가장 많이 쓰이는 블럭 태그<br />
|-<br />
|<nowiki> <i>...</i> </nowiki> || 이탤릭체|| 기울이는 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
|<nowiki><b>...</b></nowiki> || 볼드체||진하게 하는 인라인 태그, 꼭 블럭 태그와 함께 사용. <br />
|-<br />
|<nowiki> <ins>...</ins> </nowiki>|| 밑줄||밑줄(insert) 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
| <nowiki><sup>...</sup> </nowiki>|| 위첨자||위첨자 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
| <nowiki><sub>...</sub></nowiki> || 아래첨자||아래첨자 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
| <nowiki><span class="...">...</span> </nowiki>|| 본문 내 글자에 스타일 적용||인라인 태그이므로 꼭 블럭 태그와 함께 사용하며 속성(attribute)를 같이 써야함.<br />
|-<br />
| <nowiki><div>...</div> </nowiki>|| 그룹을 묶어 스타일 적용, 글상자 만들기||division을 의미하고 큰 블럭 태그로 다른 블럭 테그를 감쌀 수 있음. 테두리, 배경색 등의 속성 필수. <br />
|-<br />
| <nowiki><img alt=".." src=".."/></nowiki> || 이미지 삽입|| 인라인 태그로 꼭 블럭태그와 함께 사용. alt="이미지설명" src="이미지 위치 경로" , 닫는 "/'"가 없는 단독 테그(빈 테그)<br />
|}<br />
<br />
*블럭 tag<br />
<pre><nowiki><br />
<div><br />
<h1>...</h1> <p>div는 큰 블럭으로 p나 h1등을 감쌀 수 있음. 반대로 안되며 p와 h1은 같은 수준이기 때문에 서로 감쌀 수 없음</p><br />
</div><br />
</nowiki></pre><br />
<br />
*인라인 tag: p 등의 블럭 tag안에서만 i, b, span등이 사용 가능함<br />
<pre><br />
<nowiki><br />
<p><i>기울임 글꼴</i> <b>진한 글꼴</b></p><br />
</nowiki><br />
</pre><br />
<br />
===css(Cascading Style Sheet)===<br />
*html은 문서의 구조를 만든다면 css는 문서의 모양을 꾸며줌<br />
*글꼴, 글자 크기, 색, 상하좌우 정렬, 배경색, 테두리, 레이아웃 등<br />
*구성: 선택자, 속성, 값<br />
<pre><br />
h1 { font-size : 1.5em ; color : red } → 태그 선택자<br />
.title { font-size : 1.5em ; color : red } → 클래스 선택자<br />
---- ----------- --- ----- ---<br />
선택자 속성 값 속성 값<br />
</pre><br />
<br />
*선택자: html 태그에 직접 스타일을 적용한 '''태그 선택자'''와 편집자가 임의로 이름을 지정한 선택자인 '''클래스 선택자'''<br />
<br />
*클래스 선택자의 규칙<br />
#태그를 클래스 이름으로 쓰지 않는다. 예) .h1{...}X <br />
#예약어를 사용하지 않는다 예) .with{...}X<br />
#반드시 영문으로 시작하고 숫자, 하이픈, 믿줄 이외에는 사용하지 않는다. 예) .장제목{...}X <br />
#이해할 수 있는 단어를 사용한다. 예).t01{...} X, .chap_title{...}O<br />
<br />
*클래스 이름만들기<br />
#예약어를 사용하지 않도록 주의해야 한다. <br />
#종류를 구분해서 머리말_(언더바)를 넣는다. <br />
<pre><br />
.txt_sample: 본문의 글자를 꾸미는 클래스<br />
.img_sample: 이미지를 꾸미는 클래스<br />
.title_:제목과 관련된 클래스<br />
.box_: 글상자와 관련된 클래스<br />
.bg_: 배경색, 배경이미지 클래스 <br />
</pre><br />
#클래스의 이름은 주요 속성의 영어 단어를 최대한 그대로 사용한다. <br />
<pre><br />
.txt_gothic_bold: 진한 고딕 글씨체<br />
.txt_red, txt_color_red: 빨간 글씨체<br />
.txt_center: 글자 가운데 정렬<br />
</pre><br />
#클래스명이 길면 쉽게 유추할 수 있는 약어를 쓴다. <br />
<pre><br />
.img_float_L<br />
.img_float_R<br />
</pre><br />
<br />
===필수 css===<br />
*font-family: 글꼴 이름, @font-face와 함께 사용<br />
*text-indent: 들여 쓰기 <br />
*padding-left: 내여 쓰기<br />
*text-align: 글자 정렬<br />
<pre><br />
양쪽정렬<br />
p{<br />
text-align:justify;<br />
}<br />
</pre><br />
*line-height: 줄 간격, 1.8~2.0 em 정도<br />
<pre><br />
p{<br />
line-height: 1.8em;<br />
}<br />
</pre><br />
*font-size: 글자 크기<br />
*color: 글자 색<br />
*margin: 바깥쪽 여백<br />
<pre><br />
margin: 1em; 상하좌우 모두 1em <br />
margin: 1em 2em; 상하 1, 좌우2<br />
margin: 1em 5em 2em; 상1 좌우5 하2<br />
margin: 1em 2em 3em 4em; 상1 우2 하3 좌 4(시계방향)<br />
</pre><br />
*padding 안쪽 여백<br />
*width: 폭<br />
*height: 높이<br />
*float: 이미지와 글자가 자연스럽게 배치되는 스타일<br />
<br />
==html과 css로 전자책 완성하기==<br />
===스타일 기본 설정===<br />
*스타일/빈 스타일시트 추가<br />
*text파일들 모두 선택후 스타일시트를 연결<br />
*폰트폴더에서 기존파일 추가로 원하는 글꼴 추가 <br />
<br />
===글꼴 선언===<br />
*글꼴 추가 후 style0001.css파일에 @font-face로 선언<br />
<pre><br />
@font-face{<br />
font-family:"명조"<br />
src:url("../Fonts/NanumMyeongjo.ttf");<br />
}<br />
</pre><br />
<br />
===본문 스타일===<br />
<pre><br />
p{<br />
font-family:"명조";<br />
text-indent:1em;<br />
line-height: 1.8em;<br />
text-align: justify;<br />
<br />
}<br />
</pre><br />
<br />
===제목 스타일===<br />
<pre><br />
h3{/*장 제목은 명조로, 색깔은 파랑, 사이즈는 일반의 1.5배, 오른쪽 정렬 위에서 2줄, 아래에서 7줄 본문과 간격*/<br />
font-family: "고딕";<br />
color: blue;<br />
font-size: 1.5em;<br />
text-align:right;<br />
margin-top:2em;<br />
margin-bottom:7em;<br />
}<br />
</pre><br />
<br />
===이미지 정렬===<br />
*가운데 정렬<br />
<pre><br />
.img_center{ text-indent:0;<br />
text-align:center;<br />
margin: 1em 0 1em 0;<br />
}<br />
</pre><br />
<br />
*왼쪽 어울림<br />
<pre><br />
.img_left{ text-indent:0;<br />
float:left;<br />
text-align:left;<br />
width:45%;<br />
margin-right:1em;<br />
}<br />
</pre><br />
<br />
*오른쪽 어울림<br />
<pre><br />
.img_right{<br />
text-indent:0;<br />
float:right;<br />
text-align:right;<br />
width:45%;<br />
margin-left:1em;<br />
}<br />
</pre><br />
<br />
*이미지 자동 맞추기<br />
<pre><br />
img{<br />
width:100%<br />
}<br />
.img_center img, .img_left img, .img_right img{width:100%}<br />
</pre><br />
<br />
===본문 인용 강조 스타일===<br />
*아래첨자<br />
<pre><br />
sub{<br />
font-size: 0.8em;<br />
vertical-align:baseline;<br />
}<br />
</pre><br />
<br />
*고딕 기울임<br />
<pre><br />
font-style:italic;<br />
font-family:"고딕";<br />
</pre><br />
본문에 sub로 묶어서 표현<br />
<br />
*span tag<br />
<pre><br />
css:<br />
.txt_small{<br />
font-size: 0.8em;<br />
}<br />
html:<br />
<span class="txt_small">...</span><br />
+글꼴 font-family:"고딕";<br />
+스타일 font-style:italic;<br />
</pre><br />
<br />
*분할 태그 div: 한문단 이상의 인용구에 사용<br />
<pre><br />
.box_letter{<br />
margin-left:2em;<br />
margin-top:2em;<br />
margin-bottom:2em;<br />
}<br />
.box_letter p{/*분할태그안의 p태그 스타일 지정*/<br />
font-family:"고딕";<br />
font-indent:0;<br />
font-size: 0.9em;<br />
}<br />
<div class="box_letter"><br />
<p>...</p><br />
<p>...</p><br />
</div><br />
</pre><br />
div 태그 보다 p 태그가 안에 있기 때문에 p태그의 영향을 더 먼저 받음. 따라서 div와 p의 스타일을 따로 잡아줘야함. div는 부모, p는 자식이라고도 함.<br />
<br />
===정렬 스타일===<br />
<pre><br />
.txt_center{<br />
text-align: center;<br />
text-indent:0;<br />
}<br />
.text_right{<br />
text-align:right;<br />
text-indent:0;<br />
}<br />
.text_left{<br />
text-align:left;<br />
text-indent:0;<br />
}<br />
</pre><br />
<br />
===시/목차/판권면 스타일===<br />
*배경색과 테두리: div로 문단을 지정<br />
<pre><br />
.box_poem{<br />
border: 3px solid cyan;<br />
background-color:#E4E4E4;<br />
padding: 10px; /*테두리와 글자사이의 여백, 글자와 테두리가 너무 붙으면 가독성이 떨어짐*/<br />
}<br />
.box-poem p{<br />
text-indent:0;<br />
}<br />
</pre><br />
<br />
*목차<br />
<pre><br />
.box_TOC p{<br />
text-align:right;<br />
font-size:0.9em;<br />
}<br />
<br />
.TOC-title{<br />
border-bottom:1px solid #oooooo;<br />
font-size:1.5em;<br />
font-style:bold;<br />
font-family:"고딕";<br />
}<br />
/*TOC: Table of Content의 약자로 이퍼브에서 차례 파일을 의미*/<br />
</pre><br />
<br />
*판권<br />
<pre><br />
.box_copyright p{<br />
text-indent:0;<br />
}<br />
.box_copyright_strong{<br />
font-family:"고딕";<br />
}<br />
.box_note{<br />
border:1px solid #A3A3A3;<br />
background-color:#858585;<br />
margin:1em;<br />
padding: 0.5em;<br />
}<br />
.box_note p{<br />
text-indent:o;<br />
font-size:0.9em;<br />
}<br />
</pre><br />
<br />
===EPUB TOC(차례파일) 만들기===<br />
#도구/차례/Generate Table of Content<br />
#차례 만들기 상자 확인 후 ok, 이때 오류가 있을때는 본문에서 고쳐서 다시 부르기. <br />
#오른쪽 차례창에서 확인 가능. 저장. 전자책 편집 끝.<br />
<br />
==시길 메타문자 의미 이해하기==<br />
{| class="wikitable"<br />
|-<br />
! 메타문자!! 의미 !! 예제<br />
|-<br />
| . || 임의의 한 문자 || 123.456은 123과 456사이에 임의의 문자가 들어간 값을 찾음, 120456, 123a456 등<br />
|-<br />
| \d || 숫자 || \d\d월은 숫자 2자리+월로 된 문자열을 찾음, 01월, 02월, 12월 등 (\은 역슬레시)<br />
|-<br />
| \w || 영문, 숫자, _ || \w\w\w는 영문, 숫자, _로 이루어진 3가지 문자를 찾음, aaa, 123,b3_ 등<br />
|-<br />
| [a-z] || 알파벳 소문자 || [a-z][a-z]는 연속된 알파벳 소문자 2자를 찾음, ab,bc,cd 등<br />
|-<br />
| [A-Z] || 알파벳 대문자 ||[A-Z][A-Z]는 연속된 알파벳 대문자 2자를 찾음<br />
|-<br />
| [a-zA-Z] || 알파벳 대소문자 || 대소문자 구분없이 연속된 알파벳 2자, AA,Aa,aa 등<br />
|-<br />
| [가-힣] || 한글 || 홍[가-힝][가-힝]은 홍으로 시작하는 한글 3자, 홍길동, 홍난파 등<br />
|-<br />
| \s || 공백 || \d\d년\s\d\d월\s\d\d일<br />
|-<br />
| [] || 문자 클래스 || [*] *를 찾아줌<br />
|-<br />
| + || 앞에 문자 1회 이상 반복 || [가-힣]++는 한글로 된 단어 하나를 찾음, <br />
|-<br />
| * || 앞에 문자 0회 이상 반복 || <p>(.*)</p>는 <p>와 </p>를 포함해 이 사이에 있는 모든 문자, <p>...</p><br />
|-<br />
| <nowiki>|</nowiki> || 조건문 or || <nowiki>[a-z]|[0-9]</nowiki>는 영문1자 혹은 숫자1자를 찾음<br />
|}<br />
<br />
=참고문헌=<br />
박웅영(2018). 제대로 된 전자책 한권 잘 만들기. 미디어랩</div>
박현정
http://dh.aks.ac.kr/~phj/wiki/index.php?title=%EC%A0%84%EC%9E%90%EC%B1%85&diff=844
전자책
2021-01-23T07:06:23Z
<p>박현정: </p>
<hr />
<div>=sigil=<br />
*EPUB(전자책 포맷 중 하나) 편집 프로그램으로 이미지, 동영상, 오디오 파일 첨부가 가능하고 글꼴을 포함할 수 있어 다양한 형태의 스타일을 편집할 수 있음. <br />
*시길 다운로드: http://sigil-ebook.com<br />
*sigil-0.96-window-x64-setup.exe 다운받기<br />
*isbn 발급방법: [http://seoji.nl.go.kr/isbn/isbnBook/IsbnBookSearch.do 서지정보유통시스템] 가입, 로그인<br />
*전자책 뷰어: iBooks, Calibre(캘리버)<br />
<br />
=플랫폼=<br />
*리디북스: www://ridibooks.com/event/67<br />
*교보문고, 한국이퍼브, 유페이퍼, 북큐브<br />
<br />
=상업용 무료 이미지 사이트=<br />
*https://pixabay.com<br />
*https://www.freepik.com<br />
*https://unsplash.com<br />
*https://gratisography.com<br />
*https://morguefile.com<br />
<br />
=전자책 출판사 만드는 순서=<br />
# 시길 설치하기. 그전에 책을 위한 원고작성 및 자료모음이 먼저. <br />
# 시길을 이용한 전자책만들기. 완성<br />
# 출판사 등록을 위한 구청(문화체육과)방문<br />
# 구청 재방문 서류 받기, 받은 서류(등록증)로 세무서에 가서 신고<br />
# 계약하고자 하는 플랫폼(전자책을 내놓을 배부할 회사)마다 요구하는 서류가 다름. 사업자 통장과 사업자공인인증서 미리 준비. <br />
# 각 유통사 플렛폼에 메일을 보내고, 서류 준비. <br />
# 서지정보시스템에 들어가서 isbn, cip를 발행하고 전자책에도 등록.<br />
# 각각의 scm 사이트에 isbn, cip를 등록. <br />
# 각 회사에서 정산금액을 메일로 알려주면 홈텍스에서 세금계산서를 발생. 출판사는 면세사업자<br />
<br />
=전자책 만들기=<br />
==기본 구성==<br />
#본문<br />
#메터데이터<br />
#표지<br />
#목차<br />
<br />
==목차 및 이미지 추가를 위한 정규표현식==<br />
* split at markers사용법: 검색 Find&Replace , 방식: Regex, 모든html파일, 아래쪽<br />
<pre><br />
찾기: <p>제(\d++)장(.*)</p><br />
바꾸기: <hr class="sigil_split_marker"/><p>제\1장\2</p><br />
</pre><br />
<br />
*img 한꺼번에 바꾸기(정규표현식): img000(숫자)으로 자리만 저장한 후, 그림파일을 한꺼번에 올려서 찾아 바꾸기<br />
<pre><br />
찾기: <p>img(\d++)</p><br />
바꾸기: <p><img alt="img\" src="../Images/img\1.png"/></p><br />
</pre><br />
<br />
==본문 스타일 편집==<br />
===기초 html tag===<br />
<br />
{| class="wikitable"<br />
|-<br />
! 태그!! 역할 !! 사용법<br />
|-<br />
| <nowiki> <h1>...</h1> </nowiki> || 부, 장, 절 등 제목에 사용|| h1~h6까지 숫자가 커질수록 작은크기, h4가 본문 글자와 비슷한 크기, 블럭태그<br />
|-<br />
|<nowiki> <p>...</p> </nowiki> || 문단|| 한 문단(paragraph)을 감싸줌. 가장 많이 쓰이는 블럭 태그<br />
|-<br />
|<nowiki> <i>...</i> </nowiki> || 이탤릭체|| 기울이는 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
|<nowiki><b>...</b></nowiki> || 볼드체||진하게 하는 인라인 태그, 꼭 블럭 태그와 함께 사용. <br />
|-<br />
|<nowiki> <ins>...</ins> </nowiki>|| 밑줄||밑줄(insert) 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
| <nowiki><sup>...</sup> </nowiki>|| 위첨자||위첨자 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
| <nowiki><sub>...</sub></nowiki> || 아래첨자||아래첨자 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
| <nowiki><span class="...">...</span> </nowiki>|| 본문 내 글자에 스타일 적용||인라인 태그이므로 꼭 블럭 태그와 함께 사용하며 속성(attribute)를 같이 써야함.<br />
|-<br />
| <nowiki><div>...</div> </nowiki>|| 그룹을 묶어 스타일 적용, 글상자 만들기||division을 의미하고 큰 블럭 태그로 다른 블럭 테그를 감쌀 수 있음. 테두리, 배경색 등의 속성 필수. <br />
|-<br />
| <nowiki><img alt=".." src=".."/></nowiki> || 이미지 삽입|| 인라인 태그로 꼭 블럭태그와 함께 사용. alt="이미지설명" src="이미지 위치 경로" , 닫는 "/'"가 없는 단독 테그(빈 테그)<br />
|}<br />
<br />
*블럭 tag<br />
<pre><nowiki><br />
<div><br />
<h1>...</h1> <p>div는 큰 블럭으로 p나 h1등을 감쌀 수 있음. 반대로 안되며 p와 h1은 같은 수준이기 때문에 서로 감쌀 수 없음</p><br />
</div><br />
</nowiki></pre><br />
<br />
*인라인 tag: p 등의 블럭 tag안에서만 i, b, span등이 사용 가능함<br />
<pre><br />
<nowiki><br />
<p><i>기울임 글꼴</i> <b>진한 글꼴</b></p><br />
</nowiki><br />
</pre><br />
<br />
===css(Cascading Style Sheet)===<br />
*html은 문서의 구조를 만든다면 css는 문서의 모양을 꾸며줌<br />
*글꼴, 글자 크기, 색, 상하좌우 정렬, 배경색, 테두리, 레이아웃 등<br />
*구성: 선택자, 속성, 값<br />
<pre><br />
h1 { font-size : 1.5em ; color : red } → 태그 선택자<br />
.title { font-size : 1.5em ; color : red } → 클래스 선택자<br />
---- ----------- --- ----- ---<br />
선택자 속성 값 속성 값<br />
</pre><br />
<br />
*선택자: html 태그에 직접 스타일을 적용한 '''태그 선택자'''와 편집자가 임의로 이름을 지정한 선택자인 '''클래스 선택자'''<br />
<br />
*클래스 선택자의 규칙<br />
#태그를 클래스 이름으로 쓰지 않는다. 예) .h1{...}X <br />
#예약어를 사용하지 않는다 예) .with{...}X<br />
#반드시 영문으로 시작하고 숫자, 하이픈, 믿줄 이외에는 사용하지 않는다. 예) .장제목{...}X <br />
#이해할 수 있는 단어를 사용한다. 예).t01{...} X, .chap_title{...}O<br />
<br />
*클래스 이름만들기<br />
#예약어를 사용하지 않도록 주의해야 한다. <br />
#종류를 구분해서 머리말_(언더바)를 넣는다. <br />
<pre><br />
.txt_sample: 본문의 글자를 꾸미는 클래스<br />
.img_sample: 이미지를 꾸미는 클래스<br />
.title_:제목과 관련된 클래스<br />
.box_: 글상자와 관련된 클래스<br />
.bg_: 배경색, 배경이미지 클래스 <br />
</pre><br />
#클래스의 이름은 주요 속성의 영어 단어를 최대한 그대로 사용한다. <br />
<pre><br />
.txt_gothic_bold: 진한 고딕 글씨체<br />
.txt_red, txt_color_red: 빨간 글씨체<br />
.txt_center: 글자 가운데 정렬<br />
</pre><br />
#클래스명이 길면 쉽게 유추할 수 있는 약어를 쓴다. <br />
<pre><br />
.img_float_L<br />
.img_float_R<br />
</pre><br />
<br />
===필수 css===<br />
*font-family: 글꼴 이름, @font-face와 함께 사용<br />
*text-indent: 들여 쓰기 <br />
*padding-left: 내여 쓰기<br />
*text-align: 글자 정렬<br />
<pre><br />
양쪽정렬<br />
p{<br />
text-align:justify;<br />
}<br />
</pre><br />
*line-height: 줄 간격, 1.8~2.0 em 정도<br />
<pre><br />
p{<br />
line-height: 1.8em;<br />
}<br />
</pre><br />
*font-size: 글자 크기<br />
*color: 글자 색<br />
*margin: 바깥쪽 여백<br />
<pre><br />
margin: 1em; 상하좌우 모두 1em <br />
margin: 1em 2em; 상하 1, 좌우2<br />
margin: 1em 5em 2em; 상1 좌우5 하2<br />
margin: 1em 2em 3em 4em; 상1 우2 하3 좌 4(시계방향)<br />
</pre><br />
*padding 안쪽 여백<br />
*width: 폭<br />
*height: 높이<br />
*float: 이미지와 글자가 자연스럽게 배치되는 스타일<br />
<br />
==html과 css로 전자책 완성하기==<br />
===스타일 기본 설정===<br />
*스타일/빈 스타일시트 추가<br />
*text파일들 모두 선택후 스타일시트를 연결<br />
*폰트폴더에서 기존파일 추가로 원하는 글꼴 추가 <br />
<br />
===글꼴 선언===<br />
*글꼴 추가 후 style0001.css파일에 @font-face로 선언<br />
<pre><br />
@font-face{<br />
font-family:"명조"<br />
src:url("../Fonts/NanumMyeongjo.ttf");<br />
}<br />
</pre><br />
<br />
===본문 스타일===<br />
<pre><br />
p{<br />
font-family:"명조";<br />
text-indent:1em;<br />
line-height: 1.8em;<br />
text-align: justify;<br />
<br />
}<br />
</pre><br />
<br />
===제목 스타일===<br />
<pre><br />
h3{/*장 제목은 명조로, 색깔은 파랑, 사이즈는 일반의 1.5배, 오른쪽 정렬 위에서 2줄, 아래에서 7줄 본문과 간격*/<br />
font-family: "고딕";<br />
color: blue;<br />
font-size: 1.5em;<br />
text-align:right;<br />
margin-top:2em;<br />
margin-bottom:7em;<br />
}<br />
</pre><br />
<br />
===이미지 정렬===<br />
*가운데 정렬<br />
<pre><br />
.img_center{ text-indent:0;<br />
text-align:center;<br />
margin: 1em 0 1em 0;<br />
}<br />
</pre><br />
<br />
*왼쪽 어울림<br />
<pre><br />
.img_left{ text-indent:0;<br />
float:left;<br />
text-align:left;<br />
width:45%;<br />
margin-right:1em;<br />
}<br />
</pre><br />
<br />
*오른쪽 어울림<br />
<pre><br />
.img_right{<br />
text-indent:0;<br />
float:right;<br />
text-align:right;<br />
width:45%;<br />
margin-left:1em;<br />
}<br />
</pre><br />
<br />
*이미지 자동 맞추기<br />
<pre><br />
img{<br />
width:100%<br />
}<br />
.img_center img, .img_left img, .img_right img{width:100%}<br />
</pre><br />
<br />
===본문 인용 강조 스타일===<br />
*아래첨자<br />
<pre><br />
sub{<br />
font-size: 0.8em;<br />
vertical-align:baseline;<br />
}<br />
</pre><br />
<br />
*고딕 기울임<br />
<pre><br />
font-style:italic;<br />
font-family:"고딕";<br />
</pre><br />
본문에 sub로 묶어서 표현<br />
<br />
*span tag<br />
<pre><br />
css:<br />
.txt_small{<br />
font-size: 0.8em;<br />
}<br />
html:<br />
<span class="txt_small">...</span><br />
+글꼴 font-family:"고딕";<br />
+스타일 font-style:italic;<br />
</pre><br />
<br />
*분할 태그 div: 한문단 이상의 인용구에 사용<br />
<pre><br />
.box_letter{<br />
margin-left:2em;<br />
margin-top:2em;<br />
margin-bottom:2em;<br />
}<br />
.box_letter p{/*분할태그안의 p태그 스타일 지정*/<br />
font-family:"고딕";<br />
font-indent:0;<br />
font-size: 0.9em;<br />
}<br />
<div class="box_letter"><br />
<p>...</p><br />
<p>...</p><br />
</div><br />
</pre><br />
div 태그 보다 p 태그가 안에 있기 때문에 p태그의 영향을 더 먼저 받음. 따라서 div와 p의 스타일을 따로 잡아줘야함. div는 부모, p는 자식이라고도 함.<br />
<br />
===정렬 스타일===<br />
<pre><br />
.txt_center{<br />
text-align: center;<br />
text-indent:0;<br />
}<br />
.text_right{<br />
text-align:right;<br />
text-indent:0;<br />
}<br />
.text_left{<br />
text-align:left;<br />
text-indent:0;<br />
}<br />
</pre><br />
<br />
===시/목차/판권면 스타일===<br />
*배경색과 테두리: div로 문단을 지정<br />
<pre><br />
.box_poem{<br />
border: 3px solid cyan;<br />
background-color:#E4E4E4;<br />
padding: 10px; /*테두리와 글자사이의 여백, 글자와 테두리가 너무 붙으면 가독성이 떨어짐*/<br />
}<br />
.box-poem p{<br />
text-indent:0;<br />
}<br />
</pre><br />
<br />
*목차<br />
<pre><br />
.box_TOC p{<br />
text-align:right;<br />
font-size:0.9em;<br />
}<br />
<br />
.TOC-title{<br />
border-bottom:1px solid #oooooo;<br />
font-size:1.5em;<br />
font-style:bold;<br />
font-family:"고딕";<br />
}<br />
/*TOC: Table of Content의 약자로 이퍼브에서 차례 파일을 의미*/<br />
</pre><br />
<br />
*판권<br />
<pre><br />
.box_copyright p{<br />
text-indent:0;<br />
}<br />
.box_copyright_strong{<br />
font-family:"고딕";<br />
}<br />
.box_note{<br />
border:1px solid #A3A3A3;<br />
background-color:#858585;<br />
margin:1em;<br />
padding: 0.5em;<br />
}<br />
.box_note p{<br />
text-indent:o;<br />
font-size:0.9em;<br />
}<br />
</pre><br />
<br />
===EPUB TOC(차례파일) 만들기===<br />
#도구/차례/Generate Table of Content<br />
#차례 만들기 상자 확인 후 ok, 이때 오류가 있을때는 본문에서 고쳐서 다시 부르기. <br />
#오른쪽 차례창에서 확인 가능. 저장. 전자책 편집 끝.<br />
<br />
<br />
=참고문헌=<br />
박웅영(2018). 제대로 된 전자책 한권 잘 만들기. 미디어랩</div>
박현정
http://dh.aks.ac.kr/~phj/wiki/index.php?title=%EC%A0%84%EC%9E%90%EC%B1%85&diff=843
전자책
2021-01-22T11:32:22Z
<p>박현정: /* EPUB TOC(차례파일) 만들기 */</p>
<hr />
<div>=sigil=<br />
*EPUB(전자책 포맷 중 하나) 편집 프로그램으로 이미지, 동영상, 오디오 파일 첨부가 가능하고 글꼴을 포함할 수 있어 다양한 형태의 스타일을 편집할 수 있음. <br />
*시길 다운로드: http://sigil-ebook.com<br />
*sigil-0.96-window-x64-setup.exe 다운받기<br />
*isbn 발급방법: [http://seoji.nl.go.kr/isbn/isbnBook/IsbnBookSearch.do 서지정보유통시스템] 가입, 로그인<br />
*전자책 뷰어: iBooks, Calibre(캘리버)<br />
<br />
=플랫폼=<br />
*리디북스: www://ridibooks.com/event/67<br />
*교보문고, 한국이퍼브, 유페이퍼, 북큐브<br />
<br />
=상업용 무료 이미지 사이트=<br />
*https://pixabay.com<br />
*https://www.freepik.com<br />
*https://unsplash.com<br />
*https://gratisography.com<br />
*https://morguefile.com<br />
<br />
=전자책 출판사 만드는 순서=<br />
# 시길 설치하기. 그전에 책을 위한 원고작성 및 자료모음이 먼저. <br />
# 시길을 이용한 전자책만들기. 완성<br />
# 출판사 등록을 위한 구청(문화체육과)방문<br />
# 구청 재방문 서류 받기, 받은 서류(등록증)로 세무서에 가서 신고<br />
# 계약하고자 하는 플랫폼(전자책을 내놓을 배부할 회사)마다 요구하는 서류가 다름. 사업자 통장과 사업자공인인증서 미리 준비. <br />
# 각 유통사 플렛폼에 메일을 보내고, 서류 준비. <br />
# 서지정보시스템에 들어가서 isbn, cip를 발행하고 전자책에도 등록.<br />
# 각각의 scm 사이트에 isbn, cip를 등록. <br />
# 각 회사에서 정산금액을 메일로 알려주면 홈텍스에서 세금계산서를 발생. 출판사는 면세사업자<br />
<br />
=전자책 만들기=<br />
==기본 구성==<br />
#본문<br />
#메터데이터<br />
#표지<br />
#목차<br />
<br />
==목차 및 이미지 추가를 위한 정규표현식==<br />
* split at markers사용법: 검색 Find&Replace , 방식: Regex, 모든html파일, 아래쪽<br />
<pre><br />
찾기: <p>제(\d++)장(.*)</p><br />
바꾸기: <hr class="sigil_split_marker"/><p>제\1장\2</p><br />
</pre><br />
<br />
*img 한꺼번에 바꾸기(정규표현식): img000(숫자)으로 자리만 저장한 후, 그림파일을 한꺼번에 올려서 찾아 바꾸기<br />
<pre><br />
찾기: <p>img(\d++)</p><br />
바꾸기: <p><img alt="img\" src="../Images/img\1.png"/></p><br />
</pre><br />
<br />
==본문 스타일 편집==<br />
===기초 html tag===<br />
<br />
{| class="wikitable"<br />
|-<br />
! 태그!! 역할 !! 사용법<br />
|-<br />
| <nowiki> <h1>...</h1> </nowiki> || 부, 장, 절 등 제목에 사용|| h1~h6까지 숫자가 커질수록 작은크기, h4가 본문 글자와 비슷한 크기, 블럭태그<br />
|-<br />
|<nowiki> <p>...</p> </nowiki> || 문단|| 한 문단(paragraph)을 감싸줌. 가장 많이 쓰이는 블럭 태그<br />
|-<br />
|<nowiki> <i>...</i> </nowiki> || 이탤릭체|| 기울이는 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
|<nowiki><b>...</b></nowiki> || 볼드체||진하게 하는 인라인 태그, 꼭 블럭 태그와 함께 사용. <br />
|-<br />
|<nowiki> <ins>...</ins> </nowiki>|| 밑줄||밑줄(insert) 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
| <nowiki><sup>...</sup> </nowiki>|| 위첨자||위첨자 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
| <nowiki><sub>...</sub></nowiki> || 아래첨자||아래첨자 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
| <nowiki><span class="...">...</span> </nowiki>|| 본문 내 글자에 스타일 적용||인라인 태그이므로 꼭 블럭 태그와 함께 사용하며 속성(attribute)를 같이 써야함.<br />
|-<br />
| <nowiki><div>...</div> </nowiki>|| 그룹을 묶어 스타일 적용, 글상자 만들기||division을 의미하고 큰 블럭 태그로 다른 블럭 테그를 감쌀 수 있음. 테두리, 배경색 등의 속성 필수. <br />
|-<br />
| <nowiki><img alt=".." src=".."/></nowiki> || 이미지 삽입|| 인라인 태그로 꼭 블럭태그와 함께 사용. alt="이미지설명" src="이미지 위치 경로" , 닫는 "/'"가 없는 단독 테그(빈 테그)<br />
|}<br />
<br />
*블럭 tag<br />
<pre><nowiki><br />
<div><br />
<h1>...</h1> <p>div는 큰 블럭으로 p나 h1등을 감쌀 수 있음. 반대로 안되며 p와 h1은 같은 수준이기 때문에 서로 감쌀 수 없음</p><br />
</div><br />
</nowiki></pre><br />
<br />
*인라인 tag: p 등의 블럭 tag안에서만 i, b, span등이 사용 가능함<br />
<pre><br />
<nowiki><br />
<p><i>기울임 글꼴</i> <b>진한 글꼴</b></p><br />
</nowiki><br />
</pre><br />
<br />
===css(Cascading Style Sheet)===<br />
*html은 문서의 구조를 만든다면 css는 문서의 모양을 꾸며줌<br />
*글꼴, 글자 크기, 색, 상하좌우 정렬, 배경색, 테두리, 레이아웃 등<br />
*구성: 선택자, 속성, 값<br />
<pre><br />
h1 { font-size : 1.5em ; color : red } → 태그 선택자<br />
.title { font-size : 1.5em ; color : red } → 클래스 선택자<br />
---- ----------- --- ----- ---<br />
선택자 속성 값 속성 값<br />
</pre><br />
<br />
*선택자: html 태그에 직접 스타일을 적용한 '''태그 선택자'''와 편집자가 임의로 이름을 지정한 선택자인 '''클래스 선택자'''<br />
<br />
*클래스 선택자의 규칙<br />
#태그를 클래스 이름으로 쓰지 않는다. 예) .h1{...}X <br />
#예약어를 사용하지 않는다 예) .with{...}X<br />
#반드시 영문으로 시작하고 숫자, 하이픈, 믿줄 이외에는 사용하지 않는다. 예) .장제목{...}X <br />
#이해할 수 있는 단어를 사용한다. 예).t01{...} X, .chap_title{...}O<br />
<br />
*클래스 이름만들기<br />
#예약어를 사용하지 않도록 주의해야 한다. <br />
#종류를 구분해서 머리말_(언더바)를 넣는다. <br />
<pre><br />
.txt_sample: 본문의 글자를 꾸미는 클래스<br />
.img_sample: 이미지를 꾸미는 클래스<br />
.title_:제목과 관련된 클래스<br />
.box_: 글상자와 관련된 클래스<br />
.bg_: 배경색, 배경이미지 클래스 <br />
</pre><br />
#클래스의 이름은 주요 속성의 영어 단어를 최대한 그대로 사용한다. <br />
<pre><br />
.txt_gothic_bold: 진한 고딕 글씨체<br />
.txt_red, txt_color_red: 빨간 글씨체<br />
.txt_center: 글자 가운데 정렬<br />
</pre><br />
#클래스명이 길면 쉽게 유추할 수 있는 약어를 쓴다. <br />
<pre><br />
.img_float_L<br />
.img_float_R<br />
</pre><br />
<br />
===필수 css===<br />
*font-family: 글꼴 이름, @font-face와 함께 사용<br />
*text-indent: 들여 쓰기 <br />
*padding-left: 내여 쓰기<br />
*text-align: 글자 정렬<br />
<pre><br />
양쪽정렬<br />
p{<br />
text-align:justify;<br />
}<br />
</pre><br />
*line-height: 줄 간격, 1.8~2.0 em 정도<br />
<pre><br />
p{<br />
line-height: 1.8em;<br />
}<br />
</pre><br />
*font-size: 글자 크기<br />
*color: 글자 색<br />
*margin: 바깥쪽 여백<br />
<pre><br />
margin: 1em; 상하좌우 모두 1em <br />
margin: 1em 2em; 상하 1, 좌우2<br />
margin: 1em 5em 2em; 상1 좌우5 하2<br />
margin: 1em 2em 3em 4em; 상1 우2 하3 좌 4(시계방향)<br />
</pre><br />
*padding 안쪽 여백<br />
*width: 폭<br />
*height: 높이<br />
*float: 이미지와 글자가 자연스럽게 배치되는 스타일<br />
<br />
==html과 css로 전자책 완성하기==<br />
===스타일 기본 설정===<br />
*스타일/빈 스타일시트 추가<br />
*text파일들 모두 선택후 스타일시트를 연결<br />
*폰트폴더에서 기존파일 추가로 원하는 글꼴 추가 <br />
<br />
===글꼴 선언===<br />
*글꼴 추가 후 style0001.css파일에 @font-face로 선언<br />
<pre><br />
@font-face{<br />
font-family:"명조"<br />
src:url("../Fonts/NanumMyeongjo.ttf");<br />
}<br />
</pre><br />
<br />
===본문 스타일===<br />
<pre><br />
p{<br />
font-family:"명조";<br />
text-indent:1em;<br />
line-height: 1.8em;<br />
text-align: justify;<br />
<br />
}<br />
</pre><br />
<br />
===제목 스타일===<br />
<pre><br />
h3{/*장 제목은 명조로, 색깔은 파랑, 사이즈는 일반의 1.5배, 오른쪽 정렬 위에서 2줄, 아래에서 7줄 본문과 간격*/<br />
font-family: "고딕";<br />
color: blue;<br />
font-size: 1.5em;<br />
text-align:right;<br />
margin-top:2em;<br />
margin-bottom:7em;<br />
}<br />
</pre><br />
<br />
===이미지 정렬===<br />
*가운데 정렬<br />
<pre><br />
.img_center{ text-indent:0;<br />
text-align:center;<br />
margin: 1em 0 1em 0;<br />
}<br />
</pre><br />
<br />
*왼쪽 어울림<br />
<pre><br />
.img_left{ text-indent:0;<br />
float:left;<br />
text-align:left;<br />
width:45%;<br />
margin-right:1em;<br />
}<br />
</pre><br />
<br />
*오른쪽 어울림<br />
<pre><br />
.img_right{<br />
text-indent:0;<br />
float:right;<br />
text-align:right;<br />
width:45%;<br />
margin-left:1em;<br />
}<br />
</pre><br />
<br />
*이미지 자동 맞추기<br />
<pre><br />
img{<br />
width:100%<br />
}<br />
.img_center img, .img_left img, .img_right img{width:100%}<br />
</pre><br />
<br />
===본문 인용 강조 스타일===<br />
*아래첨자<br />
<pre><br />
sub{<br />
font-size: 0.8em;<br />
vertical-align:baseline;<br />
}<br />
</pre><br />
<br />
*고딕 기울임<br />
<pre><br />
font-style:italic;<br />
font-family:"고딕";<br />
</pre><br />
본문에 sub로 묶어서 표현<br />
<br />
*span tag<br />
<pre><br />
css:<br />
.txt_small{<br />
font-size: 0.8em;<br />
}<br />
html:<br />
<span class="txt_small">...</span><br />
+글꼴 font-family:"고딕";<br />
+스타일 font-style:italic;<br />
</pre><br />
<br />
*분할 태그 div: 한문단 이상의 인용구에 사용<br />
<pre><br />
.box_letter{<br />
margin-left:2em;<br />
margin-top:2em;<br />
margin-bottom:2em;<br />
}<br />
.box_letter p{/*분할태그안의 p태그 스타일 지정*/<br />
font-family:"고딕";<br />
font-indent:0;<br />
font-size: 0.9em;<br />
}<br />
<div class="box_letter"><br />
<p>...</p><br />
<p>...</p><br />
</div><br />
</pre><br />
div 태그 보다 p 태그가 안에 있기 때문에 p태그의 영향을 더 먼저 받음. 따라서 div와 p의 스타일을 따로 잡아줘야함. div는 부모, p는 자식이라고도 함.<br />
<br />
===정렬 스타일===<br />
<pre><br />
.txt_center{<br />
text-align: center;<br />
text-indent:0;<br />
}<br />
.text_right{<br />
text-align:right;<br />
text-indent:0;<br />
}<br />
.text_left{<br />
text-align:left;<br />
text-indent:0;<br />
}<br />
</pre><br />
<br />
===시/목차/판권면 스타일===<br />
*배경색과 테두리: div로 문단을 지정<br />
<pre><br />
.box_poem{<br />
border: 3px solid cyan;<br />
background-color:#E4E4E4;<br />
padding: 10px; /*테두리와 글자사이의 여백, 글자와 테두리가 너무 붙으면 가독성이 떨어짐*/<br />
}<br />
.box-poem p{<br />
text-indent:0;<br />
}<br />
</pre><br />
<br />
*목차<br />
<pre><br />
.box_TOC p{<br />
text-align:right;<br />
font-size:0.9em;<br />
}<br />
<br />
.TOC-title{<br />
border-bottom:1px solid #oooooo;<br />
font-size:1.5em;<br />
font-style:bold;<br />
font-family:"고딕";<br />
}<br />
/*TOC: Table of Content의 약자로 이퍼브에서 차례 파일을 의미*/<br />
</pre><br />
<br />
*판권<br />
<pre><br />
.box_copyright p{<br />
text-indent:0;<br />
}<br />
.box_copyright_strong{<br />
font-family:"고딕";<br />
}<br />
.box_note{<br />
border:1px solid #A3A3A3;<br />
background-color:#858585;<br />
margin:1em;<br />
padding: 0.5em;<br />
}<br />
.box_note p{<br />
text-indent:o;<br />
font-size:0.9em;<br />
}<br />
<pre><br />
<br />
===EPUB TOC(차례파일) 만들기===<br />
#도구/차례/Generate Table of Content<br />
#차례 만들기 상자 확인 후 ok, 이때 오류가 있을때는 본문에서 고쳐서 다시 부르기. <br />
#오른쪽 차례창에서 확인 가능. 저장. 전자책 편집 끝.<br />
<br />
=참고문헌=<br />
박웅영(2018). 제대로 된 전자책 한권 잘 만들기. 미디어랩</div>
박현정
http://dh.aks.ac.kr/~phj/wiki/index.php?title=%EC%A0%84%EC%9E%90%EC%B1%85&diff=842
전자책
2021-01-22T11:23:39Z
<p>박현정: /* 시/목차/판권면 스타일 */</p>
<hr />
<div>=sigil=<br />
*EPUB(전자책 포맷 중 하나) 편집 프로그램으로 이미지, 동영상, 오디오 파일 첨부가 가능하고 글꼴을 포함할 수 있어 다양한 형태의 스타일을 편집할 수 있음. <br />
*시길 다운로드: http://sigil-ebook.com<br />
*sigil-0.96-window-x64-setup.exe 다운받기<br />
*isbn 발급방법: [http://seoji.nl.go.kr/isbn/isbnBook/IsbnBookSearch.do 서지정보유통시스템] 가입, 로그인<br />
*전자책 뷰어: iBooks, Calibre(캘리버)<br />
<br />
=플랫폼=<br />
*리디북스: www://ridibooks.com/event/67<br />
*교보문고, 한국이퍼브, 유페이퍼, 북큐브<br />
<br />
=상업용 무료 이미지 사이트=<br />
*https://pixabay.com<br />
*https://www.freepik.com<br />
*https://unsplash.com<br />
*https://gratisography.com<br />
*https://morguefile.com<br />
<br />
=전자책 출판사 만드는 순서=<br />
# 시길 설치하기. 그전에 책을 위한 원고작성 및 자료모음이 먼저. <br />
# 시길을 이용한 전자책만들기. 완성<br />
# 출판사 등록을 위한 구청(문화체육과)방문<br />
# 구청 재방문 서류 받기, 받은 서류(등록증)로 세무서에 가서 신고<br />
# 계약하고자 하는 플랫폼(전자책을 내놓을 배부할 회사)마다 요구하는 서류가 다름. 사업자 통장과 사업자공인인증서 미리 준비. <br />
# 각 유통사 플렛폼에 메일을 보내고, 서류 준비. <br />
# 서지정보시스템에 들어가서 isbn, cip를 발행하고 전자책에도 등록.<br />
# 각각의 scm 사이트에 isbn, cip를 등록. <br />
# 각 회사에서 정산금액을 메일로 알려주면 홈텍스에서 세금계산서를 발생. 출판사는 면세사업자<br />
<br />
=전자책 만들기=<br />
==기본 구성==<br />
#본문<br />
#메터데이터<br />
#표지<br />
#목차<br />
<br />
==목차 및 이미지 추가를 위한 정규표현식==<br />
* split at markers사용법: 검색 Find&Replace , 방식: Regex, 모든html파일, 아래쪽<br />
<pre><br />
찾기: <p>제(\d++)장(.*)</p><br />
바꾸기: <hr class="sigil_split_marker"/><p>제\1장\2</p><br />
</pre><br />
<br />
*img 한꺼번에 바꾸기(정규표현식): img000(숫자)으로 자리만 저장한 후, 그림파일을 한꺼번에 올려서 찾아 바꾸기<br />
<pre><br />
찾기: <p>img(\d++)</p><br />
바꾸기: <p><img alt="img\" src="../Images/img\1.png"/></p><br />
</pre><br />
<br />
==본문 스타일 편집==<br />
===기초 html tag===<br />
<br />
{| class="wikitable"<br />
|-<br />
! 태그!! 역할 !! 사용법<br />
|-<br />
| <nowiki> <h1>...</h1> </nowiki> || 부, 장, 절 등 제목에 사용|| h1~h6까지 숫자가 커질수록 작은크기, h4가 본문 글자와 비슷한 크기, 블럭태그<br />
|-<br />
|<nowiki> <p>...</p> </nowiki> || 문단|| 한 문단(paragraph)을 감싸줌. 가장 많이 쓰이는 블럭 태그<br />
|-<br />
|<nowiki> <i>...</i> </nowiki> || 이탤릭체|| 기울이는 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
|<nowiki><b>...</b></nowiki> || 볼드체||진하게 하는 인라인 태그, 꼭 블럭 태그와 함께 사용. <br />
|-<br />
|<nowiki> <ins>...</ins> </nowiki>|| 밑줄||밑줄(insert) 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
| <nowiki><sup>...</sup> </nowiki>|| 위첨자||위첨자 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
| <nowiki><sub>...</sub></nowiki> || 아래첨자||아래첨자 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
| <nowiki><span class="...">...</span> </nowiki>|| 본문 내 글자에 스타일 적용||인라인 태그이므로 꼭 블럭 태그와 함께 사용하며 속성(attribute)를 같이 써야함.<br />
|-<br />
| <nowiki><div>...</div> </nowiki>|| 그룹을 묶어 스타일 적용, 글상자 만들기||division을 의미하고 큰 블럭 태그로 다른 블럭 테그를 감쌀 수 있음. 테두리, 배경색 등의 속성 필수. <br />
|-<br />
| <nowiki><img alt=".." src=".."/></nowiki> || 이미지 삽입|| 인라인 태그로 꼭 블럭태그와 함께 사용. alt="이미지설명" src="이미지 위치 경로" , 닫는 "/'"가 없는 단독 테그(빈 테그)<br />
|}<br />
<br />
*블럭 tag<br />
<pre><nowiki><br />
<div><br />
<h1>...</h1> <p>div는 큰 블럭으로 p나 h1등을 감쌀 수 있음. 반대로 안되며 p와 h1은 같은 수준이기 때문에 서로 감쌀 수 없음</p><br />
</div><br />
</nowiki></pre><br />
<br />
*인라인 tag: p 등의 블럭 tag안에서만 i, b, span등이 사용 가능함<br />
<pre><br />
<nowiki><br />
<p><i>기울임 글꼴</i> <b>진한 글꼴</b></p><br />
</nowiki><br />
</pre><br />
<br />
===css(Cascading Style Sheet)===<br />
*html은 문서의 구조를 만든다면 css는 문서의 모양을 꾸며줌<br />
*글꼴, 글자 크기, 색, 상하좌우 정렬, 배경색, 테두리, 레이아웃 등<br />
*구성: 선택자, 속성, 값<br />
<pre><br />
h1 { font-size : 1.5em ; color : red } → 태그 선택자<br />
.title { font-size : 1.5em ; color : red } → 클래스 선택자<br />
---- ----------- --- ----- ---<br />
선택자 속성 값 속성 값<br />
</pre><br />
<br />
*선택자: html 태그에 직접 스타일을 적용한 '''태그 선택자'''와 편집자가 임의로 이름을 지정한 선택자인 '''클래스 선택자'''<br />
<br />
*클래스 선택자의 규칙<br />
#태그를 클래스 이름으로 쓰지 않는다. 예) .h1{...}X <br />
#예약어를 사용하지 않는다 예) .with{...}X<br />
#반드시 영문으로 시작하고 숫자, 하이픈, 믿줄 이외에는 사용하지 않는다. 예) .장제목{...}X <br />
#이해할 수 있는 단어를 사용한다. 예).t01{...} X, .chap_title{...}O<br />
<br />
*클래스 이름만들기<br />
#예약어를 사용하지 않도록 주의해야 한다. <br />
#종류를 구분해서 머리말_(언더바)를 넣는다. <br />
<pre><br />
.txt_sample: 본문의 글자를 꾸미는 클래스<br />
.img_sample: 이미지를 꾸미는 클래스<br />
.title_:제목과 관련된 클래스<br />
.box_: 글상자와 관련된 클래스<br />
.bg_: 배경색, 배경이미지 클래스 <br />
</pre><br />
#클래스의 이름은 주요 속성의 영어 단어를 최대한 그대로 사용한다. <br />
<pre><br />
.txt_gothic_bold: 진한 고딕 글씨체<br />
.txt_red, txt_color_red: 빨간 글씨체<br />
.txt_center: 글자 가운데 정렬<br />
</pre><br />
#클래스명이 길면 쉽게 유추할 수 있는 약어를 쓴다. <br />
<pre><br />
.img_float_L<br />
.img_float_R<br />
</pre><br />
<br />
===필수 css===<br />
*font-family: 글꼴 이름, @font-face와 함께 사용<br />
*text-indent: 들여 쓰기 <br />
*padding-left: 내여 쓰기<br />
*text-align: 글자 정렬<br />
<pre><br />
양쪽정렬<br />
p{<br />
text-align:justify;<br />
}<br />
</pre><br />
*line-height: 줄 간격, 1.8~2.0 em 정도<br />
<pre><br />
p{<br />
line-height: 1.8em;<br />
}<br />
</pre><br />
*font-size: 글자 크기<br />
*color: 글자 색<br />
*margin: 바깥쪽 여백<br />
<pre><br />
margin: 1em; 상하좌우 모두 1em <br />
margin: 1em 2em; 상하 1, 좌우2<br />
margin: 1em 5em 2em; 상1 좌우5 하2<br />
margin: 1em 2em 3em 4em; 상1 우2 하3 좌 4(시계방향)<br />
</pre><br />
*padding 안쪽 여백<br />
*width: 폭<br />
*height: 높이<br />
*float: 이미지와 글자가 자연스럽게 배치되는 스타일<br />
<br />
==html과 css로 전자책 완성하기==<br />
===스타일 기본 설정===<br />
*스타일/빈 스타일시트 추가<br />
*text파일들 모두 선택후 스타일시트를 연결<br />
*폰트폴더에서 기존파일 추가로 원하는 글꼴 추가 <br />
<br />
===글꼴 선언===<br />
*글꼴 추가 후 style0001.css파일에 @font-face로 선언<br />
<pre><br />
@font-face{<br />
font-family:"명조"<br />
src:url("../Fonts/NanumMyeongjo.ttf");<br />
}<br />
</pre><br />
<br />
===본문 스타일===<br />
<pre><br />
p{<br />
font-family:"명조";<br />
text-indent:1em;<br />
line-height: 1.8em;<br />
text-align: justify;<br />
<br />
}<br />
</pre><br />
<br />
===제목 스타일===<br />
<pre><br />
h3{/*장 제목은 명조로, 색깔은 파랑, 사이즈는 일반의 1.5배, 오른쪽 정렬 위에서 2줄, 아래에서 7줄 본문과 간격*/<br />
font-family: "고딕";<br />
color: blue;<br />
font-size: 1.5em;<br />
text-align:right;<br />
margin-top:2em;<br />
margin-bottom:7em;<br />
}<br />
</pre><br />
<br />
===이미지 정렬===<br />
*가운데 정렬<br />
<pre><br />
.img_center{ text-indent:0;<br />
text-align:center;<br />
margin: 1em 0 1em 0;<br />
}<br />
</pre><br />
<br />
*왼쪽 어울림<br />
<pre><br />
.img_left{ text-indent:0;<br />
float:left;<br />
text-align:left;<br />
width:45%;<br />
margin-right:1em;<br />
}<br />
</pre><br />
<br />
*오른쪽 어울림<br />
<pre><br />
.img_right{<br />
text-indent:0;<br />
float:right;<br />
text-align:right;<br />
width:45%;<br />
margin-left:1em;<br />
}<br />
</pre><br />
<br />
*이미지 자동 맞추기<br />
<pre><br />
img{<br />
width:100%<br />
}<br />
.img_center img, .img_left img, .img_right img{width:100%}<br />
</pre><br />
<br />
===본문 인용 강조 스타일===<br />
*아래첨자<br />
<pre><br />
sub{<br />
font-size: 0.8em;<br />
vertical-align:baseline;<br />
}<br />
</pre><br />
<br />
*고딕 기울임<br />
<pre><br />
font-style:italic;<br />
font-family:"고딕";<br />
</pre><br />
본문에 sub로 묶어서 표현<br />
<br />
*span tag<br />
<pre><br />
css:<br />
.txt_small{<br />
font-size: 0.8em;<br />
}<br />
html:<br />
<span class="txt_small">...</span><br />
+글꼴 font-family:"고딕";<br />
+스타일 font-style:italic;<br />
</pre><br />
<br />
*분할 태그 div: 한문단 이상의 인용구에 사용<br />
<pre><br />
.box_letter{<br />
margin-left:2em;<br />
margin-top:2em;<br />
margin-bottom:2em;<br />
}<br />
.box_letter p{/*분할태그안의 p태그 스타일 지정*/<br />
font-family:"고딕";<br />
font-indent:0;<br />
font-size: 0.9em;<br />
}<br />
<div class="box_letter"><br />
<p>...</p><br />
<p>...</p><br />
</div><br />
</pre><br />
div 태그 보다 p 태그가 안에 있기 때문에 p태그의 영향을 더 먼저 받음. 따라서 div와 p의 스타일을 따로 잡아줘야함. div는 부모, p는 자식이라고도 함.<br />
<br />
===정렬 스타일===<br />
<pre><br />
.txt_center{<br />
text-align: center;<br />
text-indent:0;<br />
}<br />
.text_right{<br />
text-align:right;<br />
text-indent:0;<br />
}<br />
.text_left{<br />
text-align:left;<br />
text-indent:0;<br />
}<br />
</pre><br />
<br />
===시/목차/판권면 스타일===<br />
*배경색과 테두리: div로 문단을 지정<br />
<pre><br />
.box_poem{<br />
border: 3px solid cyan;<br />
background-color:#E4E4E4;<br />
padding: 10px; /*테두리와 글자사이의 여백, 글자와 테두리가 너무 붙으면 가독성이 떨어짐*/<br />
}<br />
.box-poem p{<br />
text-indent:0;<br />
}<br />
</pre><br />
<br />
*목차<br />
<pre><br />
.box_TOC p{<br />
text-align:right;<br />
font-size:0.9em;<br />
}<br />
<br />
.TOC-title{<br />
border-bottom:1px solid #oooooo;<br />
font-size:1.5em;<br />
font-style:bold;<br />
font-family:"고딕";<br />
}<br />
/*TOC: Table of Content의 약자로 이퍼브에서 차례 파일을 의미*/<br />
</pre><br />
<br />
*판권<br />
<pre><br />
.box_copyright p{<br />
text-indent:0;<br />
}<br />
.box_copyright_strong{<br />
font-family:"고딕";<br />
}<br />
.box_note{<br />
border:1px solid #A3A3A3;<br />
background-color:#858585;<br />
margin:1em;<br />
padding: 0.5em;<br />
}<br />
.box_note p{<br />
text-indent:o;<br />
font-size:0.9em;<br />
}<br />
<pre><br />
<br />
===EPUB TOC(차례파일) 만들기===<br />
<br />
=참고문헌=<br />
박웅영(2018). 제대로 된 전자책 한권 잘 만들기. 미디어랩</div>
박현정
http://dh.aks.ac.kr/~phj/wiki/index.php?title=%EC%A0%84%EC%9E%90%EC%B1%85&diff=841
전자책
2021-01-22T09:18:18Z
<p>박현정: /* 시/목차/판권면 스타일 */</p>
<hr />
<div>=sigil=<br />
*EPUB(전자책 포맷 중 하나) 편집 프로그램으로 이미지, 동영상, 오디오 파일 첨부가 가능하고 글꼴을 포함할 수 있어 다양한 형태의 스타일을 편집할 수 있음. <br />
*시길 다운로드: http://sigil-ebook.com<br />
*sigil-0.96-window-x64-setup.exe 다운받기<br />
*isbn 발급방법: [http://seoji.nl.go.kr/isbn/isbnBook/IsbnBookSearch.do 서지정보유통시스템] 가입, 로그인<br />
*전자책 뷰어: iBooks, Calibre(캘리버)<br />
<br />
=플랫폼=<br />
*리디북스: www://ridibooks.com/event/67<br />
*교보문고, 한국이퍼브, 유페이퍼, 북큐브<br />
<br />
=상업용 무료 이미지 사이트=<br />
*https://pixabay.com<br />
*https://www.freepik.com<br />
*https://unsplash.com<br />
*https://gratisography.com<br />
*https://morguefile.com<br />
<br />
=전자책 출판사 만드는 순서=<br />
# 시길 설치하기. 그전에 책을 위한 원고작성 및 자료모음이 먼저. <br />
# 시길을 이용한 전자책만들기. 완성<br />
# 출판사 등록을 위한 구청(문화체육과)방문<br />
# 구청 재방문 서류 받기, 받은 서류(등록증)로 세무서에 가서 신고<br />
# 계약하고자 하는 플랫폼(전자책을 내놓을 배부할 회사)마다 요구하는 서류가 다름. 사업자 통장과 사업자공인인증서 미리 준비. <br />
# 각 유통사 플렛폼에 메일을 보내고, 서류 준비. <br />
# 서지정보시스템에 들어가서 isbn, cip를 발행하고 전자책에도 등록.<br />
# 각각의 scm 사이트에 isbn, cip를 등록. <br />
# 각 회사에서 정산금액을 메일로 알려주면 홈텍스에서 세금계산서를 발생. 출판사는 면세사업자<br />
<br />
=전자책 만들기=<br />
==기본 구성==<br />
#본문<br />
#메터데이터<br />
#표지<br />
#목차<br />
<br />
==목차 및 이미지 추가를 위한 정규표현식==<br />
* split at markers사용법: 검색 Find&Replace , 방식: Regex, 모든html파일, 아래쪽<br />
<pre><br />
찾기: <p>제(\d++)장(.*)</p><br />
바꾸기: <hr class="sigil_split_marker"/><p>제\1장\2</p><br />
</pre><br />
<br />
*img 한꺼번에 바꾸기(정규표현식): img000(숫자)으로 자리만 저장한 후, 그림파일을 한꺼번에 올려서 찾아 바꾸기<br />
<pre><br />
찾기: <p>img(\d++)</p><br />
바꾸기: <p><img alt="img\" src="../Images/img\1.png"/></p><br />
</pre><br />
<br />
==본문 스타일 편집==<br />
===기초 html tag===<br />
<br />
{| class="wikitable"<br />
|-<br />
! 태그!! 역할 !! 사용법<br />
|-<br />
| <nowiki> <h1>...</h1> </nowiki> || 부, 장, 절 등 제목에 사용|| h1~h6까지 숫자가 커질수록 작은크기, h4가 본문 글자와 비슷한 크기, 블럭태그<br />
|-<br />
|<nowiki> <p>...</p> </nowiki> || 문단|| 한 문단(paragraph)을 감싸줌. 가장 많이 쓰이는 블럭 태그<br />
|-<br />
|<nowiki> <i>...</i> </nowiki> || 이탤릭체|| 기울이는 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
|<nowiki><b>...</b></nowiki> || 볼드체||진하게 하는 인라인 태그, 꼭 블럭 태그와 함께 사용. <br />
|-<br />
|<nowiki> <ins>...</ins> </nowiki>|| 밑줄||밑줄(insert) 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
| <nowiki><sup>...</sup> </nowiki>|| 위첨자||위첨자 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
| <nowiki><sub>...</sub></nowiki> || 아래첨자||아래첨자 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
| <nowiki><span class="...">...</span> </nowiki>|| 본문 내 글자에 스타일 적용||인라인 태그이므로 꼭 블럭 태그와 함께 사용하며 속성(attribute)를 같이 써야함.<br />
|-<br />
| <nowiki><div>...</div> </nowiki>|| 그룹을 묶어 스타일 적용, 글상자 만들기||division을 의미하고 큰 블럭 태그로 다른 블럭 테그를 감쌀 수 있음. 테두리, 배경색 등의 속성 필수. <br />
|-<br />
| <nowiki><img alt=".." src=".."/></nowiki> || 이미지 삽입|| 인라인 태그로 꼭 블럭태그와 함께 사용. alt="이미지설명" src="이미지 위치 경로" , 닫는 "/'"가 없는 단독 테그(빈 테그)<br />
|}<br />
<br />
*블럭 tag<br />
<pre><nowiki><br />
<div><br />
<h1>...</h1> <p>div는 큰 블럭으로 p나 h1등을 감쌀 수 있음. 반대로 안되며 p와 h1은 같은 수준이기 때문에 서로 감쌀 수 없음</p><br />
</div><br />
</nowiki></pre><br />
<br />
*인라인 tag: p 등의 블럭 tag안에서만 i, b, span등이 사용 가능함<br />
<pre><br />
<nowiki><br />
<p><i>기울임 글꼴</i> <b>진한 글꼴</b></p><br />
</nowiki><br />
</pre><br />
<br />
===css(Cascading Style Sheet)===<br />
*html은 문서의 구조를 만든다면 css는 문서의 모양을 꾸며줌<br />
*글꼴, 글자 크기, 색, 상하좌우 정렬, 배경색, 테두리, 레이아웃 등<br />
*구성: 선택자, 속성, 값<br />
<pre><br />
h1 { font-size : 1.5em ; color : red } → 태그 선택자<br />
.title { font-size : 1.5em ; color : red } → 클래스 선택자<br />
---- ----------- --- ----- ---<br />
선택자 속성 값 속성 값<br />
</pre><br />
<br />
*선택자: html 태그에 직접 스타일을 적용한 '''태그 선택자'''와 편집자가 임의로 이름을 지정한 선택자인 '''클래스 선택자'''<br />
<br />
*클래스 선택자의 규칙<br />
#태그를 클래스 이름으로 쓰지 않는다. 예) .h1{...}X <br />
#예약어를 사용하지 않는다 예) .with{...}X<br />
#반드시 영문으로 시작하고 숫자, 하이픈, 믿줄 이외에는 사용하지 않는다. 예) .장제목{...}X <br />
#이해할 수 있는 단어를 사용한다. 예).t01{...} X, .chap_title{...}O<br />
<br />
*클래스 이름만들기<br />
#예약어를 사용하지 않도록 주의해야 한다. <br />
#종류를 구분해서 머리말_(언더바)를 넣는다. <br />
<pre><br />
.txt_sample: 본문의 글자를 꾸미는 클래스<br />
.img_sample: 이미지를 꾸미는 클래스<br />
.title_:제목과 관련된 클래스<br />
.box_: 글상자와 관련된 클래스<br />
.bg_: 배경색, 배경이미지 클래스 <br />
</pre><br />
#클래스의 이름은 주요 속성의 영어 단어를 최대한 그대로 사용한다. <br />
<pre><br />
.txt_gothic_bold: 진한 고딕 글씨체<br />
.txt_red, txt_color_red: 빨간 글씨체<br />
.txt_center: 글자 가운데 정렬<br />
</pre><br />
#클래스명이 길면 쉽게 유추할 수 있는 약어를 쓴다. <br />
<pre><br />
.img_float_L<br />
.img_float_R<br />
</pre><br />
<br />
===필수 css===<br />
*font-family: 글꼴 이름, @font-face와 함께 사용<br />
*text-indent: 들여 쓰기 <br />
*padding-left: 내여 쓰기<br />
*text-align: 글자 정렬<br />
<pre><br />
양쪽정렬<br />
p{<br />
text-align:justify;<br />
}<br />
</pre><br />
*line-height: 줄 간격, 1.8~2.0 em 정도<br />
<pre><br />
p{<br />
line-height: 1.8em;<br />
}<br />
</pre><br />
*font-size: 글자 크기<br />
*color: 글자 색<br />
*margin: 바깥쪽 여백<br />
<pre><br />
margin: 1em; 상하좌우 모두 1em <br />
margin: 1em 2em; 상하 1, 좌우2<br />
margin: 1em 5em 2em; 상1 좌우5 하2<br />
margin: 1em 2em 3em 4em; 상1 우2 하3 좌 4(시계방향)<br />
</pre><br />
*padding 안쪽 여백<br />
*width: 폭<br />
*height: 높이<br />
*float: 이미지와 글자가 자연스럽게 배치되는 스타일<br />
<br />
==html과 css로 전자책 완성하기==<br />
===스타일 기본 설정===<br />
*스타일/빈 스타일시트 추가<br />
*text파일들 모두 선택후 스타일시트를 연결<br />
*폰트폴더에서 기존파일 추가로 원하는 글꼴 추가 <br />
<br />
===글꼴 선언===<br />
*글꼴 추가 후 style0001.css파일에 @font-face로 선언<br />
<pre><br />
@font-face{<br />
font-family:"명조"<br />
src:url("../Fonts/NanumMyeongjo.ttf");<br />
}<br />
</pre><br />
<br />
===본문 스타일===<br />
<pre><br />
p{<br />
font-family:"명조";<br />
text-indent:1em;<br />
line-height: 1.8em;<br />
text-align: justify;<br />
<br />
}<br />
</pre><br />
<br />
===제목 스타일===<br />
<pre><br />
h3{/*장 제목은 명조로, 색깔은 파랑, 사이즈는 일반의 1.5배, 오른쪽 정렬 위에서 2줄, 아래에서 7줄 본문과 간격*/<br />
font-family: "고딕";<br />
color: blue;<br />
font-size: 1.5em;<br />
text-align:right;<br />
margin-top:2em;<br />
margin-bottom:7em;<br />
}<br />
</pre><br />
<br />
===이미지 정렬===<br />
*가운데 정렬<br />
<pre><br />
.img_center{ text-indent:0;<br />
text-align:center;<br />
margin: 1em 0 1em 0;<br />
}<br />
</pre><br />
<br />
*왼쪽 어울림<br />
<pre><br />
.img_left{ text-indent:0;<br />
float:left;<br />
text-align:left;<br />
width:45%;<br />
margin-right:1em;<br />
}<br />
</pre><br />
<br />
*오른쪽 어울림<br />
<pre><br />
.img_right{<br />
text-indent:0;<br />
float:right;<br />
text-align:right;<br />
width:45%;<br />
margin-left:1em;<br />
}<br />
</pre><br />
<br />
*이미지 자동 맞추기<br />
<pre><br />
img{<br />
width:100%<br />
}<br />
.img_center img, .img_left img, .img_right img{width:100%}<br />
</pre><br />
<br />
===본문 인용 강조 스타일===<br />
*아래첨자<br />
<pre><br />
sub{<br />
font-size: 0.8em;<br />
vertical-align:baseline;<br />
}<br />
</pre><br />
<br />
*고딕 기울임<br />
<pre><br />
font-style:italic;<br />
font-family:"고딕";<br />
</pre><br />
본문에 sub로 묶어서 표현<br />
<br />
*span tag<br />
<pre><br />
css:<br />
.txt_small{<br />
font-size: 0.8em;<br />
}<br />
html:<br />
<span class="txt_small">...</span><br />
+글꼴 font-family:"고딕";<br />
+스타일 font-style:italic;<br />
</pre><br />
<br />
*분할 태그 div: 한문단 이상의 인용구에 사용<br />
<pre><br />
.box_letter{<br />
margin-left:2em;<br />
margin-top:2em;<br />
margin-bottom:2em;<br />
}<br />
.box_letter p{/*분할태그안의 p태그 스타일 지정*/<br />
font-family:"고딕";<br />
font-indent:0;<br />
font-size: 0.9em;<br />
}<br />
<div class="box_letter"><br />
<p>...</p><br />
<p>...</p><br />
</div><br />
</pre><br />
div 태그 보다 p 태그가 안에 있기 때문에 p태그의 영향을 더 먼저 받음. 따라서 div와 p의 스타일을 따로 잡아줘야함. div는 부모, p는 자식이라고도 함.<br />
<br />
===정렬 스타일===<br />
<pre><br />
.txt_center{<br />
text-align: center;<br />
text-indent:0;<br />
}<br />
.text_right{<br />
text-align:right;<br />
text-indent:0;<br />
}<br />
.text_left{<br />
text-align:left;<br />
text-indent:0;<br />
}<br />
</pre><br />
<br />
===시/목차/판권면 스타일===<br />
*배경색과 테두리: div로 문단을 지정<br />
<pre><br />
.box_poem{<br />
border: 3px solid cyan;<br />
background-color:#E4E4E4;<br />
padding: 10px; /*테두리와 글자사이의 여백, 글자와 테두리가 너무 붙으면 가독성이 떨어짐*/<br />
}<br />
.box-poem p{<br />
text-indent:0;<br />
}<br />
</pre><br />
<br />
===EPUB TOC(차례파일) 만들기===<br />
<br />
=참고문헌=<br />
박웅영(2018). 제대로 된 전자책 한권 잘 만들기. 미디어랩</div>
박현정
http://dh.aks.ac.kr/~phj/wiki/index.php?title=%EC%A0%84%EC%9E%90%EC%B1%85&diff=840
전자책
2021-01-22T09:08:49Z
<p>박현정: /* 정렬 스타일 */</p>
<hr />
<div>=sigil=<br />
*EPUB(전자책 포맷 중 하나) 편집 프로그램으로 이미지, 동영상, 오디오 파일 첨부가 가능하고 글꼴을 포함할 수 있어 다양한 형태의 스타일을 편집할 수 있음. <br />
*시길 다운로드: http://sigil-ebook.com<br />
*sigil-0.96-window-x64-setup.exe 다운받기<br />
*isbn 발급방법: [http://seoji.nl.go.kr/isbn/isbnBook/IsbnBookSearch.do 서지정보유통시스템] 가입, 로그인<br />
*전자책 뷰어: iBooks, Calibre(캘리버)<br />
<br />
=플랫폼=<br />
*리디북스: www://ridibooks.com/event/67<br />
*교보문고, 한국이퍼브, 유페이퍼, 북큐브<br />
<br />
=상업용 무료 이미지 사이트=<br />
*https://pixabay.com<br />
*https://www.freepik.com<br />
*https://unsplash.com<br />
*https://gratisography.com<br />
*https://morguefile.com<br />
<br />
=전자책 출판사 만드는 순서=<br />
# 시길 설치하기. 그전에 책을 위한 원고작성 및 자료모음이 먼저. <br />
# 시길을 이용한 전자책만들기. 완성<br />
# 출판사 등록을 위한 구청(문화체육과)방문<br />
# 구청 재방문 서류 받기, 받은 서류(등록증)로 세무서에 가서 신고<br />
# 계약하고자 하는 플랫폼(전자책을 내놓을 배부할 회사)마다 요구하는 서류가 다름. 사업자 통장과 사업자공인인증서 미리 준비. <br />
# 각 유통사 플렛폼에 메일을 보내고, 서류 준비. <br />
# 서지정보시스템에 들어가서 isbn, cip를 발행하고 전자책에도 등록.<br />
# 각각의 scm 사이트에 isbn, cip를 등록. <br />
# 각 회사에서 정산금액을 메일로 알려주면 홈텍스에서 세금계산서를 발생. 출판사는 면세사업자<br />
<br />
=전자책 만들기=<br />
==기본 구성==<br />
#본문<br />
#메터데이터<br />
#표지<br />
#목차<br />
<br />
==목차 및 이미지 추가를 위한 정규표현식==<br />
* split at markers사용법: 검색 Find&Replace , 방식: Regex, 모든html파일, 아래쪽<br />
<pre><br />
찾기: <p>제(\d++)장(.*)</p><br />
바꾸기: <hr class="sigil_split_marker"/><p>제\1장\2</p><br />
</pre><br />
<br />
*img 한꺼번에 바꾸기(정규표현식): img000(숫자)으로 자리만 저장한 후, 그림파일을 한꺼번에 올려서 찾아 바꾸기<br />
<pre><br />
찾기: <p>img(\d++)</p><br />
바꾸기: <p><img alt="img\" src="../Images/img\1.png"/></p><br />
</pre><br />
<br />
==본문 스타일 편집==<br />
===기초 html tag===<br />
<br />
{| class="wikitable"<br />
|-<br />
! 태그!! 역할 !! 사용법<br />
|-<br />
| <nowiki> <h1>...</h1> </nowiki> || 부, 장, 절 등 제목에 사용|| h1~h6까지 숫자가 커질수록 작은크기, h4가 본문 글자와 비슷한 크기, 블럭태그<br />
|-<br />
|<nowiki> <p>...</p> </nowiki> || 문단|| 한 문단(paragraph)을 감싸줌. 가장 많이 쓰이는 블럭 태그<br />
|-<br />
|<nowiki> <i>...</i> </nowiki> || 이탤릭체|| 기울이는 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
|<nowiki><b>...</b></nowiki> || 볼드체||진하게 하는 인라인 태그, 꼭 블럭 태그와 함께 사용. <br />
|-<br />
|<nowiki> <ins>...</ins> </nowiki>|| 밑줄||밑줄(insert) 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
| <nowiki><sup>...</sup> </nowiki>|| 위첨자||위첨자 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
| <nowiki><sub>...</sub></nowiki> || 아래첨자||아래첨자 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
| <nowiki><span class="...">...</span> </nowiki>|| 본문 내 글자에 스타일 적용||인라인 태그이므로 꼭 블럭 태그와 함께 사용하며 속성(attribute)를 같이 써야함.<br />
|-<br />
| <nowiki><div>...</div> </nowiki>|| 그룹을 묶어 스타일 적용, 글상자 만들기||division을 의미하고 큰 블럭 태그로 다른 블럭 테그를 감쌀 수 있음. 테두리, 배경색 등의 속성 필수. <br />
|-<br />
| <nowiki><img alt=".." src=".."/></nowiki> || 이미지 삽입|| 인라인 태그로 꼭 블럭태그와 함께 사용. alt="이미지설명" src="이미지 위치 경로" , 닫는 "/'"가 없는 단독 테그(빈 테그)<br />
|}<br />
<br />
*블럭 tag<br />
<pre><nowiki><br />
<div><br />
<h1>...</h1> <p>div는 큰 블럭으로 p나 h1등을 감쌀 수 있음. 반대로 안되며 p와 h1은 같은 수준이기 때문에 서로 감쌀 수 없음</p><br />
</div><br />
</nowiki></pre><br />
<br />
*인라인 tag: p 등의 블럭 tag안에서만 i, b, span등이 사용 가능함<br />
<pre><br />
<nowiki><br />
<p><i>기울임 글꼴</i> <b>진한 글꼴</b></p><br />
</nowiki><br />
</pre><br />
<br />
===css(Cascading Style Sheet)===<br />
*html은 문서의 구조를 만든다면 css는 문서의 모양을 꾸며줌<br />
*글꼴, 글자 크기, 색, 상하좌우 정렬, 배경색, 테두리, 레이아웃 등<br />
*구성: 선택자, 속성, 값<br />
<pre><br />
h1 { font-size : 1.5em ; color : red } → 태그 선택자<br />
.title { font-size : 1.5em ; color : red } → 클래스 선택자<br />
---- ----------- --- ----- ---<br />
선택자 속성 값 속성 값<br />
</pre><br />
<br />
*선택자: html 태그에 직접 스타일을 적용한 '''태그 선택자'''와 편집자가 임의로 이름을 지정한 선택자인 '''클래스 선택자'''<br />
<br />
*클래스 선택자의 규칙<br />
#태그를 클래스 이름으로 쓰지 않는다. 예) .h1{...}X <br />
#예약어를 사용하지 않는다 예) .with{...}X<br />
#반드시 영문으로 시작하고 숫자, 하이픈, 믿줄 이외에는 사용하지 않는다. 예) .장제목{...}X <br />
#이해할 수 있는 단어를 사용한다. 예).t01{...} X, .chap_title{...}O<br />
<br />
*클래스 이름만들기<br />
#예약어를 사용하지 않도록 주의해야 한다. <br />
#종류를 구분해서 머리말_(언더바)를 넣는다. <br />
<pre><br />
.txt_sample: 본문의 글자를 꾸미는 클래스<br />
.img_sample: 이미지를 꾸미는 클래스<br />
.title_:제목과 관련된 클래스<br />
.box_: 글상자와 관련된 클래스<br />
.bg_: 배경색, 배경이미지 클래스 <br />
</pre><br />
#클래스의 이름은 주요 속성의 영어 단어를 최대한 그대로 사용한다. <br />
<pre><br />
.txt_gothic_bold: 진한 고딕 글씨체<br />
.txt_red, txt_color_red: 빨간 글씨체<br />
.txt_center: 글자 가운데 정렬<br />
</pre><br />
#클래스명이 길면 쉽게 유추할 수 있는 약어를 쓴다. <br />
<pre><br />
.img_float_L<br />
.img_float_R<br />
</pre><br />
<br />
===필수 css===<br />
*font-family: 글꼴 이름, @font-face와 함께 사용<br />
*text-indent: 들여 쓰기 <br />
*padding-left: 내여 쓰기<br />
*text-align: 글자 정렬<br />
<pre><br />
양쪽정렬<br />
p{<br />
text-align:justify;<br />
}<br />
</pre><br />
*line-height: 줄 간격, 1.8~2.0 em 정도<br />
<pre><br />
p{<br />
line-height: 1.8em;<br />
}<br />
</pre><br />
*font-size: 글자 크기<br />
*color: 글자 색<br />
*margin: 바깥쪽 여백<br />
<pre><br />
margin: 1em; 상하좌우 모두 1em <br />
margin: 1em 2em; 상하 1, 좌우2<br />
margin: 1em 5em 2em; 상1 좌우5 하2<br />
margin: 1em 2em 3em 4em; 상1 우2 하3 좌 4(시계방향)<br />
</pre><br />
*padding 안쪽 여백<br />
*width: 폭<br />
*height: 높이<br />
*float: 이미지와 글자가 자연스럽게 배치되는 스타일<br />
<br />
==html과 css로 전자책 완성하기==<br />
===스타일 기본 설정===<br />
*스타일/빈 스타일시트 추가<br />
*text파일들 모두 선택후 스타일시트를 연결<br />
*폰트폴더에서 기존파일 추가로 원하는 글꼴 추가 <br />
<br />
===글꼴 선언===<br />
*글꼴 추가 후 style0001.css파일에 @font-face로 선언<br />
<pre><br />
@font-face{<br />
font-family:"명조"<br />
src:url("../Fonts/NanumMyeongjo.ttf");<br />
}<br />
</pre><br />
<br />
===본문 스타일===<br />
<pre><br />
p{<br />
font-family:"명조";<br />
text-indent:1em;<br />
line-height: 1.8em;<br />
text-align: justify;<br />
<br />
}<br />
</pre><br />
<br />
===제목 스타일===<br />
<pre><br />
h3{/*장 제목은 명조로, 색깔은 파랑, 사이즈는 일반의 1.5배, 오른쪽 정렬 위에서 2줄, 아래에서 7줄 본문과 간격*/<br />
font-family: "고딕";<br />
color: blue;<br />
font-size: 1.5em;<br />
text-align:right;<br />
margin-top:2em;<br />
margin-bottom:7em;<br />
}<br />
</pre><br />
<br />
===이미지 정렬===<br />
*가운데 정렬<br />
<pre><br />
.img_center{ text-indent:0;<br />
text-align:center;<br />
margin: 1em 0 1em 0;<br />
}<br />
</pre><br />
<br />
*왼쪽 어울림<br />
<pre><br />
.img_left{ text-indent:0;<br />
float:left;<br />
text-align:left;<br />
width:45%;<br />
margin-right:1em;<br />
}<br />
</pre><br />
<br />
*오른쪽 어울림<br />
<pre><br />
.img_right{<br />
text-indent:0;<br />
float:right;<br />
text-align:right;<br />
width:45%;<br />
margin-left:1em;<br />
}<br />
</pre><br />
<br />
*이미지 자동 맞추기<br />
<pre><br />
img{<br />
width:100%<br />
}<br />
.img_center img, .img_left img, .img_right img{width:100%}<br />
</pre><br />
<br />
===본문 인용 강조 스타일===<br />
*아래첨자<br />
<pre><br />
sub{<br />
font-size: 0.8em;<br />
vertical-align:baseline;<br />
}<br />
</pre><br />
<br />
*고딕 기울임<br />
<pre><br />
font-style:italic;<br />
font-family:"고딕";<br />
</pre><br />
본문에 sub로 묶어서 표현<br />
<br />
*span tag<br />
<pre><br />
css:<br />
.txt_small{<br />
font-size: 0.8em;<br />
}<br />
html:<br />
<span class="txt_small">...</span><br />
+글꼴 font-family:"고딕";<br />
+스타일 font-style:italic;<br />
</pre><br />
<br />
*분할 태그 div: 한문단 이상의 인용구에 사용<br />
<pre><br />
.box_letter{<br />
margin-left:2em;<br />
margin-top:2em;<br />
margin-bottom:2em;<br />
}<br />
.box_letter p{/*분할태그안의 p태그 스타일 지정*/<br />
font-family:"고딕";<br />
font-indent:0;<br />
font-size: 0.9em;<br />
}<br />
<div class="box_letter"><br />
<p>...</p><br />
<p>...</p><br />
</div><br />
</pre><br />
div 태그 보다 p 태그가 안에 있기 때문에 p태그의 영향을 더 먼저 받음. 따라서 div와 p의 스타일을 따로 잡아줘야함. div는 부모, p는 자식이라고도 함.<br />
<br />
===정렬 스타일===<br />
<pre><br />
.txt_center{<br />
text-align: center;<br />
text-indent:0;<br />
}<br />
.text_right{<br />
text-align:right;<br />
text-indent:0;<br />
}<br />
.text_left{<br />
text-align:left;<br />
text-indent:0;<br />
}<br />
</pre><br />
<br />
===시/목차/판권면 스타일===<br />
<br />
===EPUB TOC(차례파일) 만들기===<br />
<br />
=참고문헌=<br />
박웅영(2018). 제대로 된 전자책 한권 잘 만들기. 미디어랩</div>
박현정
http://dh.aks.ac.kr/~phj/wiki/index.php?title=%EC%A0%84%EC%9E%90%EC%B1%85&diff=839
전자책
2021-01-22T08:34:24Z
<p>박현정: /* 본문 인용 강조 스타일 */</p>
<hr />
<div>=sigil=<br />
*EPUB(전자책 포맷 중 하나) 편집 프로그램으로 이미지, 동영상, 오디오 파일 첨부가 가능하고 글꼴을 포함할 수 있어 다양한 형태의 스타일을 편집할 수 있음. <br />
*시길 다운로드: http://sigil-ebook.com<br />
*sigil-0.96-window-x64-setup.exe 다운받기<br />
*isbn 발급방법: [http://seoji.nl.go.kr/isbn/isbnBook/IsbnBookSearch.do 서지정보유통시스템] 가입, 로그인<br />
*전자책 뷰어: iBooks, Calibre(캘리버)<br />
<br />
=플랫폼=<br />
*리디북스: www://ridibooks.com/event/67<br />
*교보문고, 한국이퍼브, 유페이퍼, 북큐브<br />
<br />
=상업용 무료 이미지 사이트=<br />
*https://pixabay.com<br />
*https://www.freepik.com<br />
*https://unsplash.com<br />
*https://gratisography.com<br />
*https://morguefile.com<br />
<br />
=전자책 출판사 만드는 순서=<br />
# 시길 설치하기. 그전에 책을 위한 원고작성 및 자료모음이 먼저. <br />
# 시길을 이용한 전자책만들기. 완성<br />
# 출판사 등록을 위한 구청(문화체육과)방문<br />
# 구청 재방문 서류 받기, 받은 서류(등록증)로 세무서에 가서 신고<br />
# 계약하고자 하는 플랫폼(전자책을 내놓을 배부할 회사)마다 요구하는 서류가 다름. 사업자 통장과 사업자공인인증서 미리 준비. <br />
# 각 유통사 플렛폼에 메일을 보내고, 서류 준비. <br />
# 서지정보시스템에 들어가서 isbn, cip를 발행하고 전자책에도 등록.<br />
# 각각의 scm 사이트에 isbn, cip를 등록. <br />
# 각 회사에서 정산금액을 메일로 알려주면 홈텍스에서 세금계산서를 발생. 출판사는 면세사업자<br />
<br />
=전자책 만들기=<br />
==기본 구성==<br />
#본문<br />
#메터데이터<br />
#표지<br />
#목차<br />
<br />
==목차 및 이미지 추가를 위한 정규표현식==<br />
* split at markers사용법: 검색 Find&Replace , 방식: Regex, 모든html파일, 아래쪽<br />
<pre><br />
찾기: <p>제(\d++)장(.*)</p><br />
바꾸기: <hr class="sigil_split_marker"/><p>제\1장\2</p><br />
</pre><br />
<br />
*img 한꺼번에 바꾸기(정규표현식): img000(숫자)으로 자리만 저장한 후, 그림파일을 한꺼번에 올려서 찾아 바꾸기<br />
<pre><br />
찾기: <p>img(\d++)</p><br />
바꾸기: <p><img alt="img\" src="../Images/img\1.png"/></p><br />
</pre><br />
<br />
==본문 스타일 편집==<br />
===기초 html tag===<br />
<br />
{| class="wikitable"<br />
|-<br />
! 태그!! 역할 !! 사용법<br />
|-<br />
| <nowiki> <h1>...</h1> </nowiki> || 부, 장, 절 등 제목에 사용|| h1~h6까지 숫자가 커질수록 작은크기, h4가 본문 글자와 비슷한 크기, 블럭태그<br />
|-<br />
|<nowiki> <p>...</p> </nowiki> || 문단|| 한 문단(paragraph)을 감싸줌. 가장 많이 쓰이는 블럭 태그<br />
|-<br />
|<nowiki> <i>...</i> </nowiki> || 이탤릭체|| 기울이는 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
|<nowiki><b>...</b></nowiki> || 볼드체||진하게 하는 인라인 태그, 꼭 블럭 태그와 함께 사용. <br />
|-<br />
|<nowiki> <ins>...</ins> </nowiki>|| 밑줄||밑줄(insert) 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
| <nowiki><sup>...</sup> </nowiki>|| 위첨자||위첨자 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
| <nowiki><sub>...</sub></nowiki> || 아래첨자||아래첨자 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
| <nowiki><span class="...">...</span> </nowiki>|| 본문 내 글자에 스타일 적용||인라인 태그이므로 꼭 블럭 태그와 함께 사용하며 속성(attribute)를 같이 써야함.<br />
|-<br />
| <nowiki><div>...</div> </nowiki>|| 그룹을 묶어 스타일 적용, 글상자 만들기||division을 의미하고 큰 블럭 태그로 다른 블럭 테그를 감쌀 수 있음. 테두리, 배경색 등의 속성 필수. <br />
|-<br />
| <nowiki><img alt=".." src=".."/></nowiki> || 이미지 삽입|| 인라인 태그로 꼭 블럭태그와 함께 사용. alt="이미지설명" src="이미지 위치 경로" , 닫는 "/'"가 없는 단독 테그(빈 테그)<br />
|}<br />
<br />
*블럭 tag<br />
<pre><nowiki><br />
<div><br />
<h1>...</h1> <p>div는 큰 블럭으로 p나 h1등을 감쌀 수 있음. 반대로 안되며 p와 h1은 같은 수준이기 때문에 서로 감쌀 수 없음</p><br />
</div><br />
</nowiki></pre><br />
<br />
*인라인 tag: p 등의 블럭 tag안에서만 i, b, span등이 사용 가능함<br />
<pre><br />
<nowiki><br />
<p><i>기울임 글꼴</i> <b>진한 글꼴</b></p><br />
</nowiki><br />
</pre><br />
<br />
===css(Cascading Style Sheet)===<br />
*html은 문서의 구조를 만든다면 css는 문서의 모양을 꾸며줌<br />
*글꼴, 글자 크기, 색, 상하좌우 정렬, 배경색, 테두리, 레이아웃 등<br />
*구성: 선택자, 속성, 값<br />
<pre><br />
h1 { font-size : 1.5em ; color : red } → 태그 선택자<br />
.title { font-size : 1.5em ; color : red } → 클래스 선택자<br />
---- ----------- --- ----- ---<br />
선택자 속성 값 속성 값<br />
</pre><br />
<br />
*선택자: html 태그에 직접 스타일을 적용한 '''태그 선택자'''와 편집자가 임의로 이름을 지정한 선택자인 '''클래스 선택자'''<br />
<br />
*클래스 선택자의 규칙<br />
#태그를 클래스 이름으로 쓰지 않는다. 예) .h1{...}X <br />
#예약어를 사용하지 않는다 예) .with{...}X<br />
#반드시 영문으로 시작하고 숫자, 하이픈, 믿줄 이외에는 사용하지 않는다. 예) .장제목{...}X <br />
#이해할 수 있는 단어를 사용한다. 예).t01{...} X, .chap_title{...}O<br />
<br />
*클래스 이름만들기<br />
#예약어를 사용하지 않도록 주의해야 한다. <br />
#종류를 구분해서 머리말_(언더바)를 넣는다. <br />
<pre><br />
.txt_sample: 본문의 글자를 꾸미는 클래스<br />
.img_sample: 이미지를 꾸미는 클래스<br />
.title_:제목과 관련된 클래스<br />
.box_: 글상자와 관련된 클래스<br />
.bg_: 배경색, 배경이미지 클래스 <br />
</pre><br />
#클래스의 이름은 주요 속성의 영어 단어를 최대한 그대로 사용한다. <br />
<pre><br />
.txt_gothic_bold: 진한 고딕 글씨체<br />
.txt_red, txt_color_red: 빨간 글씨체<br />
.txt_center: 글자 가운데 정렬<br />
</pre><br />
#클래스명이 길면 쉽게 유추할 수 있는 약어를 쓴다. <br />
<pre><br />
.img_float_L<br />
.img_float_R<br />
</pre><br />
<br />
===필수 css===<br />
*font-family: 글꼴 이름, @font-face와 함께 사용<br />
*text-indent: 들여 쓰기 <br />
*padding-left: 내여 쓰기<br />
*text-align: 글자 정렬<br />
<pre><br />
양쪽정렬<br />
p{<br />
text-align:justify;<br />
}<br />
</pre><br />
*line-height: 줄 간격, 1.8~2.0 em 정도<br />
<pre><br />
p{<br />
line-height: 1.8em;<br />
}<br />
</pre><br />
*font-size: 글자 크기<br />
*color: 글자 색<br />
*margin: 바깥쪽 여백<br />
<pre><br />
margin: 1em; 상하좌우 모두 1em <br />
margin: 1em 2em; 상하 1, 좌우2<br />
margin: 1em 5em 2em; 상1 좌우5 하2<br />
margin: 1em 2em 3em 4em; 상1 우2 하3 좌 4(시계방향)<br />
</pre><br />
*padding 안쪽 여백<br />
*width: 폭<br />
*height: 높이<br />
*float: 이미지와 글자가 자연스럽게 배치되는 스타일<br />
<br />
==html과 css로 전자책 완성하기==<br />
===스타일 기본 설정===<br />
*스타일/빈 스타일시트 추가<br />
*text파일들 모두 선택후 스타일시트를 연결<br />
*폰트폴더에서 기존파일 추가로 원하는 글꼴 추가 <br />
<br />
===글꼴 선언===<br />
*글꼴 추가 후 style0001.css파일에 @font-face로 선언<br />
<pre><br />
@font-face{<br />
font-family:"명조"<br />
src:url("../Fonts/NanumMyeongjo.ttf");<br />
}<br />
</pre><br />
<br />
===본문 스타일===<br />
<pre><br />
p{<br />
font-family:"명조";<br />
text-indent:1em;<br />
line-height: 1.8em;<br />
text-align: justify;<br />
<br />
}<br />
</pre><br />
<br />
===제목 스타일===<br />
<pre><br />
h3{/*장 제목은 명조로, 색깔은 파랑, 사이즈는 일반의 1.5배, 오른쪽 정렬 위에서 2줄, 아래에서 7줄 본문과 간격*/<br />
font-family: "고딕";<br />
color: blue;<br />
font-size: 1.5em;<br />
text-align:right;<br />
margin-top:2em;<br />
margin-bottom:7em;<br />
}<br />
</pre><br />
<br />
===이미지 정렬===<br />
*가운데 정렬<br />
<pre><br />
.img_center{ text-indent:0;<br />
text-align:center;<br />
margin: 1em 0 1em 0;<br />
}<br />
</pre><br />
<br />
*왼쪽 어울림<br />
<pre><br />
.img_left{ text-indent:0;<br />
float:left;<br />
text-align:left;<br />
width:45%;<br />
margin-right:1em;<br />
}<br />
</pre><br />
<br />
*오른쪽 어울림<br />
<pre><br />
.img_right{<br />
text-indent:0;<br />
float:right;<br />
text-align:right;<br />
width:45%;<br />
margin-left:1em;<br />
}<br />
</pre><br />
<br />
*이미지 자동 맞추기<br />
<pre><br />
img{<br />
width:100%<br />
}<br />
.img_center img, .img_left img, .img_right img{width:100%}<br />
</pre><br />
<br />
===본문 인용 강조 스타일===<br />
*아래첨자<br />
<pre><br />
sub{<br />
font-size: 0.8em;<br />
vertical-align:baseline;<br />
}<br />
</pre><br />
<br />
*고딕 기울임<br />
<pre><br />
font-style:italic;<br />
font-family:"고딕";<br />
</pre><br />
본문에 sub로 묶어서 표현<br />
<br />
*span tag<br />
<pre><br />
css:<br />
.txt_small{<br />
font-size: 0.8em;<br />
}<br />
html:<br />
<span class="txt_small">...</span><br />
+글꼴 font-family:"고딕";<br />
+스타일 font-style:italic;<br />
</pre><br />
<br />
*분할 태그 div: 한문단 이상의 인용구에 사용<br />
<pre><br />
.box_letter{<br />
margin-left:2em;<br />
margin-top:2em;<br />
margin-bottom:2em;<br />
}<br />
.box_letter p{/*분할태그안의 p태그 스타일 지정*/<br />
font-family:"고딕";<br />
font-indent:0;<br />
font-size: 0.9em;<br />
}<br />
<div class="box_letter"><br />
<p>...</p><br />
<p>...</p><br />
</div><br />
</pre><br />
div 태그 보다 p 태그가 안에 있기 때문에 p태그의 영향을 더 먼저 받음. 따라서 div와 p의 스타일을 따로 잡아줘야함. div는 부모, p는 자식이라고도 함.<br />
<br />
===정렬 스타일===<br />
<br />
===시/목차/판권면 스타일===<br />
<br />
===EPUB TOC(차례파일) 만들기===<br />
<br />
=참고문헌=<br />
박웅영(2018). 제대로 된 전자책 한권 잘 만들기. 미디어랩</div>
박현정
http://dh.aks.ac.kr/~phj/wiki/index.php?title=%EC%A0%84%EC%9E%90%EC%B1%85&diff=838
전자책
2021-01-22T08:08:03Z
<p>박현정: /* 본문 인용 강조 스타일 */</p>
<hr />
<div>=sigil=<br />
*EPUB(전자책 포맷 중 하나) 편집 프로그램으로 이미지, 동영상, 오디오 파일 첨부가 가능하고 글꼴을 포함할 수 있어 다양한 형태의 스타일을 편집할 수 있음. <br />
*시길 다운로드: http://sigil-ebook.com<br />
*sigil-0.96-window-x64-setup.exe 다운받기<br />
*isbn 발급방법: [http://seoji.nl.go.kr/isbn/isbnBook/IsbnBookSearch.do 서지정보유통시스템] 가입, 로그인<br />
*전자책 뷰어: iBooks, Calibre(캘리버)<br />
<br />
=플랫폼=<br />
*리디북스: www://ridibooks.com/event/67<br />
*교보문고, 한국이퍼브, 유페이퍼, 북큐브<br />
<br />
=상업용 무료 이미지 사이트=<br />
*https://pixabay.com<br />
*https://www.freepik.com<br />
*https://unsplash.com<br />
*https://gratisography.com<br />
*https://morguefile.com<br />
<br />
=전자책 출판사 만드는 순서=<br />
# 시길 설치하기. 그전에 책을 위한 원고작성 및 자료모음이 먼저. <br />
# 시길을 이용한 전자책만들기. 완성<br />
# 출판사 등록을 위한 구청(문화체육과)방문<br />
# 구청 재방문 서류 받기, 받은 서류(등록증)로 세무서에 가서 신고<br />
# 계약하고자 하는 플랫폼(전자책을 내놓을 배부할 회사)마다 요구하는 서류가 다름. 사업자 통장과 사업자공인인증서 미리 준비. <br />
# 각 유통사 플렛폼에 메일을 보내고, 서류 준비. <br />
# 서지정보시스템에 들어가서 isbn, cip를 발행하고 전자책에도 등록.<br />
# 각각의 scm 사이트에 isbn, cip를 등록. <br />
# 각 회사에서 정산금액을 메일로 알려주면 홈텍스에서 세금계산서를 발생. 출판사는 면세사업자<br />
<br />
=전자책 만들기=<br />
==기본 구성==<br />
#본문<br />
#메터데이터<br />
#표지<br />
#목차<br />
<br />
==목차 및 이미지 추가를 위한 정규표현식==<br />
* split at markers사용법: 검색 Find&Replace , 방식: Regex, 모든html파일, 아래쪽<br />
<pre><br />
찾기: <p>제(\d++)장(.*)</p><br />
바꾸기: <hr class="sigil_split_marker"/><p>제\1장\2</p><br />
</pre><br />
<br />
*img 한꺼번에 바꾸기(정규표현식): img000(숫자)으로 자리만 저장한 후, 그림파일을 한꺼번에 올려서 찾아 바꾸기<br />
<pre><br />
찾기: <p>img(\d++)</p><br />
바꾸기: <p><img alt="img\" src="../Images/img\1.png"/></p><br />
</pre><br />
<br />
==본문 스타일 편집==<br />
===기초 html tag===<br />
<br />
{| class="wikitable"<br />
|-<br />
! 태그!! 역할 !! 사용법<br />
|-<br />
| <nowiki> <h1>...</h1> </nowiki> || 부, 장, 절 등 제목에 사용|| h1~h6까지 숫자가 커질수록 작은크기, h4가 본문 글자와 비슷한 크기, 블럭태그<br />
|-<br />
|<nowiki> <p>...</p> </nowiki> || 문단|| 한 문단(paragraph)을 감싸줌. 가장 많이 쓰이는 블럭 태그<br />
|-<br />
|<nowiki> <i>...</i> </nowiki> || 이탤릭체|| 기울이는 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
|<nowiki><b>...</b></nowiki> || 볼드체||진하게 하는 인라인 태그, 꼭 블럭 태그와 함께 사용. <br />
|-<br />
|<nowiki> <ins>...</ins> </nowiki>|| 밑줄||밑줄(insert) 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
| <nowiki><sup>...</sup> </nowiki>|| 위첨자||위첨자 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
| <nowiki><sub>...</sub></nowiki> || 아래첨자||아래첨자 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
| <nowiki><span class="...">...</span> </nowiki>|| 본문 내 글자에 스타일 적용||인라인 태그이므로 꼭 블럭 태그와 함께 사용하며 속성(attribute)를 같이 써야함.<br />
|-<br />
| <nowiki><div>...</div> </nowiki>|| 그룹을 묶어 스타일 적용, 글상자 만들기||division을 의미하고 큰 블럭 태그로 다른 블럭 테그를 감쌀 수 있음. 테두리, 배경색 등의 속성 필수. <br />
|-<br />
| <nowiki><img alt=".." src=".."/></nowiki> || 이미지 삽입|| 인라인 태그로 꼭 블럭태그와 함께 사용. alt="이미지설명" src="이미지 위치 경로" , 닫는 "/'"가 없는 단독 테그(빈 테그)<br />
|}<br />
<br />
*블럭 tag<br />
<pre><nowiki><br />
<div><br />
<h1>...</h1> <p>div는 큰 블럭으로 p나 h1등을 감쌀 수 있음. 반대로 안되며 p와 h1은 같은 수준이기 때문에 서로 감쌀 수 없음</p><br />
</div><br />
</nowiki></pre><br />
<br />
*인라인 tag: p 등의 블럭 tag안에서만 i, b, span등이 사용 가능함<br />
<pre><br />
<nowiki><br />
<p><i>기울임 글꼴</i> <b>진한 글꼴</b></p><br />
</nowiki><br />
</pre><br />
<br />
===css(Cascading Style Sheet)===<br />
*html은 문서의 구조를 만든다면 css는 문서의 모양을 꾸며줌<br />
*글꼴, 글자 크기, 색, 상하좌우 정렬, 배경색, 테두리, 레이아웃 등<br />
*구성: 선택자, 속성, 값<br />
<pre><br />
h1 { font-size : 1.5em ; color : red } → 태그 선택자<br />
.title { font-size : 1.5em ; color : red } → 클래스 선택자<br />
---- ----------- --- ----- ---<br />
선택자 속성 값 속성 값<br />
</pre><br />
<br />
*선택자: html 태그에 직접 스타일을 적용한 '''태그 선택자'''와 편집자가 임의로 이름을 지정한 선택자인 '''클래스 선택자'''<br />
<br />
*클래스 선택자의 규칙<br />
#태그를 클래스 이름으로 쓰지 않는다. 예) .h1{...}X <br />
#예약어를 사용하지 않는다 예) .with{...}X<br />
#반드시 영문으로 시작하고 숫자, 하이픈, 믿줄 이외에는 사용하지 않는다. 예) .장제목{...}X <br />
#이해할 수 있는 단어를 사용한다. 예).t01{...} X, .chap_title{...}O<br />
<br />
*클래스 이름만들기<br />
#예약어를 사용하지 않도록 주의해야 한다. <br />
#종류를 구분해서 머리말_(언더바)를 넣는다. <br />
<pre><br />
.txt_sample: 본문의 글자를 꾸미는 클래스<br />
.img_sample: 이미지를 꾸미는 클래스<br />
.title_:제목과 관련된 클래스<br />
.box_: 글상자와 관련된 클래스<br />
.bg_: 배경색, 배경이미지 클래스 <br />
</pre><br />
#클래스의 이름은 주요 속성의 영어 단어를 최대한 그대로 사용한다. <br />
<pre><br />
.txt_gothic_bold: 진한 고딕 글씨체<br />
.txt_red, txt_color_red: 빨간 글씨체<br />
.txt_center: 글자 가운데 정렬<br />
</pre><br />
#클래스명이 길면 쉽게 유추할 수 있는 약어를 쓴다. <br />
<pre><br />
.img_float_L<br />
.img_float_R<br />
</pre><br />
<br />
===필수 css===<br />
*font-family: 글꼴 이름, @font-face와 함께 사용<br />
*text-indent: 들여 쓰기 <br />
*padding-left: 내여 쓰기<br />
*text-align: 글자 정렬<br />
<pre><br />
양쪽정렬<br />
p{<br />
text-align:justify;<br />
}<br />
</pre><br />
*line-height: 줄 간격, 1.8~2.0 em 정도<br />
<pre><br />
p{<br />
line-height: 1.8em;<br />
}<br />
</pre><br />
*font-size: 글자 크기<br />
*color: 글자 색<br />
*margin: 바깥쪽 여백<br />
<pre><br />
margin: 1em; 상하좌우 모두 1em <br />
margin: 1em 2em; 상하 1, 좌우2<br />
margin: 1em 5em 2em; 상1 좌우5 하2<br />
margin: 1em 2em 3em 4em; 상1 우2 하3 좌 4(시계방향)<br />
</pre><br />
*padding 안쪽 여백<br />
*width: 폭<br />
*height: 높이<br />
*float: 이미지와 글자가 자연스럽게 배치되는 스타일<br />
<br />
==html과 css로 전자책 완성하기==<br />
===스타일 기본 설정===<br />
*스타일/빈 스타일시트 추가<br />
*text파일들 모두 선택후 스타일시트를 연결<br />
*폰트폴더에서 기존파일 추가로 원하는 글꼴 추가 <br />
<br />
===글꼴 선언===<br />
*글꼴 추가 후 style0001.css파일에 @font-face로 선언<br />
<pre><br />
@font-face{<br />
font-family:"명조"<br />
src:url("../Fonts/NanumMyeongjo.ttf");<br />
}<br />
</pre><br />
<br />
===본문 스타일===<br />
<pre><br />
p{<br />
font-family:"명조";<br />
text-indent:1em;<br />
line-height: 1.8em;<br />
text-align: justify;<br />
<br />
}<br />
</pre><br />
<br />
===제목 스타일===<br />
<pre><br />
h3{/*장 제목은 명조로, 색깔은 파랑, 사이즈는 일반의 1.5배, 오른쪽 정렬 위에서 2줄, 아래에서 7줄 본문과 간격*/<br />
font-family: "고딕";<br />
color: blue;<br />
font-size: 1.5em;<br />
text-align:right;<br />
margin-top:2em;<br />
margin-bottom:7em;<br />
}<br />
</pre><br />
<br />
===이미지 정렬===<br />
*가운데 정렬<br />
<pre><br />
.img_center{ text-indent:0;<br />
text-align:center;<br />
margin: 1em 0 1em 0;<br />
}<br />
</pre><br />
<br />
*왼쪽 어울림<br />
<pre><br />
.img_left{ text-indent:0;<br />
float:left;<br />
text-align:left;<br />
width:45%;<br />
margin-right:1em;<br />
}<br />
</pre><br />
<br />
*오른쪽 어울림<br />
<pre><br />
.img_right{<br />
text-indent:0;<br />
float:right;<br />
text-align:right;<br />
width:45%;<br />
margin-left:1em;<br />
}<br />
</pre><br />
<br />
*이미지 자동 맞추기<br />
<pre><br />
img{<br />
width:100%<br />
}<br />
.img_center img, .img_left img, .img_right img{width:100%}<br />
</pre><br />
<br />
===본문 인용 강조 스타일===<br />
*아래첨자<br />
<pre><br />
sub{<br />
font-size: 0.8em;<br />
vertical-align:baseline;<br />
}<br />
</pre><br />
<br />
*고딕 기울임<br />
<pre><br />
font-style:italic;<br />
font-family:"고딕";<br />
</pre><br />
본문에 sub로 묶어서 표현<br />
<br />
*span tag<br />
<pre><br />
css:<br />
.txt_small{<br />
font-size: 0.8em;<br />
}<br />
html:<br />
<span class="txt_small">...</span><br />
+글꼴 font-family:"고딕";<br />
+스타일 font-style:italic;<br />
</pre><br />
<br />
===정렬 스타일===<br />
<br />
===시/목차/판권면 스타일===<br />
<br />
===EPUB TOC(차례파일) 만들기===<br />
<br />
=참고문헌=<br />
박웅영(2018). 제대로 된 전자책 한권 잘 만들기. 미디어랩</div>
박현정
http://dh.aks.ac.kr/~phj/wiki/index.php?title=%EC%A0%84%EC%9E%90%EC%B1%85&diff=837
전자책
2021-01-22T07:41:32Z
<p>박현정: /* 이미지 정렬 */</p>
<hr />
<div>=sigil=<br />
*EPUB(전자책 포맷 중 하나) 편집 프로그램으로 이미지, 동영상, 오디오 파일 첨부가 가능하고 글꼴을 포함할 수 있어 다양한 형태의 스타일을 편집할 수 있음. <br />
*시길 다운로드: http://sigil-ebook.com<br />
*sigil-0.96-window-x64-setup.exe 다운받기<br />
*isbn 발급방법: [http://seoji.nl.go.kr/isbn/isbnBook/IsbnBookSearch.do 서지정보유통시스템] 가입, 로그인<br />
*전자책 뷰어: iBooks, Calibre(캘리버)<br />
<br />
=플랫폼=<br />
*리디북스: www://ridibooks.com/event/67<br />
*교보문고, 한국이퍼브, 유페이퍼, 북큐브<br />
<br />
=상업용 무료 이미지 사이트=<br />
*https://pixabay.com<br />
*https://www.freepik.com<br />
*https://unsplash.com<br />
*https://gratisography.com<br />
*https://morguefile.com<br />
<br />
=전자책 출판사 만드는 순서=<br />
# 시길 설치하기. 그전에 책을 위한 원고작성 및 자료모음이 먼저. <br />
# 시길을 이용한 전자책만들기. 완성<br />
# 출판사 등록을 위한 구청(문화체육과)방문<br />
# 구청 재방문 서류 받기, 받은 서류(등록증)로 세무서에 가서 신고<br />
# 계약하고자 하는 플랫폼(전자책을 내놓을 배부할 회사)마다 요구하는 서류가 다름. 사업자 통장과 사업자공인인증서 미리 준비. <br />
# 각 유통사 플렛폼에 메일을 보내고, 서류 준비. <br />
# 서지정보시스템에 들어가서 isbn, cip를 발행하고 전자책에도 등록.<br />
# 각각의 scm 사이트에 isbn, cip를 등록. <br />
# 각 회사에서 정산금액을 메일로 알려주면 홈텍스에서 세금계산서를 발생. 출판사는 면세사업자<br />
<br />
=전자책 만들기=<br />
==기본 구성==<br />
#본문<br />
#메터데이터<br />
#표지<br />
#목차<br />
<br />
==목차 및 이미지 추가를 위한 정규표현식==<br />
* split at markers사용법: 검색 Find&Replace , 방식: Regex, 모든html파일, 아래쪽<br />
<pre><br />
찾기: <p>제(\d++)장(.*)</p><br />
바꾸기: <hr class="sigil_split_marker"/><p>제\1장\2</p><br />
</pre><br />
<br />
*img 한꺼번에 바꾸기(정규표현식): img000(숫자)으로 자리만 저장한 후, 그림파일을 한꺼번에 올려서 찾아 바꾸기<br />
<pre><br />
찾기: <p>img(\d++)</p><br />
바꾸기: <p><img alt="img\" src="../Images/img\1.png"/></p><br />
</pre><br />
<br />
==본문 스타일 편집==<br />
===기초 html tag===<br />
<br />
{| class="wikitable"<br />
|-<br />
! 태그!! 역할 !! 사용법<br />
|-<br />
| <nowiki> <h1>...</h1> </nowiki> || 부, 장, 절 등 제목에 사용|| h1~h6까지 숫자가 커질수록 작은크기, h4가 본문 글자와 비슷한 크기, 블럭태그<br />
|-<br />
|<nowiki> <p>...</p> </nowiki> || 문단|| 한 문단(paragraph)을 감싸줌. 가장 많이 쓰이는 블럭 태그<br />
|-<br />
|<nowiki> <i>...</i> </nowiki> || 이탤릭체|| 기울이는 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
|<nowiki><b>...</b></nowiki> || 볼드체||진하게 하는 인라인 태그, 꼭 블럭 태그와 함께 사용. <br />
|-<br />
|<nowiki> <ins>...</ins> </nowiki>|| 밑줄||밑줄(insert) 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
| <nowiki><sup>...</sup> </nowiki>|| 위첨자||위첨자 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
| <nowiki><sub>...</sub></nowiki> || 아래첨자||아래첨자 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
| <nowiki><span class="...">...</span> </nowiki>|| 본문 내 글자에 스타일 적용||인라인 태그이므로 꼭 블럭 태그와 함께 사용하며 속성(attribute)를 같이 써야함.<br />
|-<br />
| <nowiki><div>...</div> </nowiki>|| 그룹을 묶어 스타일 적용, 글상자 만들기||division을 의미하고 큰 블럭 태그로 다른 블럭 테그를 감쌀 수 있음. 테두리, 배경색 등의 속성 필수. <br />
|-<br />
| <nowiki><img alt=".." src=".."/></nowiki> || 이미지 삽입|| 인라인 태그로 꼭 블럭태그와 함께 사용. alt="이미지설명" src="이미지 위치 경로" , 닫는 "/'"가 없는 단독 테그(빈 테그)<br />
|}<br />
<br />
*블럭 tag<br />
<pre><nowiki><br />
<div><br />
<h1>...</h1> <p>div는 큰 블럭으로 p나 h1등을 감쌀 수 있음. 반대로 안되며 p와 h1은 같은 수준이기 때문에 서로 감쌀 수 없음</p><br />
</div><br />
</nowiki></pre><br />
<br />
*인라인 tag: p 등의 블럭 tag안에서만 i, b, span등이 사용 가능함<br />
<pre><br />
<nowiki><br />
<p><i>기울임 글꼴</i> <b>진한 글꼴</b></p><br />
</nowiki><br />
</pre><br />
<br />
===css(Cascading Style Sheet)===<br />
*html은 문서의 구조를 만든다면 css는 문서의 모양을 꾸며줌<br />
*글꼴, 글자 크기, 색, 상하좌우 정렬, 배경색, 테두리, 레이아웃 등<br />
*구성: 선택자, 속성, 값<br />
<pre><br />
h1 { font-size : 1.5em ; color : red } → 태그 선택자<br />
.title { font-size : 1.5em ; color : red } → 클래스 선택자<br />
---- ----------- --- ----- ---<br />
선택자 속성 값 속성 값<br />
</pre><br />
<br />
*선택자: html 태그에 직접 스타일을 적용한 '''태그 선택자'''와 편집자가 임의로 이름을 지정한 선택자인 '''클래스 선택자'''<br />
<br />
*클래스 선택자의 규칙<br />
#태그를 클래스 이름으로 쓰지 않는다. 예) .h1{...}X <br />
#예약어를 사용하지 않는다 예) .with{...}X<br />
#반드시 영문으로 시작하고 숫자, 하이픈, 믿줄 이외에는 사용하지 않는다. 예) .장제목{...}X <br />
#이해할 수 있는 단어를 사용한다. 예).t01{...} X, .chap_title{...}O<br />
<br />
*클래스 이름만들기<br />
#예약어를 사용하지 않도록 주의해야 한다. <br />
#종류를 구분해서 머리말_(언더바)를 넣는다. <br />
<pre><br />
.txt_sample: 본문의 글자를 꾸미는 클래스<br />
.img_sample: 이미지를 꾸미는 클래스<br />
.title_:제목과 관련된 클래스<br />
.box_: 글상자와 관련된 클래스<br />
.bg_: 배경색, 배경이미지 클래스 <br />
</pre><br />
#클래스의 이름은 주요 속성의 영어 단어를 최대한 그대로 사용한다. <br />
<pre><br />
.txt_gothic_bold: 진한 고딕 글씨체<br />
.txt_red, txt_color_red: 빨간 글씨체<br />
.txt_center: 글자 가운데 정렬<br />
</pre><br />
#클래스명이 길면 쉽게 유추할 수 있는 약어를 쓴다. <br />
<pre><br />
.img_float_L<br />
.img_float_R<br />
</pre><br />
<br />
===필수 css===<br />
*font-family: 글꼴 이름, @font-face와 함께 사용<br />
*text-indent: 들여 쓰기 <br />
*padding-left: 내여 쓰기<br />
*text-align: 글자 정렬<br />
<pre><br />
양쪽정렬<br />
p{<br />
text-align:justify;<br />
}<br />
</pre><br />
*line-height: 줄 간격, 1.8~2.0 em 정도<br />
<pre><br />
p{<br />
line-height: 1.8em;<br />
}<br />
</pre><br />
*font-size: 글자 크기<br />
*color: 글자 색<br />
*margin: 바깥쪽 여백<br />
<pre><br />
margin: 1em; 상하좌우 모두 1em <br />
margin: 1em 2em; 상하 1, 좌우2<br />
margin: 1em 5em 2em; 상1 좌우5 하2<br />
margin: 1em 2em 3em 4em; 상1 우2 하3 좌 4(시계방향)<br />
</pre><br />
*padding 안쪽 여백<br />
*width: 폭<br />
*height: 높이<br />
*float: 이미지와 글자가 자연스럽게 배치되는 스타일<br />
<br />
==html과 css로 전자책 완성하기==<br />
===스타일 기본 설정===<br />
*스타일/빈 스타일시트 추가<br />
*text파일들 모두 선택후 스타일시트를 연결<br />
*폰트폴더에서 기존파일 추가로 원하는 글꼴 추가 <br />
<br />
===글꼴 선언===<br />
*글꼴 추가 후 style0001.css파일에 @font-face로 선언<br />
<pre><br />
@font-face{<br />
font-family:"명조"<br />
src:url("../Fonts/NanumMyeongjo.ttf");<br />
}<br />
</pre><br />
<br />
===본문 스타일===<br />
<pre><br />
p{<br />
font-family:"명조";<br />
text-indent:1em;<br />
line-height: 1.8em;<br />
text-align: justify;<br />
<br />
}<br />
</pre><br />
<br />
===제목 스타일===<br />
<pre><br />
h3{/*장 제목은 명조로, 색깔은 파랑, 사이즈는 일반의 1.5배, 오른쪽 정렬 위에서 2줄, 아래에서 7줄 본문과 간격*/<br />
font-family: "고딕";<br />
color: blue;<br />
font-size: 1.5em;<br />
text-align:right;<br />
margin-top:2em;<br />
margin-bottom:7em;<br />
}<br />
</pre><br />
<br />
===이미지 정렬===<br />
*가운데 정렬<br />
<pre><br />
.img_center{ text-indent:0;<br />
text-align:center;<br />
margin: 1em 0 1em 0;<br />
}<br />
</pre><br />
<br />
*왼쪽 어울림<br />
<pre><br />
.img_left{ text-indent:0;<br />
float:left;<br />
text-align:left;<br />
width:45%;<br />
margin-right:1em;<br />
}<br />
</pre><br />
<br />
*오른쪽 어울림<br />
<pre><br />
.img_right{<br />
text-indent:0;<br />
float:right;<br />
text-align:right;<br />
width:45%;<br />
margin-left:1em;<br />
}<br />
</pre><br />
<br />
*이미지 자동 맞추기<br />
<pre><br />
img{<br />
width:100%<br />
}<br />
.img_center img, .img_left img, .img_right img{width:100%}<br />
</pre><br />
<br />
===본문 인용 강조 스타일===<br />
<br />
===정렬 스타일===<br />
<br />
===시/목차/판권면 스타일===<br />
<br />
===EPUB TOC(차례파일) 만들기===<br />
<br />
=참고문헌=<br />
박웅영(2018). 제대로 된 전자책 한권 잘 만들기. 미디어랩</div>
박현정
http://dh.aks.ac.kr/~phj/wiki/index.php?title=%EC%A0%84%EC%9E%90%EC%B1%85&diff=836
전자책
2021-01-22T07:11:07Z
<p>박현정: /* 글꼴 선언 */</p>
<hr />
<div>=sigil=<br />
*EPUB(전자책 포맷 중 하나) 편집 프로그램으로 이미지, 동영상, 오디오 파일 첨부가 가능하고 글꼴을 포함할 수 있어 다양한 형태의 스타일을 편집할 수 있음. <br />
*시길 다운로드: http://sigil-ebook.com<br />
*sigil-0.96-window-x64-setup.exe 다운받기<br />
*isbn 발급방법: [http://seoji.nl.go.kr/isbn/isbnBook/IsbnBookSearch.do 서지정보유통시스템] 가입, 로그인<br />
*전자책 뷰어: iBooks, Calibre(캘리버)<br />
<br />
=플랫폼=<br />
*리디북스: www://ridibooks.com/event/67<br />
*교보문고, 한국이퍼브, 유페이퍼, 북큐브<br />
<br />
=상업용 무료 이미지 사이트=<br />
*https://pixabay.com<br />
*https://www.freepik.com<br />
*https://unsplash.com<br />
*https://gratisography.com<br />
*https://morguefile.com<br />
<br />
=전자책 출판사 만드는 순서=<br />
# 시길 설치하기. 그전에 책을 위한 원고작성 및 자료모음이 먼저. <br />
# 시길을 이용한 전자책만들기. 완성<br />
# 출판사 등록을 위한 구청(문화체육과)방문<br />
# 구청 재방문 서류 받기, 받은 서류(등록증)로 세무서에 가서 신고<br />
# 계약하고자 하는 플랫폼(전자책을 내놓을 배부할 회사)마다 요구하는 서류가 다름. 사업자 통장과 사업자공인인증서 미리 준비. <br />
# 각 유통사 플렛폼에 메일을 보내고, 서류 준비. <br />
# 서지정보시스템에 들어가서 isbn, cip를 발행하고 전자책에도 등록.<br />
# 각각의 scm 사이트에 isbn, cip를 등록. <br />
# 각 회사에서 정산금액을 메일로 알려주면 홈텍스에서 세금계산서를 발생. 출판사는 면세사업자<br />
<br />
=전자책 만들기=<br />
==기본 구성==<br />
#본문<br />
#메터데이터<br />
#표지<br />
#목차<br />
<br />
==목차 및 이미지 추가를 위한 정규표현식==<br />
* split at markers사용법: 검색 Find&Replace , 방식: Regex, 모든html파일, 아래쪽<br />
<pre><br />
찾기: <p>제(\d++)장(.*)</p><br />
바꾸기: <hr class="sigil_split_marker"/><p>제\1장\2</p><br />
</pre><br />
<br />
*img 한꺼번에 바꾸기(정규표현식): img000(숫자)으로 자리만 저장한 후, 그림파일을 한꺼번에 올려서 찾아 바꾸기<br />
<pre><br />
찾기: <p>img(\d++)</p><br />
바꾸기: <p><img alt="img\" src="../Images/img\1.png"/></p><br />
</pre><br />
<br />
==본문 스타일 편집==<br />
===기초 html tag===<br />
<br />
{| class="wikitable"<br />
|-<br />
! 태그!! 역할 !! 사용법<br />
|-<br />
| <nowiki> <h1>...</h1> </nowiki> || 부, 장, 절 등 제목에 사용|| h1~h6까지 숫자가 커질수록 작은크기, h4가 본문 글자와 비슷한 크기, 블럭태그<br />
|-<br />
|<nowiki> <p>...</p> </nowiki> || 문단|| 한 문단(paragraph)을 감싸줌. 가장 많이 쓰이는 블럭 태그<br />
|-<br />
|<nowiki> <i>...</i> </nowiki> || 이탤릭체|| 기울이는 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
|<nowiki><b>...</b></nowiki> || 볼드체||진하게 하는 인라인 태그, 꼭 블럭 태그와 함께 사용. <br />
|-<br />
|<nowiki> <ins>...</ins> </nowiki>|| 밑줄||밑줄(insert) 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
| <nowiki><sup>...</sup> </nowiki>|| 위첨자||위첨자 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
| <nowiki><sub>...</sub></nowiki> || 아래첨자||아래첨자 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
| <nowiki><span class="...">...</span> </nowiki>|| 본문 내 글자에 스타일 적용||인라인 태그이므로 꼭 블럭 태그와 함께 사용하며 속성(attribute)를 같이 써야함.<br />
|-<br />
| <nowiki><div>...</div> </nowiki>|| 그룹을 묶어 스타일 적용, 글상자 만들기||division을 의미하고 큰 블럭 태그로 다른 블럭 테그를 감쌀 수 있음. 테두리, 배경색 등의 속성 필수. <br />
|-<br />
| <nowiki><img alt=".." src=".."/></nowiki> || 이미지 삽입|| 인라인 태그로 꼭 블럭태그와 함께 사용. alt="이미지설명" src="이미지 위치 경로" , 닫는 "/'"가 없는 단독 테그(빈 테그)<br />
|}<br />
<br />
*블럭 tag<br />
<pre><nowiki><br />
<div><br />
<h1>...</h1> <p>div는 큰 블럭으로 p나 h1등을 감쌀 수 있음. 반대로 안되며 p와 h1은 같은 수준이기 때문에 서로 감쌀 수 없음</p><br />
</div><br />
</nowiki></pre><br />
<br />
*인라인 tag: p 등의 블럭 tag안에서만 i, b, span등이 사용 가능함<br />
<pre><br />
<nowiki><br />
<p><i>기울임 글꼴</i> <b>진한 글꼴</b></p><br />
</nowiki><br />
</pre><br />
<br />
===css(Cascading Style Sheet)===<br />
*html은 문서의 구조를 만든다면 css는 문서의 모양을 꾸며줌<br />
*글꼴, 글자 크기, 색, 상하좌우 정렬, 배경색, 테두리, 레이아웃 등<br />
*구성: 선택자, 속성, 값<br />
<pre><br />
h1 { font-size : 1.5em ; color : red } → 태그 선택자<br />
.title { font-size : 1.5em ; color : red } → 클래스 선택자<br />
---- ----------- --- ----- ---<br />
선택자 속성 값 속성 값<br />
</pre><br />
<br />
*선택자: html 태그에 직접 스타일을 적용한 '''태그 선택자'''와 편집자가 임의로 이름을 지정한 선택자인 '''클래스 선택자'''<br />
<br />
*클래스 선택자의 규칙<br />
#태그를 클래스 이름으로 쓰지 않는다. 예) .h1{...}X <br />
#예약어를 사용하지 않는다 예) .with{...}X<br />
#반드시 영문으로 시작하고 숫자, 하이픈, 믿줄 이외에는 사용하지 않는다. 예) .장제목{...}X <br />
#이해할 수 있는 단어를 사용한다. 예).t01{...} X, .chap_title{...}O<br />
<br />
*클래스 이름만들기<br />
#예약어를 사용하지 않도록 주의해야 한다. <br />
#종류를 구분해서 머리말_(언더바)를 넣는다. <br />
<pre><br />
.txt_sample: 본문의 글자를 꾸미는 클래스<br />
.img_sample: 이미지를 꾸미는 클래스<br />
.title_:제목과 관련된 클래스<br />
.box_: 글상자와 관련된 클래스<br />
.bg_: 배경색, 배경이미지 클래스 <br />
</pre><br />
#클래스의 이름은 주요 속성의 영어 단어를 최대한 그대로 사용한다. <br />
<pre><br />
.txt_gothic_bold: 진한 고딕 글씨체<br />
.txt_red, txt_color_red: 빨간 글씨체<br />
.txt_center: 글자 가운데 정렬<br />
</pre><br />
#클래스명이 길면 쉽게 유추할 수 있는 약어를 쓴다. <br />
<pre><br />
.img_float_L<br />
.img_float_R<br />
</pre><br />
<br />
===필수 css===<br />
*font-family: 글꼴 이름, @font-face와 함께 사용<br />
*text-indent: 들여 쓰기 <br />
*padding-left: 내여 쓰기<br />
*text-align: 글자 정렬<br />
<pre><br />
양쪽정렬<br />
p{<br />
text-align:justify;<br />
}<br />
</pre><br />
*line-height: 줄 간격, 1.8~2.0 em 정도<br />
<pre><br />
p{<br />
line-height: 1.8em;<br />
}<br />
</pre><br />
*font-size: 글자 크기<br />
*color: 글자 색<br />
*margin: 바깥쪽 여백<br />
<pre><br />
margin: 1em; 상하좌우 모두 1em <br />
margin: 1em 2em; 상하 1, 좌우2<br />
margin: 1em 5em 2em; 상1 좌우5 하2<br />
margin: 1em 2em 3em 4em; 상1 우2 하3 좌 4(시계방향)<br />
</pre><br />
*padding 안쪽 여백<br />
*width: 폭<br />
*height: 높이<br />
*float: 이미지와 글자가 자연스럽게 배치되는 스타일<br />
<br />
==html과 css로 전자책 완성하기==<br />
===스타일 기본 설정===<br />
*스타일/빈 스타일시트 추가<br />
*text파일들 모두 선택후 스타일시트를 연결<br />
*폰트폴더에서 기존파일 추가로 원하는 글꼴 추가 <br />
<br />
===글꼴 선언===<br />
*글꼴 추가 후 style0001.css파일에 @font-face로 선언<br />
<pre><br />
@font-face{<br />
font-family:"명조"<br />
src:url("../Fonts/NanumMyeongjo.ttf");<br />
}<br />
</pre><br />
<br />
===본문 스타일===<br />
<pre><br />
p{<br />
font-family:"명조";<br />
text-indent:1em;<br />
line-height: 1.8em;<br />
text-align: justify;<br />
<br />
}<br />
</pre><br />
<br />
===제목 스타일===<br />
<pre><br />
h3{/*장 제목은 명조로, 색깔은 파랑, 사이즈는 일반의 1.5배, 오른쪽 정렬 위에서 2줄, 아래에서 7줄 본문과 간격*/<br />
font-family: "고딕";<br />
color: blue;<br />
font-size: 1.5em;<br />
text-align:right;<br />
margin-top:2em;<br />
margin-bottom:7em;<br />
}<br />
</pre><br />
<br />
===이미지 정렬===<br />
*가운데 정렬<br />
<pre><br />
.img.center{ text-indent:0;<br />
text-align:center;<br />
margin: 1em 0 1em 0;<br />
}<br />
</pre><br />
<br />
*왼쪽 어울림<br />
<pre><br />
.img.left{ text-indent:0;<br />
float:left;<br />
text-align:left;<br />
width:45%;<br />
margin-right:1em;<br />
}<br />
</pre><br />
<br />
===본문 인용 강조 스타일===<br />
<br />
===정렬 스타일===<br />
<br />
===시/목차/판권면 스타일===<br />
<br />
===EPUB TOC(차례파일) 만들기===<br />
<br />
=참고문헌=<br />
박웅영(2018). 제대로 된 전자책 한권 잘 만들기. 미디어랩</div>
박현정
http://dh.aks.ac.kr/~phj/wiki/index.php?title=%EC%A0%84%EC%9E%90%EC%B1%85&diff=835
전자책
2021-01-22T07:04:26Z
<p>박현정: /* 이미지 정렬 */</p>
<hr />
<div>=sigil=<br />
*EPUB(전자책 포맷 중 하나) 편집 프로그램으로 이미지, 동영상, 오디오 파일 첨부가 가능하고 글꼴을 포함할 수 있어 다양한 형태의 스타일을 편집할 수 있음. <br />
*시길 다운로드: http://sigil-ebook.com<br />
*sigil-0.96-window-x64-setup.exe 다운받기<br />
*isbn 발급방법: [http://seoji.nl.go.kr/isbn/isbnBook/IsbnBookSearch.do 서지정보유통시스템] 가입, 로그인<br />
*전자책 뷰어: iBooks, Calibre(캘리버)<br />
<br />
=플랫폼=<br />
*리디북스: www://ridibooks.com/event/67<br />
*교보문고, 한국이퍼브, 유페이퍼, 북큐브<br />
<br />
=상업용 무료 이미지 사이트=<br />
*https://pixabay.com<br />
*https://www.freepik.com<br />
*https://unsplash.com<br />
*https://gratisography.com<br />
*https://morguefile.com<br />
<br />
=전자책 출판사 만드는 순서=<br />
# 시길 설치하기. 그전에 책을 위한 원고작성 및 자료모음이 먼저. <br />
# 시길을 이용한 전자책만들기. 완성<br />
# 출판사 등록을 위한 구청(문화체육과)방문<br />
# 구청 재방문 서류 받기, 받은 서류(등록증)로 세무서에 가서 신고<br />
# 계약하고자 하는 플랫폼(전자책을 내놓을 배부할 회사)마다 요구하는 서류가 다름. 사업자 통장과 사업자공인인증서 미리 준비. <br />
# 각 유통사 플렛폼에 메일을 보내고, 서류 준비. <br />
# 서지정보시스템에 들어가서 isbn, cip를 발행하고 전자책에도 등록.<br />
# 각각의 scm 사이트에 isbn, cip를 등록. <br />
# 각 회사에서 정산금액을 메일로 알려주면 홈텍스에서 세금계산서를 발생. 출판사는 면세사업자<br />
<br />
=전자책 만들기=<br />
==기본 구성==<br />
#본문<br />
#메터데이터<br />
#표지<br />
#목차<br />
<br />
==목차 및 이미지 추가를 위한 정규표현식==<br />
* split at markers사용법: 검색 Find&Replace , 방식: Regex, 모든html파일, 아래쪽<br />
<pre><br />
찾기: <p>제(\d++)장(.*)</p><br />
바꾸기: <hr class="sigil_split_marker"/><p>제\1장\2</p><br />
</pre><br />
<br />
*img 한꺼번에 바꾸기(정규표현식): img000(숫자)으로 자리만 저장한 후, 그림파일을 한꺼번에 올려서 찾아 바꾸기<br />
<pre><br />
찾기: <p>img(\d++)</p><br />
바꾸기: <p><img alt="img\" src="../Images/img\1.png"/></p><br />
</pre><br />
<br />
==본문 스타일 편집==<br />
===기초 html tag===<br />
<br />
{| class="wikitable"<br />
|-<br />
! 태그!! 역할 !! 사용법<br />
|-<br />
| <nowiki> <h1>...</h1> </nowiki> || 부, 장, 절 등 제목에 사용|| h1~h6까지 숫자가 커질수록 작은크기, h4가 본문 글자와 비슷한 크기, 블럭태그<br />
|-<br />
|<nowiki> <p>...</p> </nowiki> || 문단|| 한 문단(paragraph)을 감싸줌. 가장 많이 쓰이는 블럭 태그<br />
|-<br />
|<nowiki> <i>...</i> </nowiki> || 이탤릭체|| 기울이는 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
|<nowiki><b>...</b></nowiki> || 볼드체||진하게 하는 인라인 태그, 꼭 블럭 태그와 함께 사용. <br />
|-<br />
|<nowiki> <ins>...</ins> </nowiki>|| 밑줄||밑줄(insert) 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
| <nowiki><sup>...</sup> </nowiki>|| 위첨자||위첨자 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
| <nowiki><sub>...</sub></nowiki> || 아래첨자||아래첨자 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
| <nowiki><span class="...">...</span> </nowiki>|| 본문 내 글자에 스타일 적용||인라인 태그이므로 꼭 블럭 태그와 함께 사용하며 속성(attribute)를 같이 써야함.<br />
|-<br />
| <nowiki><div>...</div> </nowiki>|| 그룹을 묶어 스타일 적용, 글상자 만들기||division을 의미하고 큰 블럭 태그로 다른 블럭 테그를 감쌀 수 있음. 테두리, 배경색 등의 속성 필수. <br />
|-<br />
| <nowiki><img alt=".." src=".."/></nowiki> || 이미지 삽입|| 인라인 태그로 꼭 블럭태그와 함께 사용. alt="이미지설명" src="이미지 위치 경로" , 닫는 "/'"가 없는 단독 테그(빈 테그)<br />
|}<br />
<br />
*블럭 tag<br />
<pre><nowiki><br />
<div><br />
<h1>...</h1> <p>div는 큰 블럭으로 p나 h1등을 감쌀 수 있음. 반대로 안되며 p와 h1은 같은 수준이기 때문에 서로 감쌀 수 없음</p><br />
</div><br />
</nowiki></pre><br />
<br />
*인라인 tag: p 등의 블럭 tag안에서만 i, b, span등이 사용 가능함<br />
<pre><br />
<nowiki><br />
<p><i>기울임 글꼴</i> <b>진한 글꼴</b></p><br />
</nowiki><br />
</pre><br />
<br />
===css(Cascading Style Sheet)===<br />
*html은 문서의 구조를 만든다면 css는 문서의 모양을 꾸며줌<br />
*글꼴, 글자 크기, 색, 상하좌우 정렬, 배경색, 테두리, 레이아웃 등<br />
*구성: 선택자, 속성, 값<br />
<pre><br />
h1 { font-size : 1.5em ; color : red } → 태그 선택자<br />
.title { font-size : 1.5em ; color : red } → 클래스 선택자<br />
---- ----------- --- ----- ---<br />
선택자 속성 값 속성 값<br />
</pre><br />
<br />
*선택자: html 태그에 직접 스타일을 적용한 '''태그 선택자'''와 편집자가 임의로 이름을 지정한 선택자인 '''클래스 선택자'''<br />
<br />
*클래스 선택자의 규칙<br />
#태그를 클래스 이름으로 쓰지 않는다. 예) .h1{...}X <br />
#예약어를 사용하지 않는다 예) .with{...}X<br />
#반드시 영문으로 시작하고 숫자, 하이픈, 믿줄 이외에는 사용하지 않는다. 예) .장제목{...}X <br />
#이해할 수 있는 단어를 사용한다. 예).t01{...} X, .chap_title{...}O<br />
<br />
*클래스 이름만들기<br />
#예약어를 사용하지 않도록 주의해야 한다. <br />
#종류를 구분해서 머리말_(언더바)를 넣는다. <br />
<pre><br />
.txt_sample: 본문의 글자를 꾸미는 클래스<br />
.img_sample: 이미지를 꾸미는 클래스<br />
.title_:제목과 관련된 클래스<br />
.box_: 글상자와 관련된 클래스<br />
.bg_: 배경색, 배경이미지 클래스 <br />
</pre><br />
#클래스의 이름은 주요 속성의 영어 단어를 최대한 그대로 사용한다. <br />
<pre><br />
.txt_gothic_bold: 진한 고딕 글씨체<br />
.txt_red, txt_color_red: 빨간 글씨체<br />
.txt_center: 글자 가운데 정렬<br />
</pre><br />
#클래스명이 길면 쉽게 유추할 수 있는 약어를 쓴다. <br />
<pre><br />
.img_float_L<br />
.img_float_R<br />
</pre><br />
<br />
===필수 css===<br />
*font-family: 글꼴 이름, @font-face와 함께 사용<br />
*text-indent: 들여 쓰기 <br />
*padding-left: 내여 쓰기<br />
*text-align: 글자 정렬<br />
<pre><br />
양쪽정렬<br />
p{<br />
text-align:justify;<br />
}<br />
</pre><br />
*line-height: 줄 간격, 1.8~2.0 em 정도<br />
<pre><br />
p{<br />
line-height: 1.8em;<br />
}<br />
</pre><br />
*font-size: 글자 크기<br />
*color: 글자 색<br />
*margin: 바깥쪽 여백<br />
<pre><br />
margin: 1em; 상하좌우 모두 1em <br />
margin: 1em 2em; 상하 1, 좌우2<br />
margin: 1em 5em 2em; 상1 좌우5 하2<br />
margin: 1em 2em 3em 4em; 상1 우2 하3 좌 4(시계방향)<br />
</pre><br />
*padding 안쪽 여백<br />
*width: 폭<br />
*height: 높이<br />
*float: 이미지와 글자가 자연스럽게 배치되는 스타일<br />
<br />
==html과 css로 전자책 완성하기==<br />
===스타일 기본 설정===<br />
*스타일/빈 스타일시트 추가<br />
*text파일들 모두 선택후 스타일시트를 연결<br />
*폰트폴더에서 기존파일 추가로 원하는 글꼴 추가 <br />
<br />
===글꼴 선언===<br />
*글꼴 추가 후 style0001.css파일에 @font-face로 선언<br />
<br />
<br />
===본문 스타일===<br />
<pre><br />
p{<br />
font-family:"명조";<br />
text-indent:1em;<br />
line-height: 1.8em;<br />
text-align: justify;<br />
<br />
}<br />
</pre><br />
<br />
===제목 스타일===<br />
<pre><br />
h3{/*장 제목은 명조로, 색깔은 파랑, 사이즈는 일반의 1.5배, 오른쪽 정렬 위에서 2줄, 아래에서 7줄 본문과 간격*/<br />
font-family: "고딕";<br />
color: blue;<br />
font-size: 1.5em;<br />
text-align:right;<br />
margin-top:2em;<br />
margin-bottom:7em;<br />
}<br />
</pre><br />
<br />
===이미지 정렬===<br />
*가운데 정렬<br />
<pre><br />
.img.center{ text-indent:0;<br />
text-align:center;<br />
margin: 1em 0 1em 0;<br />
}<br />
</pre><br />
<br />
*왼쪽 어울림<br />
<pre><br />
.img.left{ text-indent:0;<br />
float:left;<br />
text-align:left;<br />
width:45%;<br />
margin-right:1em;<br />
}<br />
</pre><br />
<br />
===본문 인용 강조 스타일===<br />
<br />
===정렬 스타일===<br />
<br />
===시/목차/판권면 스타일===<br />
<br />
===EPUB TOC(차례파일) 만들기===<br />
<br />
=참고문헌=<br />
박웅영(2018). 제대로 된 전자책 한권 잘 만들기. 미디어랩</div>
박현정
http://dh.aks.ac.kr/~phj/wiki/index.php?title=%EC%A0%84%EC%9E%90%EC%B1%85&diff=834
전자책
2021-01-21T12:36:52Z
<p>박현정: /* html과 css로 전자책 완성하기 */</p>
<hr />
<div>=sigil=<br />
*EPUB(전자책 포맷 중 하나) 편집 프로그램으로 이미지, 동영상, 오디오 파일 첨부가 가능하고 글꼴을 포함할 수 있어 다양한 형태의 스타일을 편집할 수 있음. <br />
*시길 다운로드: http://sigil-ebook.com<br />
*sigil-0.96-window-x64-setup.exe 다운받기<br />
*isbn 발급방법: [http://seoji.nl.go.kr/isbn/isbnBook/IsbnBookSearch.do 서지정보유통시스템] 가입, 로그인<br />
*전자책 뷰어: iBooks, Calibre(캘리버)<br />
<br />
=플랫폼=<br />
*리디북스: www://ridibooks.com/event/67<br />
*교보문고, 한국이퍼브, 유페이퍼, 북큐브<br />
<br />
=상업용 무료 이미지 사이트=<br />
*https://pixabay.com<br />
*https://www.freepik.com<br />
*https://unsplash.com<br />
*https://gratisography.com<br />
*https://morguefile.com<br />
<br />
=전자책 출판사 만드는 순서=<br />
# 시길 설치하기. 그전에 책을 위한 원고작성 및 자료모음이 먼저. <br />
# 시길을 이용한 전자책만들기. 완성<br />
# 출판사 등록을 위한 구청(문화체육과)방문<br />
# 구청 재방문 서류 받기, 받은 서류(등록증)로 세무서에 가서 신고<br />
# 계약하고자 하는 플랫폼(전자책을 내놓을 배부할 회사)마다 요구하는 서류가 다름. 사업자 통장과 사업자공인인증서 미리 준비. <br />
# 각 유통사 플렛폼에 메일을 보내고, 서류 준비. <br />
# 서지정보시스템에 들어가서 isbn, cip를 발행하고 전자책에도 등록.<br />
# 각각의 scm 사이트에 isbn, cip를 등록. <br />
# 각 회사에서 정산금액을 메일로 알려주면 홈텍스에서 세금계산서를 발생. 출판사는 면세사업자<br />
<br />
=전자책 만들기=<br />
==기본 구성==<br />
#본문<br />
#메터데이터<br />
#표지<br />
#목차<br />
<br />
==목차 및 이미지 추가를 위한 정규표현식==<br />
* split at markers사용법: 검색 Find&Replace , 방식: Regex, 모든html파일, 아래쪽<br />
<pre><br />
찾기: <p>제(\d++)장(.*)</p><br />
바꾸기: <hr class="sigil_split_marker"/><p>제\1장\2</p><br />
</pre><br />
<br />
*img 한꺼번에 바꾸기(정규표현식): img000(숫자)으로 자리만 저장한 후, 그림파일을 한꺼번에 올려서 찾아 바꾸기<br />
<pre><br />
찾기: <p>img(\d++)</p><br />
바꾸기: <p><img alt="img\" src="../Images/img\1.png"/></p><br />
</pre><br />
<br />
==본문 스타일 편집==<br />
===기초 html tag===<br />
<br />
{| class="wikitable"<br />
|-<br />
! 태그!! 역할 !! 사용법<br />
|-<br />
| <nowiki> <h1>...</h1> </nowiki> || 부, 장, 절 등 제목에 사용|| h1~h6까지 숫자가 커질수록 작은크기, h4가 본문 글자와 비슷한 크기, 블럭태그<br />
|-<br />
|<nowiki> <p>...</p> </nowiki> || 문단|| 한 문단(paragraph)을 감싸줌. 가장 많이 쓰이는 블럭 태그<br />
|-<br />
|<nowiki> <i>...</i> </nowiki> || 이탤릭체|| 기울이는 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
|<nowiki><b>...</b></nowiki> || 볼드체||진하게 하는 인라인 태그, 꼭 블럭 태그와 함께 사용. <br />
|-<br />
|<nowiki> <ins>...</ins> </nowiki>|| 밑줄||밑줄(insert) 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
| <nowiki><sup>...</sup> </nowiki>|| 위첨자||위첨자 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
| <nowiki><sub>...</sub></nowiki> || 아래첨자||아래첨자 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
| <nowiki><span class="...">...</span> </nowiki>|| 본문 내 글자에 스타일 적용||인라인 태그이므로 꼭 블럭 태그와 함께 사용하며 속성(attribute)를 같이 써야함.<br />
|-<br />
| <nowiki><div>...</div> </nowiki>|| 그룹을 묶어 스타일 적용, 글상자 만들기||division을 의미하고 큰 블럭 태그로 다른 블럭 테그를 감쌀 수 있음. 테두리, 배경색 등의 속성 필수. <br />
|-<br />
| <nowiki><img alt=".." src=".."/></nowiki> || 이미지 삽입|| 인라인 태그로 꼭 블럭태그와 함께 사용. alt="이미지설명" src="이미지 위치 경로" , 닫는 "/'"가 없는 단독 테그(빈 테그)<br />
|}<br />
<br />
*블럭 tag<br />
<pre><nowiki><br />
<div><br />
<h1>...</h1> <p>div는 큰 블럭으로 p나 h1등을 감쌀 수 있음. 반대로 안되며 p와 h1은 같은 수준이기 때문에 서로 감쌀 수 없음</p><br />
</div><br />
</nowiki></pre><br />
<br />
*인라인 tag: p 등의 블럭 tag안에서만 i, b, span등이 사용 가능함<br />
<pre><br />
<nowiki><br />
<p><i>기울임 글꼴</i> <b>진한 글꼴</b></p><br />
</nowiki><br />
</pre><br />
<br />
===css(Cascading Style Sheet)===<br />
*html은 문서의 구조를 만든다면 css는 문서의 모양을 꾸며줌<br />
*글꼴, 글자 크기, 색, 상하좌우 정렬, 배경색, 테두리, 레이아웃 등<br />
*구성: 선택자, 속성, 값<br />
<pre><br />
h1 { font-size : 1.5em ; color : red } → 태그 선택자<br />
.title { font-size : 1.5em ; color : red } → 클래스 선택자<br />
---- ----------- --- ----- ---<br />
선택자 속성 값 속성 값<br />
</pre><br />
<br />
*선택자: html 태그에 직접 스타일을 적용한 '''태그 선택자'''와 편집자가 임의로 이름을 지정한 선택자인 '''클래스 선택자'''<br />
<br />
*클래스 선택자의 규칙<br />
#태그를 클래스 이름으로 쓰지 않는다. 예) .h1{...}X <br />
#예약어를 사용하지 않는다 예) .with{...}X<br />
#반드시 영문으로 시작하고 숫자, 하이픈, 믿줄 이외에는 사용하지 않는다. 예) .장제목{...}X <br />
#이해할 수 있는 단어를 사용한다. 예).t01{...} X, .chap_title{...}O<br />
<br />
*클래스 이름만들기<br />
#예약어를 사용하지 않도록 주의해야 한다. <br />
#종류를 구분해서 머리말_(언더바)를 넣는다. <br />
<pre><br />
.txt_sample: 본문의 글자를 꾸미는 클래스<br />
.img_sample: 이미지를 꾸미는 클래스<br />
.title_:제목과 관련된 클래스<br />
.box_: 글상자와 관련된 클래스<br />
.bg_: 배경색, 배경이미지 클래스 <br />
</pre><br />
#클래스의 이름은 주요 속성의 영어 단어를 최대한 그대로 사용한다. <br />
<pre><br />
.txt_gothic_bold: 진한 고딕 글씨체<br />
.txt_red, txt_color_red: 빨간 글씨체<br />
.txt_center: 글자 가운데 정렬<br />
</pre><br />
#클래스명이 길면 쉽게 유추할 수 있는 약어를 쓴다. <br />
<pre><br />
.img_float_L<br />
.img_float_R<br />
</pre><br />
<br />
===필수 css===<br />
*font-family: 글꼴 이름, @font-face와 함께 사용<br />
*text-indent: 들여 쓰기 <br />
*padding-left: 내여 쓰기<br />
*text-align: 글자 정렬<br />
<pre><br />
양쪽정렬<br />
p{<br />
text-align:justify;<br />
}<br />
</pre><br />
*line-height: 줄 간격, 1.8~2.0 em 정도<br />
<pre><br />
p{<br />
line-height: 1.8em;<br />
}<br />
</pre><br />
*font-size: 글자 크기<br />
*color: 글자 색<br />
*margin: 바깥쪽 여백<br />
<pre><br />
margin: 1em; 상하좌우 모두 1em <br />
margin: 1em 2em; 상하 1, 좌우2<br />
margin: 1em 5em 2em; 상1 좌우5 하2<br />
margin: 1em 2em 3em 4em; 상1 우2 하3 좌 4(시계방향)<br />
</pre><br />
*padding 안쪽 여백<br />
*width: 폭<br />
*height: 높이<br />
*float: 이미지와 글자가 자연스럽게 배치되는 스타일<br />
<br />
==html과 css로 전자책 완성하기==<br />
===스타일 기본 설정===<br />
*스타일/빈 스타일시트 추가<br />
*text파일들 모두 선택후 스타일시트를 연결<br />
*폰트폴더에서 기존파일 추가로 원하는 글꼴 추가 <br />
<br />
===글꼴 선언===<br />
*글꼴 추가 후 style0001.css파일에 @font-face로 선언<br />
<br />
<br />
===본문 스타일===<br />
<pre><br />
p{<br />
font-family:"명조";<br />
text-indent:1em;<br />
line-height: 1.8em;<br />
text-align: justify;<br />
<br />
}<br />
</pre><br />
<br />
===제목 스타일===<br />
<pre><br />
h3{/*장 제목은 명조로, 색깔은 파랑, 사이즈는 일반의 1.5배, 오른쪽 정렬 위에서 2줄, 아래에서 7줄 본문과 간격*/<br />
font-family: "고딕";<br />
color: blue;<br />
font-size: 1.5em;<br />
text-align:right;<br />
margin-top:2em;<br />
margin-bottom:7em;<br />
}<br />
</pre><br />
<br />
===이미지 정렬===<br />
<br />
===본문 인용 강조 스타일===<br />
<br />
===정렬 스타일===<br />
<br />
===시/목차/판권면 스타일===<br />
<br />
===EPUB TOC(차례파일) 만들기===<br />
<br />
=참고문헌=<br />
박웅영(2018). 제대로 된 전자책 한권 잘 만들기. 미디어랩</div>
박현정
http://dh.aks.ac.kr/~phj/wiki/index.php?title=%EC%A0%84%EC%9E%90%EC%B1%85&diff=833
전자책
2021-01-21T12:00:25Z
<p>박현정: </p>
<hr />
<div>=sigil=<br />
*EPUB(전자책 포맷 중 하나) 편집 프로그램으로 이미지, 동영상, 오디오 파일 첨부가 가능하고 글꼴을 포함할 수 있어 다양한 형태의 스타일을 편집할 수 있음. <br />
*시길 다운로드: http://sigil-ebook.com<br />
*sigil-0.96-window-x64-setup.exe 다운받기<br />
*isbn 발급방법: [http://seoji.nl.go.kr/isbn/isbnBook/IsbnBookSearch.do 서지정보유통시스템] 가입, 로그인<br />
*전자책 뷰어: iBooks, Calibre(캘리버)<br />
<br />
=플랫폼=<br />
*리디북스: www://ridibooks.com/event/67<br />
*교보문고, 한국이퍼브, 유페이퍼, 북큐브<br />
<br />
=상업용 무료 이미지 사이트=<br />
*https://pixabay.com<br />
*https://www.freepik.com<br />
*https://unsplash.com<br />
*https://gratisography.com<br />
*https://morguefile.com<br />
<br />
=전자책 출판사 만드는 순서=<br />
# 시길 설치하기. 그전에 책을 위한 원고작성 및 자료모음이 먼저. <br />
# 시길을 이용한 전자책만들기. 완성<br />
# 출판사 등록을 위한 구청(문화체육과)방문<br />
# 구청 재방문 서류 받기, 받은 서류(등록증)로 세무서에 가서 신고<br />
# 계약하고자 하는 플랫폼(전자책을 내놓을 배부할 회사)마다 요구하는 서류가 다름. 사업자 통장과 사업자공인인증서 미리 준비. <br />
# 각 유통사 플렛폼에 메일을 보내고, 서류 준비. <br />
# 서지정보시스템에 들어가서 isbn, cip를 발행하고 전자책에도 등록.<br />
# 각각의 scm 사이트에 isbn, cip를 등록. <br />
# 각 회사에서 정산금액을 메일로 알려주면 홈텍스에서 세금계산서를 발생. 출판사는 면세사업자<br />
<br />
=전자책 만들기=<br />
==기본 구성==<br />
#본문<br />
#메터데이터<br />
#표지<br />
#목차<br />
<br />
==목차 및 이미지 추가를 위한 정규표현식==<br />
* split at markers사용법: 검색 Find&Replace , 방식: Regex, 모든html파일, 아래쪽<br />
<pre><br />
찾기: <p>제(\d++)장(.*)</p><br />
바꾸기: <hr class="sigil_split_marker"/><p>제\1장\2</p><br />
</pre><br />
<br />
*img 한꺼번에 바꾸기(정규표현식): img000(숫자)으로 자리만 저장한 후, 그림파일을 한꺼번에 올려서 찾아 바꾸기<br />
<pre><br />
찾기: <p>img(\d++)</p><br />
바꾸기: <p><img alt="img\" src="../Images/img\1.png"/></p><br />
</pre><br />
<br />
==본문 스타일 편집==<br />
===기초 html tag===<br />
<br />
{| class="wikitable"<br />
|-<br />
! 태그!! 역할 !! 사용법<br />
|-<br />
| <nowiki> <h1>...</h1> </nowiki> || 부, 장, 절 등 제목에 사용|| h1~h6까지 숫자가 커질수록 작은크기, h4가 본문 글자와 비슷한 크기, 블럭태그<br />
|-<br />
|<nowiki> <p>...</p> </nowiki> || 문단|| 한 문단(paragraph)을 감싸줌. 가장 많이 쓰이는 블럭 태그<br />
|-<br />
|<nowiki> <i>...</i> </nowiki> || 이탤릭체|| 기울이는 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
|<nowiki><b>...</b></nowiki> || 볼드체||진하게 하는 인라인 태그, 꼭 블럭 태그와 함께 사용. <br />
|-<br />
|<nowiki> <ins>...</ins> </nowiki>|| 밑줄||밑줄(insert) 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
| <nowiki><sup>...</sup> </nowiki>|| 위첨자||위첨자 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
| <nowiki><sub>...</sub></nowiki> || 아래첨자||아래첨자 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
| <nowiki><span class="...">...</span> </nowiki>|| 본문 내 글자에 스타일 적용||인라인 태그이므로 꼭 블럭 태그와 함께 사용하며 속성(attribute)를 같이 써야함.<br />
|-<br />
| <nowiki><div>...</div> </nowiki>|| 그룹을 묶어 스타일 적용, 글상자 만들기||division을 의미하고 큰 블럭 태그로 다른 블럭 테그를 감쌀 수 있음. 테두리, 배경색 등의 속성 필수. <br />
|-<br />
| <nowiki><img alt=".." src=".."/></nowiki> || 이미지 삽입|| 인라인 태그로 꼭 블럭태그와 함께 사용. alt="이미지설명" src="이미지 위치 경로" , 닫는 "/'"가 없는 단독 테그(빈 테그)<br />
|}<br />
<br />
*블럭 tag<br />
<pre><nowiki><br />
<div><br />
<h1>...</h1> <p>div는 큰 블럭으로 p나 h1등을 감쌀 수 있음. 반대로 안되며 p와 h1은 같은 수준이기 때문에 서로 감쌀 수 없음</p><br />
</div><br />
</nowiki></pre><br />
<br />
*인라인 tag: p 등의 블럭 tag안에서만 i, b, span등이 사용 가능함<br />
<pre><br />
<nowiki><br />
<p><i>기울임 글꼴</i> <b>진한 글꼴</b></p><br />
</nowiki><br />
</pre><br />
<br />
===css(Cascading Style Sheet)===<br />
*html은 문서의 구조를 만든다면 css는 문서의 모양을 꾸며줌<br />
*글꼴, 글자 크기, 색, 상하좌우 정렬, 배경색, 테두리, 레이아웃 등<br />
*구성: 선택자, 속성, 값<br />
<pre><br />
h1 { font-size : 1.5em ; color : red } → 태그 선택자<br />
.title { font-size : 1.5em ; color : red } → 클래스 선택자<br />
---- ----------- --- ----- ---<br />
선택자 속성 값 속성 값<br />
</pre><br />
<br />
*선택자: html 태그에 직접 스타일을 적용한 '''태그 선택자'''와 편집자가 임의로 이름을 지정한 선택자인 '''클래스 선택자'''<br />
<br />
*클래스 선택자의 규칙<br />
#태그를 클래스 이름으로 쓰지 않는다. 예) .h1{...}X <br />
#예약어를 사용하지 않는다 예) .with{...}X<br />
#반드시 영문으로 시작하고 숫자, 하이픈, 믿줄 이외에는 사용하지 않는다. 예) .장제목{...}X <br />
#이해할 수 있는 단어를 사용한다. 예).t01{...} X, .chap_title{...}O<br />
<br />
*클래스 이름만들기<br />
#예약어를 사용하지 않도록 주의해야 한다. <br />
#종류를 구분해서 머리말_(언더바)를 넣는다. <br />
<pre><br />
.txt_sample: 본문의 글자를 꾸미는 클래스<br />
.img_sample: 이미지를 꾸미는 클래스<br />
.title_:제목과 관련된 클래스<br />
.box_: 글상자와 관련된 클래스<br />
.bg_: 배경색, 배경이미지 클래스 <br />
</pre><br />
#클래스의 이름은 주요 속성의 영어 단어를 최대한 그대로 사용한다. <br />
<pre><br />
.txt_gothic_bold: 진한 고딕 글씨체<br />
.txt_red, txt_color_red: 빨간 글씨체<br />
.txt_center: 글자 가운데 정렬<br />
</pre><br />
#클래스명이 길면 쉽게 유추할 수 있는 약어를 쓴다. <br />
<pre><br />
.img_float_L<br />
.img_float_R<br />
</pre><br />
<br />
===필수 css===<br />
*font-family: 글꼴 이름, @font-face와 함께 사용<br />
*text-indent: 들여 쓰기 <br />
*padding-left: 내여 쓰기<br />
*text-align: 글자 정렬<br />
<pre><br />
양쪽정렬<br />
p{<br />
text-align:justify;<br />
}<br />
</pre><br />
*line-height: 줄 간격, 1.8~2.0 em 정도<br />
<pre><br />
p{<br />
line-height: 1.8em;<br />
}<br />
</pre><br />
*font-size: 글자 크기<br />
*color: 글자 색<br />
*margin: 바깥쪽 여백<br />
<pre><br />
margin: 1em; 상하좌우 모두 1em <br />
margin: 1em 2em; 상하 1, 좌우2<br />
margin: 1em 5em 2em; 상1 좌우5 하2<br />
margin: 1em 2em 3em 4em; 상1 우2 하3 좌 4(시계방향)<br />
</pre><br />
*padding 안쪽 여백<br />
*width: 폭<br />
*height: 높이<br />
*float: 이미지와 글자가 자연스럽게 배치되는 스타일<br />
<br />
==html과 css로 전자책 완성하기==<br />
===스타일 기본 설정===<br />
<br />
===글꼴 선언===<br />
<br />
===본문 스타일===<br />
<br />
===제목 스타일===<br />
<br />
===이미지 정렬===<br />
<br />
===본문 인용 강조 스타일===<br />
<br />
===정렬 스타일===<br />
<br />
===시/목차/판권면 스타일===<br />
<br />
===EPUB TOC(차례파일) 만들기===<br />
<br />
<br />
<br />
<br />
<br />
<br />
=참고문헌=<br />
박웅영(2018). 제대로 된 전자책 한권 잘 만들기. 미디어랩</div>
박현정
http://dh.aks.ac.kr/~phj/wiki/index.php?title=%EC%A0%84%EC%9E%90%EC%B1%85&diff=832
전자책
2021-01-21T11:59:15Z
<p>박현정: </p>
<hr />
<div>=sigil=<br />
*EPUB(전자책 포맷 중 하나) 편집 프로그램으로 이미지, 동영상, 오디오 파일 첨부가 가능하고 글꼴을 포함할 수 있어 다양한 형태의 스타일을 편집할 수 있음. <br />
*시길 다운로드: http://sigil-ebook.com<br />
*sigil-0.96-window-x64-setup.exe 다운받기<br />
*isbn 발급방법: [http://seoji.nl.go.kr/isbn/isbnBook/IsbnBookSearch.do 서지정보유통시스템] 가입, 로그인<br />
*전자책 뷰어: iBooks, Calibre(캘리버)<br />
<br />
=플랫폼=<br />
*리디북스: www://ridibooks.com/event/67<br />
*교보문고, 한국이퍼브, 유페이퍼, 북큐브<br />
<br />
=상업용 무료 이미지 사이트=<br />
*https://pixabay.com<br />
*https://www.freepik.com<br />
*https://unsplash.com<br />
*https://gratisography.com<br />
*https://morguefile.com<br />
<br />
=전자책 출판사 만드는 순서=<br />
# 시길 설치하기. 그전에 책을 위한 원고작성 및 자료모음이 먼저. <br />
# 시길을 이용한 전자책만들기. 완성<br />
# 출판사 등록을 위한 구청(문화체육과)방문<br />
# 구청 재방문 서류 받기, 받은 서류(등록증)로 세무서에 가서 신고<br />
# 계약하고자 하는 플랫폼(전자책을 내놓을 배부할 회사)마다 요구하는 서류가 다름. 사업자 통장과 사업자공인인증서 미리 준비. <br />
# 각 유통사 플렛폼에 메일을 보내고, 서류 준비. <br />
# 서지정보시스템에 들어가서 isbn, cip를 발행하고 전자책에도 등록.<br />
# 각각의 scm 사이트에 isbn, cip를 등록. <br />
# 각 회사에서 정산금액을 메일로 알려주면 홈텍스에서 세금계산서를 발생. 출판사는 면세사업자<br />
<br />
=전자책 만들기=<br />
==기본 구성==<br />
#본문<br />
#메터데이터<br />
#표지<br />
#목차<br />
<br />
==목차 및 이미지 추가를 위한 정규표현식==<br />
* split at markers사용법: 검색 Find&Replace , 방식: Regex, 모든html파일, 아래쪽<br />
<pre><br />
찾기: <p>제(\d++)장(.*)</p><br />
바꾸기: <hr class="sigil_split_marker"/><p>제\1장\2</p><br />
</pre><br />
<br />
*img 한꺼번에 바꾸기(정규표현식): img000(숫자)으로 자리만 저장한 후, 그림파일을 한꺼번에 올려서 찾아 바꾸기<br />
<pre><br />
찾기: <p>img(\d++)</p><br />
바꾸기: <p><img alt="img\" src="../Images/img\1.png"/></p><br />
</pre><br />
<br />
==본문 스타일 편집==<br />
===기초 html tag===<br />
<br />
{| class="wikitable"<br />
|-<br />
! 태그!! 역할 !! 사용법<br />
|-<br />
| <nowiki> <h1>...</h1> </nowiki> || 부, 장, 절 등 제목에 사용|| h1~h6까지 숫자가 커질수록 작은크기, h4가 본문 글자와 비슷한 크기, 블럭태그<br />
|-<br />
|<nowiki> <p>...</p> </nowiki> || 문단|| 한 문단(paragraph)을 감싸줌. 가장 많이 쓰이는 블럭 태그<br />
|-<br />
|<nowiki> <i>...</i> </nowiki> || 이탤릭체|| 기울이는 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
|<nowiki><b>...</b></nowiki> || 볼드체||진하게 하는 인라인 태그, 꼭 블럭 태그와 함께 사용. <br />
|-<br />
|<nowiki> <ins>...</ins> </nowiki>|| 밑줄||밑줄(insert) 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
| <nowiki><sup>...</sup> </nowiki>|| 위첨자||위첨자 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
| <nowiki><sub>...</sub></nowiki> || 아래첨자||아래첨자 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
| <nowiki><span class="...">...</span> </nowiki>|| 본문 내 글자에 스타일 적용||인라인 태그이므로 꼭 블럭 태그와 함께 사용하며 속성(attribute)를 같이 써야함.<br />
|-<br />
| <nowiki><div>...</div> </nowiki>|| 그룹을 묶어 스타일 적용, 글상자 만들기||division을 의미하고 큰 블럭 태그로 다른 블럭 테그를 감쌀 수 있음. 테두리, 배경색 등의 속성 필수. <br />
|-<br />
| <nowiki><img alt=".." src=".."/></nowiki> || 이미지 삽입|| 인라인 태그로 꼭 블럭태그와 함께 사용. alt="이미지설명" src="이미지 위치 경로" , 닫는 "/'"가 없는 단독 테그(빈 테그)<br />
|}<br />
<br />
*블럭 tag<br />
<pre><nowiki><br />
<div><br />
<h1>...</h1> <p>div는 큰 블럭으로 p나 h1등을 감쌀 수 있음. 반대로 안되며 p와 h1은 같은 수준이기 때문에 서로 감쌀 수 없음</p><br />
</div><br />
</nowiki></pre><br />
<br />
*인라인 tag: p 등의 블럭 tag안에서만 i, b, span등이 사용 가능함<br />
<pre><br />
<nowiki><br />
<p><i>기울임 글꼴</i> <b>진한 글꼴</b></p><br />
</nowiki><br />
</pre><br />
<br />
===css(Cascading Style Sheet)===<br />
*html은 문서의 구조를 만든다면 css는 문서의 모양을 꾸며줌<br />
*글꼴, 글자 크기, 색, 상하좌우 정렬, 배경색, 테두리, 레이아웃 등<br />
*구성: 선택자, 속성, 값<br />
<pre><br />
h1 { font-size : 1.5em ; color : red } → 태그 선택자<br />
.title { font-size : 1.5em ; color : red } → 클래스 선택자<br />
---- ----------- --- ----- ---<br />
선택자 속성 값 속성 값<br />
</pre><br />
<br />
*선택자: html 태그에 직접 스타일을 적용한 '''태그 선택자'''와 편집자가 임의로 이름을 지정한 선택자인 '''클래스 선택자'''<br />
<br />
*클래스 선택자의 규칙<br />
#태그를 클래스 이름으로 쓰지 않는다. 예) .h1{...}X <br />
#예약어를 사용하지 않는다 예) .with{...}X<br />
#반드시 영문으로 시작하고 숫자, 하이픈, 믿줄 이외에는 사용하지 않는다. 예) .장제목{...}X <br />
#이해할 수 있는 단어를 사용한다. 예).t01{...} X, .chap_title{...}O<br />
<br />
*클래스 이름만들기<br />
#예약어를 사용하지 않도록 주의해야 한다. <br />
#종류를 구분해서 머리말_(언더바)를 넣는다. <br />
<pre><br />
.txt_sample: 본문의 글자를 꾸미는 클래스<br />
.img_sample: 이미지를 꾸미는 클래스<br />
.title_:제목과 관련된 클래스<br />
.box_: 글상자와 관련된 클래스<br />
.bg_: 배경색, 배경이미지 클래스 <br />
</pre><br />
#클래스의 이름은 주요 속성의 영어 단어를 최대한 그대로 사용한다. <br />
<pre><br />
.txt_gothic_bold: 진한 고딕 글씨체<br />
.txt_red, txt_color_red: 빨간 글씨체<br />
.txt_center: 글자 가운데 정렬<br />
</pre><br />
#클래스명이 길면 쉽게 유추할 수 있는 약어를 쓴다. <br />
<pre><br />
.img_float_L<br />
.img_float_R<br />
</pre><br />
<br />
===필수 css===<br />
*font-family: 글꼴 이름, @font-face와 함께 사용<br />
*text-indent: 들여 쓰기 <br />
*padding-left: 내여 쓰기<br />
*text-align: 글자 정렬<br />
<pre><br />
양쪽정렬<br />
p{<br />
text-align:justify;<br />
}<br />
</pre><br />
*line-height: 줄 간격, 1.8~2.0 em 정도<br />
<pre><br />
p{<br />
line-height: 1.8em;<br />
}<br />
</pre><br />
*font-size: 글자 크기<br />
*color: 글자 색<br />
*margin: 바깥쪽 여백<br />
<pre><br />
margin: 1em; 상하좌우 모두 1em <br />
margin: 1em 2em; 상하 1, 좌우2<br />
margin: 1em 5em 2em; 상1 좌우5 하2<br />
margin: 1em 2em 3em 4em; 상1 우2 하3 좌 4(시계방향)<br />
</pre><br />
*padding 안쪽 여백<br />
*width: 폭<br />
*height: 높이<br />
*float: 이미지와 글자가 자연스럽게 배치되는 스타일<br />
<br />
=html과 css로 전자책 완성하기=<br />
==스타일 기본 설정==<br />
<br />
==글꼴 선언==<br />
<br />
==본문 스타일==<br />
<br />
==제목 스타일==<br />
<br />
==이미지 정렬==<br />
<br />
==본문 인용 강조 스타일==<br />
<br />
==정렬 스타일==<br />
<br />
==시/목차/판권면 스타일==<br />
<br />
==EPUB TOC(차례파일) 만들기==<br />
<br />
<br />
<br />
<br />
<br />
<br />
=참고문헌=<br />
박웅영(2018). 제대로 된 전자책 한권 잘 만들기. 미디어랩</div>
박현정
http://dh.aks.ac.kr/~phj/wiki/index.php?title=%EC%A0%84%EC%9E%90%EC%B1%85&diff=831
전자책
2021-01-21T11:36:25Z
<p>박현정: </p>
<hr />
<div>=sigil=<br />
*EPUB(전자책 포맷 중 하나) 편집 프로그램으로 이미지, 동영상, 오디오 파일 첨부가 가능하고 글꼴을 포함할 수 있어 다양한 형태의 스타일을 편집할 수 있음. <br />
*시길 다운로드: http://sigil-ebook.com<br />
*sigil-0.96-window-x64-setup.exe 다운받기<br />
*isbn 발급방법: [http://seoji.nl.go.kr/isbn/isbnBook/IsbnBookSearch.do 서지정보유통시스템] 가입, 로그인<br />
*전자책 뷰어: iBooks, Calibre(캘리버)<br />
<br />
=플랫폼=<br />
*리디북스: www://ridibooks.com/event/67<br />
*교보문고, 한국이퍼브, 유페이퍼, 북큐브<br />
<br />
=상업용 무료 이미지 사이트=<br />
*https://pixabay.com<br />
*https://www.freepik.com<br />
*https://unsplash.com<br />
*https://gratisography.com<br />
*https://morguefile.com<br />
<br />
=전자책 출판사 만드는 순서=<br />
# 시길 설치하기. 그전에 책을 위한 원고작성 및 자료모음이 먼저. <br />
# 시길을 이용한 전자책만들기. 완성<br />
# 출판사 등록을 위한 구청(문화체육과)방문<br />
# 구청 재방문 서류 받기, 받은 서류(등록증)로 세무서에 가서 신고<br />
# 계약하고자 하는 플랫폼(전자책을 내놓을 배부할 회사)마다 요구하는 서류가 다름. 사업자 통장과 사업자공인인증서 미리 준비. <br />
# 각 유통사 플렛폼에 메일을 보내고, 서류 준비. <br />
# 서지정보시스템에 들어가서 isbn, cip를 발행하고 전자책에도 등록.<br />
# 각각의 scm 사이트에 isbn, cip를 등록. <br />
# 각 회사에서 정산금액을 메일로 알려주면 홈텍스에서 세금계산서를 발생. 출판사는 면세사업자<br />
<br />
=전자책 만들기=<br />
==기본 구성==<br />
#본문<br />
#메터데이터<br />
#표지<br />
#목차<br />
<br />
==목차 및 이미지 추가를 위한 정규표현식==<br />
* split at markers사용법: 검색 Find&Replace , 방식: Regex, 모든html파일, 아래쪽<br />
<pre><br />
찾기: <p>제(\d++)장(.*)</p><br />
바꾸기: <hr class="sigil_split_marker"/><p>제\1장\2</p><br />
</pre><br />
<br />
*img 한꺼번에 바꾸기(정규표현식): img000(숫자)으로 자리만 저장한 후, 그림파일을 한꺼번에 올려서 찾아 바꾸기<br />
<pre><br />
찾기: <p>img(\d++)</p><br />
바꾸기: <p><img alt="img\" src="../Images/img\1.png"/></p><br />
</pre><br />
<br />
==본문 스타일 편집==<br />
===기초 html tag===<br />
<br />
{| class="wikitable"<br />
|-<br />
! 태그!! 역할 !! 사용법<br />
|-<br />
| <nowiki> <h1>...</h1> </nowiki> || 부, 장, 절 등 제목에 사용|| h1~h6까지 숫자가 커질수록 작은크기, h4가 본문 글자와 비슷한 크기, 블럭태그<br />
|-<br />
|<nowiki> <p>...</p> </nowiki> || 문단|| 한 문단(paragraph)을 감싸줌. 가장 많이 쓰이는 블럭 태그<br />
|-<br />
|<nowiki> <i>...</i> </nowiki> || 이탤릭체|| 기울이는 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
|<nowiki><b>...</b></nowiki> || 볼드체||진하게 하는 인라인 태그, 꼭 블럭 태그와 함께 사용. <br />
|-<br />
|<nowiki> <ins>...</ins> </nowiki>|| 밑줄||밑줄(insert) 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
| <nowiki><sup>...</sup> </nowiki>|| 위첨자||위첨자 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
| <nowiki><sub>...</sub></nowiki> || 아래첨자||아래첨자 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
| <nowiki><span class="...">...</span> </nowiki>|| 본문 내 글자에 스타일 적용||인라인 태그이므로 꼭 블럭 태그와 함께 사용하며 속성(attribute)를 같이 써야함.<br />
|-<br />
| <nowiki><div>...</div> </nowiki>|| 그룹을 묶어 스타일 적용, 글상자 만들기||division을 의미하고 큰 블럭 태그로 다른 블럭 테그를 감쌀 수 있음. 테두리, 배경색 등의 속성 필수. <br />
|-<br />
| <nowiki><img alt=".." src=".."/></nowiki> || 이미지 삽입|| 인라인 태그로 꼭 블럭태그와 함께 사용. alt="이미지설명" src="이미지 위치 경로" , 닫는 "/'"가 없는 단독 테그(빈 테그)<br />
|}<br />
<br />
*블럭 tag<br />
<pre><nowiki><br />
<div><br />
<h1>...</h1> <p>div는 큰 블럭으로 p나 h1등을 감쌀 수 있음. 반대로 안되며 p와 h1은 같은 수준이기 때문에 서로 감쌀 수 없음</p><br />
</div><br />
</nowiki></pre><br />
<br />
*인라인 tag: p 등의 블럭 tag안에서만 i, b, span등이 사용 가능함<br />
<pre><br />
<nowiki><br />
<p><i>기울임 글꼴</i> <b>진한 글꼴</b></p><br />
</nowiki><br />
</pre><br />
<br />
===css(Cascading Style Sheet)===<br />
*html은 문서의 구조를 만든다면 css는 문서의 모양을 꾸며줌<br />
*글꼴, 글자 크기, 색, 상하좌우 정렬, 배경색, 테두리, 레이아웃 등<br />
*구성: 선택자, 속성, 값<br />
<pre><br />
h1 { font-size : 1.5em ; color : red } → 태그 선택자<br />
.title { font-size : 1.5em ; color : red } → 클래스 선택자<br />
---- ----------- --- ----- ---<br />
선택자 속성 값 속성 값<br />
</pre><br />
<br />
*선택자: html 태그에 직접 스타일을 적용한 '''태그 선택자'''와 편집자가 임의로 이름을 지정한 선택자인 '''클래스 선택자'''<br />
<br />
*클래스 선택자의 규칙<br />
#태그를 클래스 이름으로 쓰지 않는다. 예) .h1{...}X <br />
#예약어를 사용하지 않는다 예) .with{...}X<br />
#반드시 영문으로 시작하고 숫자, 하이픈, 믿줄 이외에는 사용하지 않는다. 예) .장제목{...}X <br />
#이해할 수 있는 단어를 사용한다. 예).t01{...} X, .chap_title{...}O<br />
<br />
*클래스 이름만들기<br />
#예약어를 사용하지 않도록 주의해야 한다. <br />
#종류를 구분해서 머리말_(언더바)를 넣는다. <br />
<pre><br />
.txt_sample: 본문의 글자를 꾸미는 클래스<br />
.img_sample: 이미지를 꾸미는 클래스<br />
.title_:제목과 관련된 클래스<br />
.box_: 글상자와 관련된 클래스<br />
.bg_: 배경색, 배경이미지 클래스 <br />
</pre><br />
#클래스의 이름은 주요 속성의 영어 단어를 최대한 그대로 사용한다. <br />
<pre><br />
.txt_gothic_bold: 진한 고딕 글씨체<br />
.txt_red, txt_color_red: 빨간 글씨체<br />
.txt_center: 글자 가운데 정렬<br />
</pre><br />
#클래스명이 길면 쉽게 유추할 수 있는 약어를 쓴다. <br />
<pre><br />
.img_float_L<br />
.img_float_R<br />
</pre><br />
<br />
===필수 css===<br />
*font-family: 글꼴 이름, @font-face와 함께 사용<br />
*text-indent: 들여 쓰기 <br />
*padding-left: 내여 쓰기<br />
*text-align: 글자 정렬<br />
<pre><br />
양쪽정렬<br />
p{<br />
text-align:justify;<br />
}<br />
</pre><br />
*line-height: 줄 간격, 1.8~2.0 em 정도<br />
<pre><br />
p{<br />
line-height: 1.8em;<br />
}<br />
</pre><br />
*font-size: 글자 크기<br />
*color: 글자 색<br />
*margin: 바깥쪽 여백<br />
<pre><br />
margin: 1em; 상하좌우 모두 1em <br />
margin: 1em 2em; 상하 1, 좌우2<br />
margin: 1em 5em 2em; 상1 좌우5 하2<br />
margin: 1em 2em 3em 4em; 상1 우2 하3 좌 4(시계방향)<br />
</pre><br />
*padding 안쪽 여백<br />
*width: 폭<br />
*height: 높이<br />
*float: 이미지와 글자가 자연스럽게 배치되는 스타일<br />
<br />
<br />
=참고문헌=<br />
박웅영(2018). 제대로 된 전자책 한권 잘 만들기. 미디어랩</div>
박현정
http://dh.aks.ac.kr/~phj/wiki/index.php?title=%EC%A0%84%EC%9E%90%EC%B1%85&diff=830
전자책
2021-01-20T04:03:59Z
<p>박현정: /* 본문 스타일 편집 */</p>
<hr />
<div>=sigil=<br />
*EPUB(전자책 포맷 중 하나) 편집 프로그램으로 이미지, 동영상, 오디오 파일 첨부가 가능하고 글꼴을 포함할 수 있어 다양한 형태의 스타일을 편집할 수 있음. <br />
*시길 다운로드: http://sigil-ebook.com<br />
*sigil-0.96-window-x64-setup.exe 다운받기<br />
*isbn 발급방법: [http://seoji.nl.go.kr/isbn/isbnBook/IsbnBookSearch.do 서지정보유통시스템] 가입, 로그인<br />
*전자책 뷰어: iBooks, Calibre(캘리버)<br />
<br />
=플랫폼=<br />
*리디북스: www://ridibooks.com/event/67<br />
*교보문고, 한국이퍼브, 유페이퍼, 북큐브<br />
<br />
=상업용 무료 이미지 사이트=<br />
*https://pixabay.com<br />
*https://www.freepik.com<br />
*https://unsplash.com<br />
*https://gratisography.com<br />
*https://morguefile.com<br />
<br />
=전자책 출판사 만드는 순서=<br />
# 시길 설치하기. 그전에 책을 위한 원고작성 및 자료모음이 먼저. <br />
# 시길을 이용한 전자책만들기. 완성<br />
# 출판사 등록을 위한 구청(문화체육과)방문<br />
# 구청 재방문 서류 받기, 받은 서류(등록증)로 세무서에 가서 신고<br />
# 계약하고자 하는 플랫폼(전자책을 내놓을 배부할 회사)마다 요구하는 서류가 다름. 사업자 통장과 사업자공인인증서 미리 준비. <br />
# 각 유통사 플렛폼에 메일을 보내고, 서류 준비. <br />
# 서지정보시스템에 들어가서 isbn, cip를 발행하고 전자책에도 등록.<br />
# 각각의 scm 사이트에 isbn, cip를 등록. <br />
# 각 회사에서 정산금액을 메일로 알려주면 홈텍스에서 세금계산서를 발생. 출판사는 면세사업자<br />
<br />
=전자책 만들기=<br />
==기본 구성==<br />
#본문<br />
#메터데이터<br />
#표지<br />
#목차<br />
<br />
==목차 및 이미지 추가를 위한 정규표현식==<br />
* split at markers사용법: 검색 Find&Replace , 방식: Regex, 모든html파일, 아래쪽<br />
<pre><br />
찾기: <p>제(\d++)장(.*)</p><br />
바꾸기: <hr class="sigil_split_marker"/><p>제\1장\2</p><br />
</pre><br />
<br />
*img 한꺼번에 바꾸기(정규표현식): img000(숫자)으로 자리만 저장한 후, 그림파일을 한꺼번에 올려서 찾아 바꾸기<br />
<pre><br />
찾기: <p>img(\d++)</p><br />
바꾸기: <p><img alt="img\" src="../Images/img\1.png"/></p><br />
</pre><br />
<br />
==본문 스타일 편집==<br />
===기초 html tag===<br />
<br />
{| class="wikitable"<br />
|-<br />
! 태그!! 역할 !! 사용법<br />
|-<br />
| <nowiki> <h1>...</h1> </nowiki> || 부, 장, 절 등 제목에 사용|| h1~h6까지 숫자가 커질수록 작은크기, h4가 본문 글자와 비슷한 크기, 블럭태그<br />
|-<br />
|<nowiki> <p>...</p> </nowiki> || 문단|| 한 문단(paragraph)을 감싸줌. 가장 많이 쓰이는 블럭 태그<br />
|-<br />
|<nowiki> <i>...</i> </nowiki> || 이탤릭체|| 기울이는 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
|<nowiki><b>...</b></nowiki> || 볼드체||진하게 하는 인라인 태그, 꼭 블럭 태그와 함께 사용. <br />
|-<br />
|<nowiki> <ins>...</ins> </nowiki>|| 밑줄||밑줄(insert) 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
| <nowiki><sup>...</sup> </nowiki>|| 위첨자||위첨자 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
| <nowiki><sub>...</sub></nowiki> || 아래첨자||아래첨자 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
| <nowiki><span class="...">...</span> </nowiki>|| 본문 내 글자에 스타일 적용||인라인 태그이므로 꼭 블럭 태그와 함께 사용하며 속성(attribute)를 같이 써야함.<br />
|-<br />
| <nowiki><div>...</div> </nowiki>|| 그룹을 묶어 스타일 적용, 글상자 만들기||division을 의미하고 큰 블럭 태그로 다른 블럭 테그를 감쌀 수 있음. 테두리, 배경색 등의 속성 필수. <br />
|-<br />
| <nowiki><img alt=".." src=".."/></nowiki> || 이미지 삽입|| 인라인 태그로 꼭 블럭태그와 함께 사용. alt="이미지설명" src="이미지 위치 경로" , 닫는 "/'"가 없는 단독 테그(빈 테그)<br />
|}<br />
<br />
*블럭 tag<br />
<pre><nowiki><br />
<div><br />
<h1>...</h1> <p>div는 큰 블럭으로 p나 h1등을 감쌀 수 있음. 반대로 안되며 p와 h1은 같은 수준이기 때문에 서로 감쌀 수 없음</p><br />
</div><br />
</nowiki></pre><br />
<br />
*인라인 tag: p 등의 블럭 tag안에서만 i, b, span등이 사용 가능함<br />
<pre><br />
<nowiki><br />
<p><i>기울임 글꼴</i> <b>진한 글꼴</b></p><br />
</nowiki><br />
</pre><br />
<br />
===css(Cascading Style Sheet)===<br />
*html은 문서의 구조를 만든다면 css는 문서의 모양을 꾸며줌<br />
*글꼴, 글자 크기, 색, 상하좌우 정렬, 배경색, 테두리, 레이아웃 등<br />
*구성: 선택자, 속성, 값<br />
<pre><br />
h1 { font-size : 1.5em ; color : red } → 태그 선택자<br />
.title { font-size : 1.5em ; color : red } → 클래스 선택자<br />
---- ----------- --- ----- ---<br />
선택자 속성 값 속성 값<br />
</pre><br />
<br />
*선택자: html 태그에 직접 스타일을 적용한 '''태그 선택자'''와 편집자가 임의로 이름을 지정한 선택자인 '''클래스 선택자'''<br />
<br />
*클래스 선택자의 규칙<br />
#태그를 클래스 이름으로 쓰지 않는다. 예) .h1{...}X <br />
#예약어를 사용하지 않는다 예) .with{...}X<br />
#반드시 영문으로 시작하고 숫자, 하이픈, 믿줄 이외에는 사용하지 않는다. 예) .장제목{...}X <br />
#이해할 수 있는 단어를 사용한다. 예).t01{...} X, .chap_title{...}O<br />
<br />
*클래스 이름만들기<br />
#예약어를 사용하지 않도록 주의해야 한다. <br />
#종류를 구분해서 머리말_(언더바)를 넣는다. <br />
<pre><br />
.txt_sample: 본문의 글자를 꾸미는 클래스<br />
.img_sample: 이미지를 꾸미는 클래스<br />
.title_:제목과 관련된 클래스<br />
.box_: 글상자와 관련된 클래스<br />
.bg_: 배경색, 배경이미지 클래스 <br />
</pre><br />
#클래스의 이름은 주요 속성의 영어 단어를 최대한 그대로 사용한다. <br />
<pre><br />
.txt_gothic_bold: 진한 고딕 글씨체<br />
.txt_red, txt_color_red: 빨간 글씨체<br />
.txt_center: 글자 가운데 정렬<br />
</pre><br />
#클래스명이 길면 쉽게 유추할 수 있는 약어를 쓴다. <br />
<pre><br />
.img_float_L<br />
.img_float_R<br />
</pre><br />
<br />
=참고문헌=<br />
박웅영(2018). 제대로 된 전자책 한권 잘 만들기. 미디어랩</div>
박현정
http://dh.aks.ac.kr/~phj/wiki/index.php?title=%EC%A0%84%EC%9E%90%EC%B1%85&diff=829
전자책
2021-01-20T03:38:10Z
<p>박현정: </p>
<hr />
<div>=sigil=<br />
*EPUB(전자책 포맷 중 하나) 편집 프로그램으로 이미지, 동영상, 오디오 파일 첨부가 가능하고 글꼴을 포함할 수 있어 다양한 형태의 스타일을 편집할 수 있음. <br />
*시길 다운로드: http://sigil-ebook.com<br />
*sigil-0.96-window-x64-setup.exe 다운받기<br />
*isbn 발급방법: [http://seoji.nl.go.kr/isbn/isbnBook/IsbnBookSearch.do 서지정보유통시스템] 가입, 로그인<br />
*전자책 뷰어: iBooks, Calibre(캘리버)<br />
<br />
=플랫폼=<br />
*리디북스: www://ridibooks.com/event/67<br />
*교보문고, 한국이퍼브, 유페이퍼, 북큐브<br />
<br />
=상업용 무료 이미지 사이트=<br />
*https://pixabay.com<br />
*https://www.freepik.com<br />
*https://unsplash.com<br />
*https://gratisography.com<br />
*https://morguefile.com<br />
<br />
=전자책 출판사 만드는 순서=<br />
# 시길 설치하기. 그전에 책을 위한 원고작성 및 자료모음이 먼저. <br />
# 시길을 이용한 전자책만들기. 완성<br />
# 출판사 등록을 위한 구청(문화체육과)방문<br />
# 구청 재방문 서류 받기, 받은 서류(등록증)로 세무서에 가서 신고<br />
# 계약하고자 하는 플랫폼(전자책을 내놓을 배부할 회사)마다 요구하는 서류가 다름. 사업자 통장과 사업자공인인증서 미리 준비. <br />
# 각 유통사 플렛폼에 메일을 보내고, 서류 준비. <br />
# 서지정보시스템에 들어가서 isbn, cip를 발행하고 전자책에도 등록.<br />
# 각각의 scm 사이트에 isbn, cip를 등록. <br />
# 각 회사에서 정산금액을 메일로 알려주면 홈텍스에서 세금계산서를 발생. 출판사는 면세사업자<br />
<br />
=전자책 만들기=<br />
==기본 구성==<br />
#본문<br />
#메터데이터<br />
#표지<br />
#목차<br />
<br />
==목차 및 이미지 추가를 위한 정규표현식==<br />
* split at markers사용법: 검색 Find&Replace , 방식: Regex, 모든html파일, 아래쪽<br />
<pre><br />
찾기: <p>제(\d++)장(.*)</p><br />
바꾸기: <hr class="sigil_split_marker"/><p>제\1장\2</p><br />
</pre><br />
<br />
*img 한꺼번에 바꾸기(정규표현식): img000(숫자)으로 자리만 저장한 후, 그림파일을 한꺼번에 올려서 찾아 바꾸기<br />
<pre><br />
찾기: <p>img(\d++)</p><br />
바꾸기: <p><img alt="img\" src="../Images/img\1.png"/></p><br />
</pre><br />
<br />
==본문 스타일 편집==<br />
===기초 html tag===<br />
<br />
{| class="wikitable"<br />
|-<br />
! 태그!! 역할 !! 사용법<br />
|-<br />
| <nowiki> <h1>...</h1> </nowiki> || 부, 장, 절 등 제목에 사용|| h1~h6까지 숫자가 커질수록 작은크기, h4가 본문 글자와 비슷한 크기, 블럭태그<br />
|-<br />
|<nowiki> <p>...</p> </nowiki> || 문단|| 한 문단(paragraph)을 감싸줌. 가장 많이 쓰이는 블럭 태그<br />
|-<br />
|<nowiki> <i>...</i> </nowiki> || 이탤릭체|| 기울이는 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
|<nowiki><b>...</b></nowiki> || 볼드체||진하게 하는 인라인 태그, 꼭 블럭 태그와 함께 사용. <br />
|-<br />
|<nowiki> <ins>...</ins> </nowiki>|| 밑줄||밑줄(insert) 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
| <nowiki><sup>...</sup> </nowiki>|| 위첨자||위첨자 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
| <nowiki><sub>...</sub></nowiki> || 아래첨자||아래첨자 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
| <nowiki><span class="...">...</span> </nowiki>|| 본문 내 글자에 스타일 적용||인라인 태그이므로 꼭 블럭 태그와 함께 사용하며 속성(attribute)를 같이 써야함.<br />
|-<br />
| <nowiki><div>...</div> </nowiki>|| 그룹을 묶어 스타일 적용, 글상자 만들기||division을 의미하고 큰 블럭 태그로 다른 블럭 테그를 감쌀 수 있음. 테두리, 배경색 등의 속성 필수. <br />
|-<br />
| <nowiki><img alt=".." src=".."/></nowiki> || 이미지 삽입|| 인라인 태그로 꼭 블럭태그와 함께 사용. alt="이미지설명" src="이미지 위치 경로" , 닫는 "/'"가 없는 단독 테그(빈 테그)<br />
|}<br />
<br />
*블럭 tag<br />
<pre><nowiki><br />
<div><br />
<h1>...</h1> <p>div는 큰 블럭으로 p나 h1등을 감쌀 수 있음. 반대로 안되며 p와 h1은 같은 수준이기 때문에 서로 감쌀 수 없음</p><br />
</div><br />
</nowiki></pre><br />
<br />
*인라인 tag: p 등의 블럭 tag안에서만 i, b, span등이 사용 가능함<br />
<pre><br />
<nowiki><br />
<p><i>기울임 글꼴</i> <b>진한 글꼴</b></p><br />
</nowiki><br />
</pre><br />
<br />
=참고문헌=<br />
박웅영(2018). 제대로 된 전자책 한권 잘 만들기. 미디어랩</div>
박현정
http://dh.aks.ac.kr/~phj/wiki/index.php?title=%EC%A0%84%EC%9E%90%EC%B1%85&diff=828
전자책
2021-01-20T03:06:56Z
<p>박현정: /* 기초 html tag */</p>
<hr />
<div>=sigil=<br />
*EPUB(전자책 포맷 중 하나) 편집 프로그램으로 이미지, 동영상, 오디오 파일 첨부가 가능하고 글꼴을 포함할 수 있어 다양한 형태의 스타일을 편집할 수 있음. <br />
*시길 다운로드: http://sigil-ebook.com<br />
*sigil-0.96-window-x64-setup.exe 다운받기<br />
*isbn 발급방법: [http://seoji.nl.go.kr/isbn/isbnBook/IsbnBookSearch.do 서지정보유통시스템] 가입, 로그인<br />
*전자책 뷰어: iBooks, Calibre(캘리버)<br />
<br />
=플랫폼=<br />
*리디북스: www://ridibooks.com/event/67<br />
*교보문고, 한국이퍼브, 유페이퍼, 북큐브<br />
<br />
=상업용 무료 이미지 사이트=<br />
*https://pixabay.com<br />
*https://www.freepik.com<br />
*https://unsplash.com<br />
*https://gratisography.com<br />
*https://morguefile.com<br />
<br />
=전자책 출판사 만드는 순서=<br />
# 시길 설치하기. 그전에 책을 위한 원고작성 및 자료모음이 먼저. <br />
# 시길을 이용한 전자책만들기. 완성<br />
# 출판사 등록을 위한 구청(문화체육과)방문<br />
# 구청 재방문 서류 받기, 받은 서류(등록증)로 세무서에 가서 신고<br />
# 계약하고자 하는 플랫폼(전자책을 내놓을 배부할 회사)마다 요구하는 서류가 다름. 사업자 통장과 사업자공인인증서 미리 준비. <br />
# 각 유통사 플렛폼에 메일을 보내고, 서류 준비. <br />
# 서지정보시스템에 들어가서 isbn, cip를 발행하고 전자책에도 등록.<br />
# 각각의 scm 사이트에 isbn, cip를 등록. <br />
# 각 회사에서 정산금액을 메일로 알려주면 홈텍스에서 세금계산서를 발생. 출판사는 면세사업자<br />
<br />
=전자책 만들기=<br />
==기본 구성==<br />
#본문<br />
#메터데이터<br />
#표지<br />
#목차<br />
<br />
==목차 및 이미지 추가를 위한 정규표현식==<br />
* split at markers사용법: 검색 Find&Replace , 방식: Regex, 모든html파일, 아래쪽<br />
<pre><br />
찾기: <p>제(\d++)장(.*)</p><br />
바꾸기: <hr class="sigil_split_marker"/><p>제\1장\2</p><br />
</pre><br />
<br />
*img 한꺼번에 바꾸기(정규표현식): img000(숫자)으로 자리만 저장한 후, 그림파일을 한꺼번에 올려서 찾아 바꾸기<br />
<pre><br />
찾기: <p>img(\d++)</p><br />
바꾸기: <p><img alt="img\" src="../Images/img\1.png"/></p><br />
</pre><br />
<br />
==본문 스타일 편집==<br />
===기초 html tag===<br />
<br />
{| class="wikitable"<br />
|-<br />
! 태그!! 역할 !! 사용법<br />
|-<br />
| <nowiki> <h1>...</h1> </nowiki> || 부, 장, 절 등 제목에 사용|| h1~h6까지 숫자가 커질수록 작은크기, h4가 본문 글자와 비슷한 크기, 블럭태그<br />
|-<br />
|<nowiki> <p>...</p> </nowiki> || 문단|| 한 문단(paragraph)을 감싸줌. 가장 많이 쓰이는 블럭 태그<br />
|-<br />
|<nowiki> <i>...</i> </nowiki> || 이탤릭체|| 기울이는 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
|<nowiki><b>...</b></nowiki> || 볼드체||진하게 하는 인라인 태그, 꼭 블럭 태그와 함께 사용. <br />
|-<br />
|<nowiki> <ins>...</ins> </nowiki>|| 밑줄||밑줄(insert) 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
| <nowiki><sup>...</sup> </nowiki>|| 위첨자||위첨자 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
| <nowiki><sub>...</sub></nowiki> || 아래첨자||아래첨자 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
| <nowiki><span class="...">...</span> </nowiki>|| 본문 내 글자에 스타일 적용||인라인 태그이므로 꼭 블럭 태그와 함께 사용하며 속성(attribute)를 같이 써야함.<br />
|-<br />
| <nowiki><div>...</div> </nowiki>|| 그룹을 묶어 스타일 적용, 글상자 만들기||division을 의미하고 큰 블럭 태그로 다른 블럭 테그를 감쌀 수 있음. 테두리, 배경색 등의 속성 필수. <br />
|-<br />
| <nowiki><img alt=".." src=".."/></nowiki> || 이미지 삽입|| 인라인 태그로 꼭 블럭태그와 함께 사용. alt="이미지설명" src="이미지 위치 경로" , 닫는 "/'"가 없는 단독 테그(빈 테그)<br />
|}<br />
<br />
*블럭 tag<br />
<pre><nowiki><br />
<div><br />
<h1>...</h1> <p>div는 큰 블럭으로 p나 h1등을 감쌀 수 있음. 반대로 안되며 p와 h1은 같은 수준이기 때문에 서로 감쌀 수 없음</p><br />
</div><br />
</nowiki></pre><br />
<br />
*인라인 tag: <p>등의 블럭 tag안에서만 <i>,<b>,<span>등이 사용 가능함<br />
<pre><br />
<nowiki><br />
<p><i>기울임 글꼴</i> <b>진한 글꼴</b></p><br />
</nowiki><br />
</pre><br />
<br />
=참고문헌=<br />
박웅영(2018). 제대로 된 전자책 한권 잘 만들기. 미디어랩</div>
박현정
http://dh.aks.ac.kr/~phj/wiki/index.php?title=%EC%A0%84%EC%9E%90%EC%B1%85&diff=827
전자책
2021-01-20T03:06:00Z
<p>박현정: /* 기초 html tag */</p>
<hr />
<div>=sigil=<br />
*EPUB(전자책 포맷 중 하나) 편집 프로그램으로 이미지, 동영상, 오디오 파일 첨부가 가능하고 글꼴을 포함할 수 있어 다양한 형태의 스타일을 편집할 수 있음. <br />
*시길 다운로드: http://sigil-ebook.com<br />
*sigil-0.96-window-x64-setup.exe 다운받기<br />
*isbn 발급방법: [http://seoji.nl.go.kr/isbn/isbnBook/IsbnBookSearch.do 서지정보유통시스템] 가입, 로그인<br />
*전자책 뷰어: iBooks, Calibre(캘리버)<br />
<br />
=플랫폼=<br />
*리디북스: www://ridibooks.com/event/67<br />
*교보문고, 한국이퍼브, 유페이퍼, 북큐브<br />
<br />
=상업용 무료 이미지 사이트=<br />
*https://pixabay.com<br />
*https://www.freepik.com<br />
*https://unsplash.com<br />
*https://gratisography.com<br />
*https://morguefile.com<br />
<br />
=전자책 출판사 만드는 순서=<br />
# 시길 설치하기. 그전에 책을 위한 원고작성 및 자료모음이 먼저. <br />
# 시길을 이용한 전자책만들기. 완성<br />
# 출판사 등록을 위한 구청(문화체육과)방문<br />
# 구청 재방문 서류 받기, 받은 서류(등록증)로 세무서에 가서 신고<br />
# 계약하고자 하는 플랫폼(전자책을 내놓을 배부할 회사)마다 요구하는 서류가 다름. 사업자 통장과 사업자공인인증서 미리 준비. <br />
# 각 유통사 플렛폼에 메일을 보내고, 서류 준비. <br />
# 서지정보시스템에 들어가서 isbn, cip를 발행하고 전자책에도 등록.<br />
# 각각의 scm 사이트에 isbn, cip를 등록. <br />
# 각 회사에서 정산금액을 메일로 알려주면 홈텍스에서 세금계산서를 발생. 출판사는 면세사업자<br />
<br />
=전자책 만들기=<br />
==기본 구성==<br />
#본문<br />
#메터데이터<br />
#표지<br />
#목차<br />
<br />
==목차 및 이미지 추가를 위한 정규표현식==<br />
* split at markers사용법: 검색 Find&Replace , 방식: Regex, 모든html파일, 아래쪽<br />
<pre><br />
찾기: <p>제(\d++)장(.*)</p><br />
바꾸기: <hr class="sigil_split_marker"/><p>제\1장\2</p><br />
</pre><br />
<br />
*img 한꺼번에 바꾸기(정규표현식): img000(숫자)으로 자리만 저장한 후, 그림파일을 한꺼번에 올려서 찾아 바꾸기<br />
<pre><br />
찾기: <p>img(\d++)</p><br />
바꾸기: <p><img alt="img\" src="../Images/img\1.png"/></p><br />
</pre><br />
<br />
==본문 스타일 편집==<br />
===기초 html tag===<br />
<br />
{| class="wikitable"<br />
|-<br />
! 태그!! 역할 !! 사용법<br />
|-<br />
| <nowiki> <h1>...</h1> </nowiki> || 부, 장, 절 등 제목에 사용|| h1~h6까지 숫자가 커질수록 작은크기, h4가 본문 글자와 비슷한 크기, 블럭태그<br />
|-<br />
|<nowiki> <p>...</p> </nowiki> || 문단|| 한 문단(paragraph)을 감싸줌. 가장 많이 쓰이는 블럭 태그<br />
|-<br />
|<nowiki> <i>...</i> </nowiki> || 이탤릭체|| 기울이는 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
|<nowiki><b>...</b></nowiki> || 볼드체||진하게 하는 인라인 태그, 꼭 블럭 태그와 함께 사용. <br />
|-<br />
|<nowiki> <ins>...</ins> </nowiki>|| 밑줄||밑줄(insert) 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
| <nowiki><sup>...</sup> </nowiki>|| 위첨자||위첨자 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
| <nowiki><sub>...</sub></nowiki> || 아래첨자||아래첨자 인라인 태그, 꼭 블럭 태그와 함께 사용.<br />
|-<br />
| <nowiki><span class="...">...</span> </nowiki>|| 본문 내 글자에 스타일 적용||인라인 태그이므로 꼭 블럭 태그와 함께 사용하며 속성(attribute)를 같이 써야함.<br />
|-<br />
| <nowiki><div>...</div> </nowiki>|| 그룹을 묶어 스타일 적용, 글상자 만들기||division을 의미하고 큰 블럭 태그로 다른 블럭 테그를 감쌀 수 있음. 테두리, 배경색 등의 속성 필수. <br />
|-<br />
| <nowiki><img alt=".." src=".."/></nowiki> || 이미지 삽입|| 이미지 삽을 위한 인라인 태그로 꼭 블럭태그와 함께 사용. alt="이미지설명" src="이미지 위치 경로" , 닫는 "/'"가 없는 단독 테그(빈 테그)<br />
|}<br />
<br />
*블럭 tag<br />
<pre><nowiki><br />
<div><br />
<h1>...</h1> <p>div는 큰 블럭으로 p나 h1등을 감쌀 수 있음. 반대로 안되며 p와 h1은 같은 수준이기 때문에 서로 감쌀 수 없음</p><br />
</div><br />
</nowiki></pre><br />
<br />
*인라인 tag: <p>등의 블럭 tag안에서만 <i>,<b>,<span>등이 사용 가능함<br />
<pre><br />
<nowiki><br />
<p><i>기울임 글꼴</i> <b>진한 글꼴</b></p><br />
</nowiki><br />
</pre><br />
<br />
=참고문헌=<br />
박웅영(2018). 제대로 된 전자책 한권 잘 만들기. 미디어랩</div>
박현정
http://dh.aks.ac.kr/~phj/wiki/index.php?title=%EC%A0%84%EC%9E%90%EC%B1%85&diff=826
전자책
2021-01-20T02:48:02Z
<p>박현정: /* 기초 html tag */</p>
<hr />
<div>=sigil=<br />
*EPUB(전자책 포맷 중 하나) 편집 프로그램으로 이미지, 동영상, 오디오 파일 첨부가 가능하고 글꼴을 포함할 수 있어 다양한 형태의 스타일을 편집할 수 있음. <br />
*시길 다운로드: http://sigil-ebook.com<br />
*sigil-0.96-window-x64-setup.exe 다운받기<br />
*isbn 발급방법: [http://seoji.nl.go.kr/isbn/isbnBook/IsbnBookSearch.do 서지정보유통시스템] 가입, 로그인<br />
*전자책 뷰어: iBooks, Calibre(캘리버)<br />
<br />
=플랫폼=<br />
*리디북스: www://ridibooks.com/event/67<br />
*교보문고, 한국이퍼브, 유페이퍼, 북큐브<br />
<br />
=상업용 무료 이미지 사이트=<br />
*https://pixabay.com<br />
*https://www.freepik.com<br />
*https://unsplash.com<br />
*https://gratisography.com<br />
*https://morguefile.com<br />
<br />
=전자책 출판사 만드는 순서=<br />
# 시길 설치하기. 그전에 책을 위한 원고작성 및 자료모음이 먼저. <br />
# 시길을 이용한 전자책만들기. 완성<br />
# 출판사 등록을 위한 구청(문화체육과)방문<br />
# 구청 재방문 서류 받기, 받은 서류(등록증)로 세무서에 가서 신고<br />
# 계약하고자 하는 플랫폼(전자책을 내놓을 배부할 회사)마다 요구하는 서류가 다름. 사업자 통장과 사업자공인인증서 미리 준비. <br />
# 각 유통사 플렛폼에 메일을 보내고, 서류 준비. <br />
# 서지정보시스템에 들어가서 isbn, cip를 발행하고 전자책에도 등록.<br />
# 각각의 scm 사이트에 isbn, cip를 등록. <br />
# 각 회사에서 정산금액을 메일로 알려주면 홈텍스에서 세금계산서를 발생. 출판사는 면세사업자<br />
<br />
=전자책 만들기=<br />
==기본 구성==<br />
#본문<br />
#메터데이터<br />
#표지<br />
#목차<br />
<br />
==목차 및 이미지 추가를 위한 정규표현식==<br />
* split at markers사용법: 검색 Find&Replace , 방식: Regex, 모든html파일, 아래쪽<br />
<pre><br />
찾기: <p>제(\d++)장(.*)</p><br />
바꾸기: <hr class="sigil_split_marker"/><p>제\1장\2</p><br />
</pre><br />
<br />
*img 한꺼번에 바꾸기(정규표현식): img000(숫자)으로 자리만 저장한 후, 그림파일을 한꺼번에 올려서 찾아 바꾸기<br />
<pre><br />
찾기: <p>img(\d++)</p><br />
바꾸기: <p><img alt="img\" src="../Images/img\1.png"/></p><br />
</pre><br />
<br />
==본문 스타일 편집==<br />
===기초 html tag===<br />
<br />
{| class="wikitable"<br />
|-<br />
! 태그!! 역할<br />
|-<br />
| <nowiki> <h1>...</h1> </nowiki>h1~h6까지 숫자가 커질수록 작은크기 || 부, 장, 절 등 제목에 사용, h4가 본문 글자와 비슷한 크기<br />
|-<br />
|<nowiki> <p>...</p> </nowiki> || 문단<br />
|-<br />
|<nowiki> <i>...</i> </nowiki> || 이탤릭체<br />
|-<br />
|<nowiki><b>...</b></nowiki> || 볼드체<br />
|-<br />
|<nowiki> <ins>...</ins> </nowiki>|| 밑줄<br />
|-<br />
| <nowiki><sup>...</sup> </nowiki>|| 위첨자<br />
|-<br />
| <nowiki><sub>...</sub></nowiki> || 아래첨자<br />
|-<br />
| <nowiki><span class="...">...</span> </nowiki>|| 본문 내 글자에 스타일 적용<br />
|-<br />
| <nowiki><div>...</div> </nowiki>|| 그룹을 묶어 스타일 적용, 글상자 만들기<br />
|-<br />
| <nowiki><img alt=".." src=".."/></nowiki> || 이미지 삽입<br />
|}<br />
<br />
*블럭 tag<br />
<pre><nowiki><br />
<div><br />
<h1>...</h1> <p>div는 큰 블럭으로 p나 h1등을 감쌀 수 있음. 반대로 안되며 p와 h1은 같은 수준이기 때문에 서로 감쌀 수 없음</p><br />
</div><br />
</nowiki></pre><br />
<br />
*인라인 tag: <p>등의 블럭 tag안에서만 <i>,<b>,<span>등이 사용 가능함<br />
<pre><br />
<nowiki><br />
<p><i>기울임 글꼴</i> <b>진한 글꼴</b></p><br />
</nowiki><br />
</pre><br />
<br />
=참고문헌=<br />
박웅영(2018). 제대로 된 전자책 한권 잘 만들기. 미디어랩</div>
박현정
http://dh.aks.ac.kr/~phj/wiki/index.php?title=%EC%A0%84%EC%9E%90%EC%B1%85&diff=825
전자책
2021-01-20T02:46:57Z
<p>박현정: /* 본문 스타일 편집 */</p>
<hr />
<div>=sigil=<br />
*EPUB(전자책 포맷 중 하나) 편집 프로그램으로 이미지, 동영상, 오디오 파일 첨부가 가능하고 글꼴을 포함할 수 있어 다양한 형태의 스타일을 편집할 수 있음. <br />
*시길 다운로드: http://sigil-ebook.com<br />
*sigil-0.96-window-x64-setup.exe 다운받기<br />
*isbn 발급방법: [http://seoji.nl.go.kr/isbn/isbnBook/IsbnBookSearch.do 서지정보유통시스템] 가입, 로그인<br />
*전자책 뷰어: iBooks, Calibre(캘리버)<br />
<br />
=플랫폼=<br />
*리디북스: www://ridibooks.com/event/67<br />
*교보문고, 한국이퍼브, 유페이퍼, 북큐브<br />
<br />
=상업용 무료 이미지 사이트=<br />
*https://pixabay.com<br />
*https://www.freepik.com<br />
*https://unsplash.com<br />
*https://gratisography.com<br />
*https://morguefile.com<br />
<br />
=전자책 출판사 만드는 순서=<br />
# 시길 설치하기. 그전에 책을 위한 원고작성 및 자료모음이 먼저. <br />
# 시길을 이용한 전자책만들기. 완성<br />
# 출판사 등록을 위한 구청(문화체육과)방문<br />
# 구청 재방문 서류 받기, 받은 서류(등록증)로 세무서에 가서 신고<br />
# 계약하고자 하는 플랫폼(전자책을 내놓을 배부할 회사)마다 요구하는 서류가 다름. 사업자 통장과 사업자공인인증서 미리 준비. <br />
# 각 유통사 플렛폼에 메일을 보내고, 서류 준비. <br />
# 서지정보시스템에 들어가서 isbn, cip를 발행하고 전자책에도 등록.<br />
# 각각의 scm 사이트에 isbn, cip를 등록. <br />
# 각 회사에서 정산금액을 메일로 알려주면 홈텍스에서 세금계산서를 발생. 출판사는 면세사업자<br />
<br />
=전자책 만들기=<br />
==기본 구성==<br />
#본문<br />
#메터데이터<br />
#표지<br />
#목차<br />
<br />
==목차 및 이미지 추가를 위한 정규표현식==<br />
* split at markers사용법: 검색 Find&Replace , 방식: Regex, 모든html파일, 아래쪽<br />
<pre><br />
찾기: <p>제(\d++)장(.*)</p><br />
바꾸기: <hr class="sigil_split_marker"/><p>제\1장\2</p><br />
</pre><br />
<br />
*img 한꺼번에 바꾸기(정규표현식): img000(숫자)으로 자리만 저장한 후, 그림파일을 한꺼번에 올려서 찾아 바꾸기<br />
<pre><br />
찾기: <p>img(\d++)</p><br />
바꾸기: <p><img alt="img\" src="../Images/img\1.png"/></p><br />
</pre><br />
<br />
==본문 스타일 편집==<br />
===기초 html tag===<br />
<br />
{| class="wikitable"<br />
|-<br />
! 태그!! 역할<br />
|-<br />
| <nowiki> <h1>...</h1> </nowiki>h1~h6까지 숫자가 커질수록 작은크기 || 부, 장, 절 등 제목에 사용<br />
|-<br />
|<nowiki> <p>...</p> </nowiki> || 문단<br />
|-<br />
|<nowiki> <i>...</i> </nowiki> || 이탤릭체<br />
|-<br />
|<nowiki><b>...</b></nowiki> || 볼드체<br />
|-<br />
|<nowiki> <ins>...</ins> </nowiki>|| 밑줄<br />
|-<br />
| <nowiki><sup>...</sup> </nowiki>|| 위첨자<br />
|-<br />
| <nowiki><sub>...</sub></nowiki> || 아래첨자<br />
|-<br />
| <nowiki><span class="...">...</span> </nowiki>|| 본문 내 글자에 스타일 적용<br />
|-<br />
| <nowiki><div>...</div> </nowiki>|| 그룹을 묶어 스타일 적용, 글상자 만들기<br />
|-<br />
| <nowiki><img alt=".." src=".."/></nowiki> || 이미지 삽입<br />
|}<br />
<br />
*블럭 tag<br />
<pre><nowiki><br />
<div><br />
<h1>...</h1> <p>div는 큰 블럭으로 p나 h1등을 감쌀 수 있음. 반대로 안되며 p와 h1은 같은 수준이기 때문에 서로 감쌀 수 없음</p><br />
</div><br />
</nowiki></pre><br />
<br />
*인라인 tag: <p>등의 블럭 tag안에서만 <i>,<b>,<span>등이 사용 가능함<br />
<pre><br />
<nowiki><br />
<p><i>기울임 글꼴</i> <b>진한 글꼴</b></p><br />
</nowiki><br />
</pre><br />
<br />
=참고문헌=<br />
박웅영(2018). 제대로 된 전자책 한권 잘 만들기. 미디어랩</div>
박현정
http://dh.aks.ac.kr/~phj/wiki/index.php?title=%EC%A0%84%EC%9E%90%EC%B1%85&diff=824
전자책
2021-01-20T02:46:04Z
<p>박현정: </p>
<hr />
<div>=sigil=<br />
*EPUB(전자책 포맷 중 하나) 편집 프로그램으로 이미지, 동영상, 오디오 파일 첨부가 가능하고 글꼴을 포함할 수 있어 다양한 형태의 스타일을 편집할 수 있음. <br />
*시길 다운로드: http://sigil-ebook.com<br />
*sigil-0.96-window-x64-setup.exe 다운받기<br />
*isbn 발급방법: [http://seoji.nl.go.kr/isbn/isbnBook/IsbnBookSearch.do 서지정보유통시스템] 가입, 로그인<br />
*전자책 뷰어: iBooks, Calibre(캘리버)<br />
<br />
=플랫폼=<br />
*리디북스: www://ridibooks.com/event/67<br />
*교보문고, 한국이퍼브, 유페이퍼, 북큐브<br />
<br />
=상업용 무료 이미지 사이트=<br />
*https://pixabay.com<br />
*https://www.freepik.com<br />
*https://unsplash.com<br />
*https://gratisography.com<br />
*https://morguefile.com<br />
<br />
=전자책 출판사 만드는 순서=<br />
# 시길 설치하기. 그전에 책을 위한 원고작성 및 자료모음이 먼저. <br />
# 시길을 이용한 전자책만들기. 완성<br />
# 출판사 등록을 위한 구청(문화체육과)방문<br />
# 구청 재방문 서류 받기, 받은 서류(등록증)로 세무서에 가서 신고<br />
# 계약하고자 하는 플랫폼(전자책을 내놓을 배부할 회사)마다 요구하는 서류가 다름. 사업자 통장과 사업자공인인증서 미리 준비. <br />
# 각 유통사 플렛폼에 메일을 보내고, 서류 준비. <br />
# 서지정보시스템에 들어가서 isbn, cip를 발행하고 전자책에도 등록.<br />
# 각각의 scm 사이트에 isbn, cip를 등록. <br />
# 각 회사에서 정산금액을 메일로 알려주면 홈텍스에서 세금계산서를 발생. 출판사는 면세사업자<br />
<br />
=전자책 만들기=<br />
==기본 구성==<br />
#본문<br />
#메터데이터<br />
#표지<br />
#목차<br />
<br />
==목차 및 이미지 추가를 위한 정규표현식==<br />
* split at markers사용법: 검색 Find&Replace , 방식: Regex, 모든html파일, 아래쪽<br />
<pre><br />
찾기: <p>제(\d++)장(.*)</p><br />
바꾸기: <hr class="sigil_split_marker"/><p>제\1장\2</p><br />
</pre><br />
<br />
*img 한꺼번에 바꾸기(정규표현식): img000(숫자)으로 자리만 저장한 후, 그림파일을 한꺼번에 올려서 찾아 바꾸기<br />
<pre><br />
찾기: <p>img(\d++)</p><br />
바꾸기: <p><img alt="img\" src="../Images/img\1.png"/></p><br />
</pre><br />
<br />
==본문 스타일 편집==<br />
===기초 html tag===<br />
<br />
{| class="wikitable"<br />
|-<br />
! 태그!! 역할<br />
|-<br />
| <nowiki> <h1>...</h1> </nowiki>h1~h6까지 숫자가 커질수록 작은크기 || 부, 장, 절 등 제목에 사용<br />
|-<br />
|<nowiki> <p>...</p> </nowiki> || 문단<br />
|-<br />
|<nowiki> <i>...</i> </nowiki> || 이탤릭체<br />
|-<br />
|<nowiki><b>...</b></nowiki> || 볼드체<br />
|-<br />
|<nowiki> <ins>...</ins> </nowiki>|| 밑줄<br />
|-<br />
| <nowiki><sup>...</sup> </nowiki>|| 위첨자<br />
|-<br />
| <nowiki><sub>...</sub></nowiki> || 아래첨자<br />
|-<br />
| <nowiki><span class="...">...</span> </nowiki>|| 본문 내 글자에 스타일 적용<br />
|-<br />
| <nowiki><div>...</div> </nowiki>|| 그룹을 묶어 스타일 적용, 글상자 만들기<br />
|-<br />
| <nowiki><img alt=".." src=".."/></nowiki> || 이미지 삽입<br />
|}<br />
<br />
*블럭 tag<br />
<pre><nowiki><br />
<div><br />
<h1>...</h1> <p>div는 큰 블럭으로 p나 h1등을 감쌀 수 있음. 반대로 안되며 p와 h1은 같은 수준이기 때문에 서로 감쌀 수 없음</p><br />
</div><br />
</nowiki></pre><br />
<br />
*인라인 tag: <p>등의 블럭 tag안에서만 <i>,<b>,<span>등이 사용 가능함<br />
<pre><nowiki><br />
<p><i>기울임 글꼴</i> <b>진한 글꼴</b></p><br />
</nowiki></pre><br />
<br />
<br />
<br />
=참고문헌=<br />
박웅영(2018). 제대로 된 전자책 한권 잘 만들기. 미디어랩</div>
박현정
http://dh.aks.ac.kr/~phj/wiki/index.php?title=%EC%A0%84%EC%9E%90%EC%B1%85&diff=823
전자책
2021-01-20T02:42:15Z
<p>박현정: /* 본문 스타일 편집 */</p>
<hr />
<div>=sigil=<br />
*EPUB(전자책 포맷 중 하나) 편집 프로그램으로 이미지, 동영상, 오디오 파일 첨부가 가능하고 글꼴을 포함할 수 있어 다양한 형태의 스타일을 편집할 수 있음. <br />
*시길 다운로드: http://sigil-ebook.com<br />
*sigil-0.96-window-x64-setup.exe 다운받기<br />
*isbn 발급방법: [http://seoji.nl.go.kr/isbn/isbnBook/IsbnBookSearch.do 서지정보유통시스템] 가입, 로그인<br />
*전자책 뷰어: iBooks, Calibre(캘리버)<br />
<br />
=플랫폼=<br />
*리디북스: www://ridibooks.com/event/67<br />
*교보문고, 한국이퍼브, 유페이퍼, 북큐브<br />
<br />
=상업용 무료 이미지 사이트=<br />
*https://pixabay.com<br />
*https://www.freepik.com<br />
*https://unsplash.com<br />
*https://gratisography.com<br />
*https://morguefile.com<br />
<br />
=전자책 출판사 만드는 순서=<br />
# 시길 설치하기. 그전에 책을 위한 원고작성 및 자료모음이 먼저. <br />
# 시길을 이용한 전자책만들기. 완성<br />
# 출판사 등록을 위한 구청(문화체육과)방문<br />
# 구청 재방문 서류 받기, 받은 서류(등록증)로 세무서에 가서 신고<br />
# 계약하고자 하는 플랫폼(전자책을 내놓을 배부할 회사)마다 요구하는 서류가 다름. 사업자 통장과 사업자공인인증서 미리 준비. <br />
# 각 유통사 플렛폼에 메일을 보내고, 서류 준비. <br />
# 서지정보시스템에 들어가서 isbn, cip를 발행하고 전자책에도 등록.<br />
# 각각의 scm 사이트에 isbn, cip를 등록. <br />
# 각 회사에서 정산금액을 메일로 알려주면 홈텍스에서 세금계산서를 발생. 출판사는 면세사업자<br />
<br />
=전자책 만들기=<br />
==기본 구성==<br />
#본문<br />
#메터데이터<br />
#표지<br />
#목차<br />
<br />
==목차 및 이미지 추가를 위한 정규표현식==<br />
* split at markers사용법: 검색 Find&Replace , 방식: Regex, 모든html파일, 아래쪽<br />
<pre><br />
찾기: <p>제(\d++)장(.*)</p><br />
바꾸기: <hr class="sigil_split_marker"/><p>제\1장\2</p><br />
</pre><br />
<br />
*img 한꺼번에 바꾸기(정규표현식): img000(숫자)으로 자리만 저장한 후, 그림파일을 한꺼번에 올려서 찾아 바꾸기<br />
<pre><br />
찾기: <p>img(\d++)</p><br />
바꾸기: <p><img alt="img\" src="../Images/img\1.png"/></p><br />
</pre><br />
<br />
==본문 스타일 편집==<br />
===기초 html tag===<br />
<br />
{| class="wikitable"<br />
|-<br />
! 태그!! 역할<br />
|-<br />
| <nowiki> <h1>...</h1> </nowiki>h1~h6까지 숫자가 커질수록 작은크기 || 부, 장, 절 등 제목에 사용<br />
|-<br />
|<nowiki> <p>...</p> </nowiki> || 문단<br />
|-<br />
|<nowiki> <i>...</i> </nowiki> || 이탤릭체<br />
|-<br />
|<nowiki><b>...</b></nowiki> || 볼드체<br />
|-<br />
|<nowiki> <ins>...</ins> </nowiki>|| 밑줄<br />
|-<br />
| <nowiki><sup>...</sup> </nowiki>|| 위첨자<br />
|-<br />
| <nowiki><sub>...</sub></nowiki> || 아래첨자<br />
|-<br />
| <nowiki><span class="...">...</span> </nowiki>|| 본문 내 글자에 스타일 적용<br />
|-<br />
| <nowiki><div>...</div> </nowiki>|| 그룹을 묶어 스타일 적용, 글상자 만들기<br />
|-<br />
| <nowiki><img alt=".." src=".."/></nowiki> || 이미지 삽입<br />
|}<br />
<pre><nowiki><br />
<div><br />
<h1>...</h1> <p>div는 큰 블럭으로 p나 h1등을 감쌀 수 있음. 반대로 안되며 p와 h1은 같은 수준이기 때문에 서로 감쌀 수 없음</p><br />
</div></nowiki><br />
<pre><br />
<br />
=참고문헌=<br />
박웅영(2018). 제대로 된 전자책 한권 잘 만들기. 미디어랩</div>
박현정
http://dh.aks.ac.kr/~phj/wiki/index.php?title=%EC%A0%84%EC%9E%90%EC%B1%85&diff=822
전자책
2021-01-20T02:41:26Z
<p>박현정: /* 기초 html tag */</p>
<hr />
<div>=sigil=<br />
*EPUB(전자책 포맷 중 하나) 편집 프로그램으로 이미지, 동영상, 오디오 파일 첨부가 가능하고 글꼴을 포함할 수 있어 다양한 형태의 스타일을 편집할 수 있음. <br />
*시길 다운로드: http://sigil-ebook.com<br />
*sigil-0.96-window-x64-setup.exe 다운받기<br />
*isbn 발급방법: [http://seoji.nl.go.kr/isbn/isbnBook/IsbnBookSearch.do 서지정보유통시스템] 가입, 로그인<br />
*전자책 뷰어: iBooks, Calibre(캘리버)<br />
<br />
=플랫폼=<br />
*리디북스: www://ridibooks.com/event/67<br />
*교보문고, 한국이퍼브, 유페이퍼, 북큐브<br />
<br />
=상업용 무료 이미지 사이트=<br />
*https://pixabay.com<br />
*https://www.freepik.com<br />
*https://unsplash.com<br />
*https://gratisography.com<br />
*https://morguefile.com<br />
<br />
=전자책 출판사 만드는 순서=<br />
# 시길 설치하기. 그전에 책을 위한 원고작성 및 자료모음이 먼저. <br />
# 시길을 이용한 전자책만들기. 완성<br />
# 출판사 등록을 위한 구청(문화체육과)방문<br />
# 구청 재방문 서류 받기, 받은 서류(등록증)로 세무서에 가서 신고<br />
# 계약하고자 하는 플랫폼(전자책을 내놓을 배부할 회사)마다 요구하는 서류가 다름. 사업자 통장과 사업자공인인증서 미리 준비. <br />
# 각 유통사 플렛폼에 메일을 보내고, 서류 준비. <br />
# 서지정보시스템에 들어가서 isbn, cip를 발행하고 전자책에도 등록.<br />
# 각각의 scm 사이트에 isbn, cip를 등록. <br />
# 각 회사에서 정산금액을 메일로 알려주면 홈텍스에서 세금계산서를 발생. 출판사는 면세사업자<br />
<br />
=전자책 만들기=<br />
==기본 구성==<br />
#본문<br />
#메터데이터<br />
#표지<br />
#목차<br />
<br />
==목차 및 이미지 추가를 위한 정규표현식==<br />
* split at markers사용법: 검색 Find&Replace , 방식: Regex, 모든html파일, 아래쪽<br />
<pre><br />
찾기: <p>제(\d++)장(.*)</p><br />
바꾸기: <hr class="sigil_split_marker"/><p>제\1장\2</p><br />
</pre><br />
<br />
*img 한꺼번에 바꾸기(정규표현식): img000(숫자)으로 자리만 저장한 후, 그림파일을 한꺼번에 올려서 찾아 바꾸기<br />
<pre><br />
찾기: <p>img(\d++)</p><br />
바꾸기: <p><img alt="img\" src="../Images/img\1.png"/></p><br />
</pre><br />
<br />
==본문 스타일 편집==<br />
===기초 html tag===<br />
<br />
{| class="wikitable"<br />
|-<br />
! 태그!! 역할<br />
|-<br />
| <nowiki> <h1>...</h1> </nowiki>h1~h6까지 숫자가 커질수록 작은크기 || 부, 장, 절 등 제목에 사용<br />
|-<br />
|<nowiki> <p>...</p> </nowiki> || 문단<br />
|-<br />
|<nowiki> <i>...</i> </nowiki> || 이탤릭체<br />
|-<br />
|<nowiki><b>...</b></nowiki> || 볼드체<br />
|-<br />
|<nowiki> <ins>...</ins> </nowiki>|| 밑줄<br />
|-<br />
| <nowiki><sup>...</sup> </nowiki>|| 위첨자<br />
|-<br />
| <nowiki><sub>...</sub></nowiki> || 아래첨자<br />
|-<br />
| <nowiki><span class="...">...</span> </nowiki>|| 본문 내 글자에 스타일 적용<br />
|-<br />
| <nowiki><div>...</div> </nowiki>|| 그룹을 묶어 스타일 적용, 글상자 만들기<br />
|-<br />
| <nowiki><img alt=".." src=".."/></nowiki> || 이미지 삽입<br />
|}<br />
<pre><br />
<div><br />
<h1>...</h1><br />
<p>div는 큰 블럭으로 p나 h1등을 감쌀 수 있음. 반대로 안되며 p와 h1은 같은 수준이기 때문에 서로 감쌀 수 없음</p><br />
</div><br />
<pre><br />
<br />
=참고문헌=<br />
박웅영(2018). 제대로 된 전자책 한권 잘 만들기. 미디어랩</div>
박현정
http://dh.aks.ac.kr/~phj/wiki/index.php?title=%EC%A0%84%EC%9E%90%EC%B1%85&diff=821
전자책
2021-01-20T02:38:20Z
<p>박현정: /* 기초 html tag */</p>
<hr />
<div>=sigil=<br />
*EPUB(전자책 포맷 중 하나) 편집 프로그램으로 이미지, 동영상, 오디오 파일 첨부가 가능하고 글꼴을 포함할 수 있어 다양한 형태의 스타일을 편집할 수 있음. <br />
*시길 다운로드: http://sigil-ebook.com<br />
*sigil-0.96-window-x64-setup.exe 다운받기<br />
*isbn 발급방법: [http://seoji.nl.go.kr/isbn/isbnBook/IsbnBookSearch.do 서지정보유통시스템] 가입, 로그인<br />
*전자책 뷰어: iBooks, Calibre(캘리버)<br />
<br />
=플랫폼=<br />
*리디북스: www://ridibooks.com/event/67<br />
*교보문고, 한국이퍼브, 유페이퍼, 북큐브<br />
<br />
=상업용 무료 이미지 사이트=<br />
*https://pixabay.com<br />
*https://www.freepik.com<br />
*https://unsplash.com<br />
*https://gratisography.com<br />
*https://morguefile.com<br />
<br />
=전자책 출판사 만드는 순서=<br />
# 시길 설치하기. 그전에 책을 위한 원고작성 및 자료모음이 먼저. <br />
# 시길을 이용한 전자책만들기. 완성<br />
# 출판사 등록을 위한 구청(문화체육과)방문<br />
# 구청 재방문 서류 받기, 받은 서류(등록증)로 세무서에 가서 신고<br />
# 계약하고자 하는 플랫폼(전자책을 내놓을 배부할 회사)마다 요구하는 서류가 다름. 사업자 통장과 사업자공인인증서 미리 준비. <br />
# 각 유통사 플렛폼에 메일을 보내고, 서류 준비. <br />
# 서지정보시스템에 들어가서 isbn, cip를 발행하고 전자책에도 등록.<br />
# 각각의 scm 사이트에 isbn, cip를 등록. <br />
# 각 회사에서 정산금액을 메일로 알려주면 홈텍스에서 세금계산서를 발생. 출판사는 면세사업자<br />
<br />
=전자책 만들기=<br />
==기본 구성==<br />
#본문<br />
#메터데이터<br />
#표지<br />
#목차<br />
<br />
==목차 및 이미지 추가를 위한 정규표현식==<br />
* split at markers사용법: 검색 Find&Replace , 방식: Regex, 모든html파일, 아래쪽<br />
<pre><br />
찾기: <p>제(\d++)장(.*)</p><br />
바꾸기: <hr class="sigil_split_marker"/><p>제\1장\2</p><br />
</pre><br />
<br />
*img 한꺼번에 바꾸기(정규표현식): img000(숫자)으로 자리만 저장한 후, 그림파일을 한꺼번에 올려서 찾아 바꾸기<br />
<pre><br />
찾기: <p>img(\d++)</p><br />
바꾸기: <p><img alt="img\" src="../Images/img\1.png"/></p><br />
</pre><br />
<br />
==본문 스타일 편집==<br />
===기초 html tag===<br />
<br />
{| class="wikitable"<br />
|-<br />
! 태그!! 역할<br />
|-<br />
| <nowiki> <h1>...</h1> </nowiki>h1~h6까지 숫자가 커질수록 작은크기 || 부, 장, 절 등 제목에 사용<br />
|-<br />
|<nowiki> <p>...</p> </nowiki> || 문단<br />
|-<br />
|<nowiki> <i>...</i> </nowiki> || 이탤릭체<br />
|-<br />
|<nowiki><b>...</b></nowiki> || 볼드체<br />
|-<br />
|<nowiki> <ins>...</ins> </nowiki>|| 밑줄<br />
|-<br />
| <nowiki><sup>...</sup> </nowiki>|| 위첨자<br />
|-<br />
| <nowiki><sub>...</sub></nowiki> || 아래첨자<br />
|-<br />
| <nowiki><span class="...">...</span> </nowiki>|| 본문 내 글자에 스타일 적용<br />
|-<br />
| <nowiki><div>...</div> </nowiki>|| 그룹을 묶어 스타일 적용, 글상자 만들기<br />
|-<br />
| <nowiki><img alt=".." src=".."/></nowiki> || 이미지 삽입<br />
|}<br />
<br />
=참고문헌=<br />
박웅영(2018). 제대로 된 전자책 한권 잘 만들기. 미디어랩</div>
박현정
http://dh.aks.ac.kr/~phj/wiki/index.php?title=%EC%A0%84%EC%9E%90%EC%B1%85&diff=820
전자책
2021-01-20T02:35:47Z
<p>박현정: /* 기초 html tag */</p>
<hr />
<div>=sigil=<br />
*EPUB(전자책 포맷 중 하나) 편집 프로그램으로 이미지, 동영상, 오디오 파일 첨부가 가능하고 글꼴을 포함할 수 있어 다양한 형태의 스타일을 편집할 수 있음. <br />
*시길 다운로드: http://sigil-ebook.com<br />
*sigil-0.96-window-x64-setup.exe 다운받기<br />
*isbn 발급방법: [http://seoji.nl.go.kr/isbn/isbnBook/IsbnBookSearch.do 서지정보유통시스템] 가입, 로그인<br />
*전자책 뷰어: iBooks, Calibre(캘리버)<br />
<br />
=플랫폼=<br />
*리디북스: www://ridibooks.com/event/67<br />
*교보문고, 한국이퍼브, 유페이퍼, 북큐브<br />
<br />
=상업용 무료 이미지 사이트=<br />
*https://pixabay.com<br />
*https://www.freepik.com<br />
*https://unsplash.com<br />
*https://gratisography.com<br />
*https://morguefile.com<br />
<br />
=전자책 출판사 만드는 순서=<br />
# 시길 설치하기. 그전에 책을 위한 원고작성 및 자료모음이 먼저. <br />
# 시길을 이용한 전자책만들기. 완성<br />
# 출판사 등록을 위한 구청(문화체육과)방문<br />
# 구청 재방문 서류 받기, 받은 서류(등록증)로 세무서에 가서 신고<br />
# 계약하고자 하는 플랫폼(전자책을 내놓을 배부할 회사)마다 요구하는 서류가 다름. 사업자 통장과 사업자공인인증서 미리 준비. <br />
# 각 유통사 플렛폼에 메일을 보내고, 서류 준비. <br />
# 서지정보시스템에 들어가서 isbn, cip를 발행하고 전자책에도 등록.<br />
# 각각의 scm 사이트에 isbn, cip를 등록. <br />
# 각 회사에서 정산금액을 메일로 알려주면 홈텍스에서 세금계산서를 발생. 출판사는 면세사업자<br />
<br />
=전자책 만들기=<br />
==기본 구성==<br />
#본문<br />
#메터데이터<br />
#표지<br />
#목차<br />
<br />
==목차 및 이미지 추가를 위한 정규표현식==<br />
* split at markers사용법: 검색 Find&Replace , 방식: Regex, 모든html파일, 아래쪽<br />
<pre><br />
찾기: <p>제(\d++)장(.*)</p><br />
바꾸기: <hr class="sigil_split_marker"/><p>제\1장\2</p><br />
</pre><br />
<br />
*img 한꺼번에 바꾸기(정규표현식): img000(숫자)으로 자리만 저장한 후, 그림파일을 한꺼번에 올려서 찾아 바꾸기<br />
<pre><br />
찾기: <p>img(\d++)</p><br />
바꾸기: <p><img alt="img\" src="../Images/img\1.png"/></p><br />
</pre><br />
<br />
==본문 스타일 편집==<br />
===기초 html tag===<br />
<br />
{| class="wikitable"<br />
|-<br />
! 태그!! 역할<br />
|-<br />
| <nowiki> <h1>...</h1> </nowiki>h1~h6까지 숫자가 커질수록 작은크기 || 부, 장, 절 등 제목에 사용<br />
|-<br />
|<nowiki> <p>...</p> </nowiki> || 문단<br />
|-<br />
|| <nowiki> <i>...</i> | <nowiki>|| 이탤릭체<br />
|-<br />
| | <nowiki><b>...</b></nowiki> || 볼드체<br />
|-<br />
|| <nowiki> <ins>...</ins> </nowiki>|| 밑줄<br />
|-<br />
| | <nowiki><sup>...</sup> </nowiki>|| 위첨자<br />
|-<br />
| | <nowiki><sub>...</sub></nowiki> || 아래첨자<br />
|-<br />
| | <nowiki><span class="...">...</span> </nowiki>|| 본문 내 글자에 스타일 적용<br />
|-<br />
| | <nowiki><div>...</div> </nowiki>|| 그룹을 묶어 스타일 적용, 글상자 만들기<br />
|-<br />
| | <nowiki><img alt=".." src=".."/></nowiki> || 이미지 삽입<br />
|}<br />
<br />
=참고문헌=<br />
박웅영(2018). 제대로 된 전자책 한권 잘 만들기. 미디어랩</div>
박현정
http://dh.aks.ac.kr/~phj/wiki/index.php?title=%EC%A0%84%EC%9E%90%EC%B1%85&diff=819
전자책
2021-01-20T02:35:04Z
<p>박현정: </p>
<hr />
<div>=sigil=<br />
*EPUB(전자책 포맷 중 하나) 편집 프로그램으로 이미지, 동영상, 오디오 파일 첨부가 가능하고 글꼴을 포함할 수 있어 다양한 형태의 스타일을 편집할 수 있음. <br />
*시길 다운로드: http://sigil-ebook.com<br />
*sigil-0.96-window-x64-setup.exe 다운받기<br />
*isbn 발급방법: [http://seoji.nl.go.kr/isbn/isbnBook/IsbnBookSearch.do 서지정보유통시스템] 가입, 로그인<br />
*전자책 뷰어: iBooks, Calibre(캘리버)<br />
<br />
=플랫폼=<br />
*리디북스: www://ridibooks.com/event/67<br />
*교보문고, 한국이퍼브, 유페이퍼, 북큐브<br />
<br />
=상업용 무료 이미지 사이트=<br />
*https://pixabay.com<br />
*https://www.freepik.com<br />
*https://unsplash.com<br />
*https://gratisography.com<br />
*https://morguefile.com<br />
<br />
=전자책 출판사 만드는 순서=<br />
# 시길 설치하기. 그전에 책을 위한 원고작성 및 자료모음이 먼저. <br />
# 시길을 이용한 전자책만들기. 완성<br />
# 출판사 등록을 위한 구청(문화체육과)방문<br />
# 구청 재방문 서류 받기, 받은 서류(등록증)로 세무서에 가서 신고<br />
# 계약하고자 하는 플랫폼(전자책을 내놓을 배부할 회사)마다 요구하는 서류가 다름. 사업자 통장과 사업자공인인증서 미리 준비. <br />
# 각 유통사 플렛폼에 메일을 보내고, 서류 준비. <br />
# 서지정보시스템에 들어가서 isbn, cip를 발행하고 전자책에도 등록.<br />
# 각각의 scm 사이트에 isbn, cip를 등록. <br />
# 각 회사에서 정산금액을 메일로 알려주면 홈텍스에서 세금계산서를 발생. 출판사는 면세사업자<br />
<br />
=전자책 만들기=<br />
==기본 구성==<br />
#본문<br />
#메터데이터<br />
#표지<br />
#목차<br />
<br />
==목차 및 이미지 추가를 위한 정규표현식==<br />
* split at markers사용법: 검색 Find&Replace , 방식: Regex, 모든html파일, 아래쪽<br />
<pre><br />
찾기: <p>제(\d++)장(.*)</p><br />
바꾸기: <hr class="sigil_split_marker"/><p>제\1장\2</p><br />
</pre><br />
<br />
*img 한꺼번에 바꾸기(정규표현식): img000(숫자)으로 자리만 저장한 후, 그림파일을 한꺼번에 올려서 찾아 바꾸기<br />
<pre><br />
찾기: <p>img(\d++)</p><br />
바꾸기: <p><img alt="img\" src="../Images/img\1.png"/></p><br />
</pre><br />
<br />
==본문 스타일 편집==<br />
===기초 html tag===<br />
<br />
{| class="wikitable"<br />
|-<br />
! 태그!! 역할<br />
|-<br />
| <nowiki> <h1>...</h1> </nowiki>h1~h6까지 숫자가 커질수록 작은크기 || 부, 장, 절 등 제목에 사용<br />
|-<br />
|<nowiki> <p>...</p> </nowiki> || 문단<br />
|-<br />
|| <nowiki> <i>...</i> | <nowiki>|| 이탤릭체<br />
|-<br />
| | <nowiki><b>...</b></nowiki> || 볼드체<br />
|-<br />
|| <nowiki> <ins>...</ins> </nowiki>|| 밑줄<br />
|-<br />
| | <nowiki><sup>...</sup> </nowiki>|| 위첨자<br />
|-<br />
| || <nowiki><sub>...</sub></nowiki> || 아래첨자<br />
|-<br />
| | <nowiki><span class="...">...</span> </nowiki>|| 본문 내 글자에 스타일 적용<br />
|-<br />
| | <nowiki><div>...</div> </nowiki>|| 그룹을 묶어 스타일 적용, 글상자 만들기<br />
|-<br />
| | <nowiki><img alt=".." src=".."/></nowiki> || 이미지 삽입<br />
|}<br />
<br />
<br />
<br />
=참고문헌=<br />
박웅영(2018). 제대로 된 전자책 한권 잘 만들기. 미디어랩</div>
박현정
http://dh.aks.ac.kr/~phj/wiki/index.php?title=%EC%A0%84%EC%9E%90%EC%B1%85&diff=818
전자책
2021-01-19T13:25:56Z
<p>박현정: /* 전자책 만들기 */</p>
<hr />
<div>=sigil=<br />
*EPUB(전자책 포맷 중 하나) 편집 프로그램으로 이미지, 동영상, 오디오 파일 첨부가 가능하고 글꼴을 포함할 수 있어 다양한 형태의 스타일을 편집할 수 있음. <br />
*시길 다운로드: http://sigil-ebook.com<br />
*sigil-0.96-window-x64-setup.exe 다운받기<br />
*isbn 발급방법: [http://seoji.nl.go.kr/isbn/isbnBook/IsbnBookSearch.do 서지정보유통시스템] 가입, 로그인<br />
*전자책 뷰어: iBooks, Calibre(캘리버)<br />
<br />
=플랫폼=<br />
*리디북스: www://ridibooks.com/event/67<br />
*교보문고, 한국이퍼브, 유페이퍼, 북큐브<br />
<br />
=상업용 무료 이미지 사이트=<br />
*https://pixabay.com<br />
*https://www.freepik.com<br />
*https://unsplash.com<br />
*https://gratisography.com<br />
*https://morguefile.com<br />
<br />
=전자책 출판사 만드는 순서=<br />
# 시길 설치하기. 그전에 책을 위한 원고작성 및 자료모음이 먼저. <br />
# 시길을 이용한 전자책만들기. 완성<br />
# 출판사 등록을 위한 구청(문화체육과)방문<br />
# 구청 재방문 서류 받기, 받은 서류(등록증)로 세무서에 가서 신고<br />
# 계약하고자 하는 플랫폼(전자책을 내놓을 배부할 회사)마다 요구하는 서류가 다름. 사업자 통장과 사업자공인인증서 미리 준비. <br />
# 각 유통사 플렛폼에 메일을 보내고, 서류 준비. <br />
# 서지정보시스템에 들어가서 isbn, cip를 발행하고 전자책에도 등록.<br />
# 각각의 scm 사이트에 isbn, cip를 등록. <br />
# 각 회사에서 정산금액을 메일로 알려주면 홈텍스에서 세금계산서를 발생. 출판사는 면세사업자<br />
<br />
=전자책 만들기=<br />
* split at markers사용법: 검색 Find&Replace , 방식: Regex, 모든html파일, 아래쪽<br />
<pre><br />
찾기: <p>제(\d++)장(.*)</p><br />
바꾸기: <hr class="sigil_split_marker"/><p>제\1장\2</p><br />
</pre><br />
<br />
*img 한꺼번에 바꾸기(정규표현식): img000(숫자)으로 자리만 저장한 후, 그림파일을 한꺼번에 올려서 찾아 바꾸기<br />
<pre><br />
찾기: <p>img(\d++)</p><br />
바꾸기: <p><img alt="img\" src="../Images/img\1.png"/></p><br />
</pre></div>
박현정
http://dh.aks.ac.kr/~phj/wiki/index.php?title=%EC%A0%84%EC%9E%90%EC%B1%85&diff=817
전자책
2021-01-19T12:45:34Z
<p>박현정: /* 전자책 만들기 */</p>
<hr />
<div>=sigil=<br />
*EPUB(전자책 포맷 중 하나) 편집 프로그램으로 이미지, 동영상, 오디오 파일 첨부가 가능하고 글꼴을 포함할 수 있어 다양한 형태의 스타일을 편집할 수 있음. <br />
*시길 다운로드: http://sigil-ebook.com<br />
*sigil-0.96-window-x64-setup.exe 다운받기<br />
*isbn 발급방법: [http://seoji.nl.go.kr/isbn/isbnBook/IsbnBookSearch.do 서지정보유통시스템] 가입, 로그인<br />
*전자책 뷰어: iBooks, Calibre(캘리버)<br />
<br />
=플랫폼=<br />
*리디북스: www://ridibooks.com/event/67<br />
*교보문고, 한국이퍼브, 유페이퍼, 북큐브<br />
<br />
=상업용 무료 이미지 사이트=<br />
*https://pixabay.com<br />
*https://www.freepik.com<br />
*https://unsplash.com<br />
*https://gratisography.com<br />
*https://morguefile.com<br />
<br />
=전자책 출판사 만드는 순서=<br />
# 시길 설치하기. 그전에 책을 위한 원고작성 및 자료모음이 먼저. <br />
# 시길을 이용한 전자책만들기. 완성<br />
# 출판사 등록을 위한 구청(문화체육과)방문<br />
# 구청 재방문 서류 받기, 받은 서류(등록증)로 세무서에 가서 신고<br />
# 계약하고자 하는 플랫폼(전자책을 내놓을 배부할 회사)마다 요구하는 서류가 다름. 사업자 통장과 사업자공인인증서 미리 준비. <br />
# 각 유통사 플렛폼에 메일을 보내고, 서류 준비. <br />
# 서지정보시스템에 들어가서 isbn, cip를 발행하고 전자책에도 등록.<br />
# 각각의 scm 사이트에 isbn, cip를 등록. <br />
# 각 회사에서 정산금액을 메일로 알려주면 홈텍스에서 세금계산서를 발생. 출판사는 면세사업자<br />
<br />
=전자책 만들기=<br />
* split at markers사용법: 검색 Find&Replace , 방식: 정방향, 모든html파일, 아래쪽<br />
<br />
<pre><br />
찾기: <p>제(\d++)장(.*)</p><br />
바꾸기: <hr class="sigil_split_marker"/><p>제\1장\2</p><br />
</pre></div>
박현정
http://dh.aks.ac.kr/~phj/wiki/index.php?title=%EC%A0%84%EC%9E%90%EC%B1%85&diff=816
전자책
2021-01-19T12:44:56Z
<p>박현정: /* 전자책 만들기 */</p>
<hr />
<div>=sigil=<br />
*EPUB(전자책 포맷 중 하나) 편집 프로그램으로 이미지, 동영상, 오디오 파일 첨부가 가능하고 글꼴을 포함할 수 있어 다양한 형태의 스타일을 편집할 수 있음. <br />
*시길 다운로드: http://sigil-ebook.com<br />
*sigil-0.96-window-x64-setup.exe 다운받기<br />
*isbn 발급방법: [http://seoji.nl.go.kr/isbn/isbnBook/IsbnBookSearch.do 서지정보유통시스템] 가입, 로그인<br />
*전자책 뷰어: iBooks, Calibre(캘리버)<br />
<br />
=플랫폼=<br />
*리디북스: www://ridibooks.com/event/67<br />
*교보문고, 한국이퍼브, 유페이퍼, 북큐브<br />
<br />
=상업용 무료 이미지 사이트=<br />
*https://pixabay.com<br />
*https://www.freepik.com<br />
*https://unsplash.com<br />
*https://gratisography.com<br />
*https://morguefile.com<br />
<br />
=전자책 출판사 만드는 순서=<br />
# 시길 설치하기. 그전에 책을 위한 원고작성 및 자료모음이 먼저. <br />
# 시길을 이용한 전자책만들기. 완성<br />
# 출판사 등록을 위한 구청(문화체육과)방문<br />
# 구청 재방문 서류 받기, 받은 서류(등록증)로 세무서에 가서 신고<br />
# 계약하고자 하는 플랫폼(전자책을 내놓을 배부할 회사)마다 요구하는 서류가 다름. 사업자 통장과 사업자공인인증서 미리 준비. <br />
# 각 유통사 플렛폼에 메일을 보내고, 서류 준비. <br />
# 서지정보시스템에 들어가서 isbn, cip를 발행하고 전자책에도 등록.<br />
# 각각의 scm 사이트에 isbn, cip를 등록. <br />
# 각 회사에서 정산금액을 메일로 알려주면 홈텍스에서 세금계산서를 발생. 출판사는 면세사업자<br />
<br />
=전자책 만들기=<br />
* split at markers사용법: 검색 Find&Replace <br />
<br />
<pre><br />
찾기: <p>제(\d++)장(.*)</p><br />
바꾸기: <hr class="sigil_split_marker"/><p>제\1장\2</p><br />
</pre></div>
박현정
http://dh.aks.ac.kr/~phj/wiki/index.php?title=%EC%A0%84%EC%9E%90%EC%B1%85&diff=815
전자책
2021-01-19T12:43:52Z
<p>박현정: /* 전자책 만들기 */</p>
<hr />
<div>=sigil=<br />
*EPUB(전자책 포맷 중 하나) 편집 프로그램으로 이미지, 동영상, 오디오 파일 첨부가 가능하고 글꼴을 포함할 수 있어 다양한 형태의 스타일을 편집할 수 있음. <br />
*시길 다운로드: http://sigil-ebook.com<br />
*sigil-0.96-window-x64-setup.exe 다운받기<br />
*isbn 발급방법: [http://seoji.nl.go.kr/isbn/isbnBook/IsbnBookSearch.do 서지정보유통시스템] 가입, 로그인<br />
*전자책 뷰어: iBooks, Calibre(캘리버)<br />
<br />
=플랫폼=<br />
*리디북스: www://ridibooks.com/event/67<br />
*교보문고, 한국이퍼브, 유페이퍼, 북큐브<br />
<br />
=상업용 무료 이미지 사이트=<br />
*https://pixabay.com<br />
*https://www.freepik.com<br />
*https://unsplash.com<br />
*https://gratisography.com<br />
*https://morguefile.com<br />
<br />
=전자책 출판사 만드는 순서=<br />
# 시길 설치하기. 그전에 책을 위한 원고작성 및 자료모음이 먼저. <br />
# 시길을 이용한 전자책만들기. 완성<br />
# 출판사 등록을 위한 구청(문화체육과)방문<br />
# 구청 재방문 서류 받기, 받은 서류(등록증)로 세무서에 가서 신고<br />
# 계약하고자 하는 플랫폼(전자책을 내놓을 배부할 회사)마다 요구하는 서류가 다름. 사업자 통장과 사업자공인인증서 미리 준비. <br />
# 각 유통사 플렛폼에 메일을 보내고, 서류 준비. <br />
# 서지정보시스템에 들어가서 isbn, cip를 발행하고 전자책에도 등록.<br />
# 각각의 scm 사이트에 isbn, cip를 등록. <br />
# 각 회사에서 정산금액을 메일로 알려주면 홈텍스에서 세금계산서를 발생. 출판사는 면세사업자<br />
<br />
=전자책 만들기=<br />
* split at markers<br />
<pre><br />
찾기: <p>제(\d++)장(.*)</p><br />
바꾸기: <hr class="sigil_split_marker"/><p>제\1장\2</p><br />
</pre></div>
박현정
http://dh.aks.ac.kr/~phj/wiki/index.php?title=%EC%A0%84%EC%9E%90%EC%B1%85&diff=814
전자책
2021-01-19T12:43:28Z
<p>박현정: </p>
<hr />
<div>=sigil=<br />
*EPUB(전자책 포맷 중 하나) 편집 프로그램으로 이미지, 동영상, 오디오 파일 첨부가 가능하고 글꼴을 포함할 수 있어 다양한 형태의 스타일을 편집할 수 있음. <br />
*시길 다운로드: http://sigil-ebook.com<br />
*sigil-0.96-window-x64-setup.exe 다운받기<br />
*isbn 발급방법: [http://seoji.nl.go.kr/isbn/isbnBook/IsbnBookSearch.do 서지정보유통시스템] 가입, 로그인<br />
*전자책 뷰어: iBooks, Calibre(캘리버)<br />
<br />
=플랫폼=<br />
*리디북스: www://ridibooks.com/event/67<br />
*교보문고, 한국이퍼브, 유페이퍼, 북큐브<br />
<br />
=상업용 무료 이미지 사이트=<br />
*https://pixabay.com<br />
*https://www.freepik.com<br />
*https://unsplash.com<br />
*https://gratisography.com<br />
*https://morguefile.com<br />
<br />
=전자책 출판사 만드는 순서=<br />
# 시길 설치하기. 그전에 책을 위한 원고작성 및 자료모음이 먼저. <br />
# 시길을 이용한 전자책만들기. 완성<br />
# 출판사 등록을 위한 구청(문화체육과)방문<br />
# 구청 재방문 서류 받기, 받은 서류(등록증)로 세무서에 가서 신고<br />
# 계약하고자 하는 플랫폼(전자책을 내놓을 배부할 회사)마다 요구하는 서류가 다름. 사업자 통장과 사업자공인인증서 미리 준비. <br />
# 각 유통사 플렛폼에 메일을 보내고, 서류 준비. <br />
# 서지정보시스템에 들어가서 isbn, cip를 발행하고 전자책에도 등록.<br />
# 각각의 scm 사이트에 isbn, cip를 등록. <br />
# 각 회사에서 정산금액을 메일로 알려주면 홈텍스에서 세금계산서를 발생. 출판사는 면세사업자<br />
<br />
=전자책 만들기=<br />
* split at markers<br />
찾기: <p>제(\d++)장(.*)</p><br />
바꾸기: <hr class="sigil_split_marker"/><p>제\1장\2</p></div>
박현정
http://dh.aks.ac.kr/~phj/wiki/index.php?title=%EC%A0%84%EC%9E%90%EC%B1%85&diff=813
전자책
2021-01-19T11:59:54Z
<p>박현정: /* sigil */</p>
<hr />
<div>=sigil=<br />
*EPUB(전자책 포맷 중 하나) 편집 프로그램으로 이미지, 동영상, 오디오 파일 첨부가 가능하고 글꼴을 포함할 수 있어 다양한 형태의 스타일을 편집할 수 있음. <br />
*시길 다운로드: http://sigil-ebook.com<br />
*sigil-0.96-window-x64-setup.exe 다운받기<br />
*isbn 발급방법: [http://seoji.nl.go.kr/isbn/isbnBook/IsbnBookSearch.do 서지정보유통시스템] 가입, 로그인<br />
<br />
=플랫폼=<br />
*리디북스: www://ridibooks.com/event/67<br />
*교보문고, 한국이퍼브, 유페이퍼, 북큐브<br />
<br />
=상업용 무료 이미지 사이트=<br />
*https://pixabay.com<br />
*https://www.freepik.com<br />
*https://unsplash.com<br />
*https://gratisography.com<br />
*https://morguefile.com<br />
<br />
=전자책 출판사 만드는 순서=<br />
# 시길 설치하기. 그전에 책을 위한 원고작성 및 자료모음이 먼저. <br />
# 시길을 이용한 전자책만들기. 완성<br />
# 출판사 등록을 위한 구청(문화체육과)방문<br />
# 구청 재방문 서류 받기, 받은 서류(등록증)로 세무서에 가서 신고<br />
# 계약하고자 하는 플랫폼(전자책을 내놓을 배부할 회사)마다 요구하는 서류가 다름. 사업자 통장과 사업자공인인증서 미리 준비. <br />
# 각 유통사 플렛폼에 메일을 보내고, 서류 준비. <br />
# 서지정보시스템에 들어가서 isbn, cip를 발행하고 전자책에도 등록.<br />
# 각각의 scm 사이트에 isbn, cip를 등록. <br />
# 각 회사에서 정산금액을 메일로 알려주면 홈텍스에서 세금계산서를 발생. 출판사는 면세사업자</div>
박현정
http://dh.aks.ac.kr/~phj/wiki/index.php?title=%EC%A0%84%EC%9E%90%EC%A7%80%EB%8F%84%EB%A7%8C%EB%93%A4%EA%B8%B0&diff=812
전자지도만들기
2021-01-18T12:43:46Z
<p>박현정: </p>
<hr />
<div>본 위키 페이지는 한국학대학원 인문정보학과 DH위키페이지의 나의 전자지도 만들기를 참고하여 만들었습니다. <br />
<nowiki><googlemap></nowiki><br />
*http://dh.aks.ac.kr/Edu/wiki/index.php/수원의_모습<br />
*http://dh.aks.ac.kr/Edu/wiki/index.php/나의_전자지도_제작_방법<br />
<br />
==나의 전자지도 예시==<br />
===랜드마크가 되는 곳===<br />
월드컵경기장, 경기아트센터, 아주대학교병원, 경희대학교, 경기대학교, 성균관대학교 <br/><br/><br />
<googlemap width="800" height="400" lat="37.286526" lon="127.036850" type="normal" zoom="12" icon="http://maps.google.com/mapfiles/marker.png"><br />
37.286526, 127.036850, 월드컵경기장<br />
37.261541, 127.037576, 경기아트센터<br />
37.279432, 127.047469 , 아주대학교병원<br />
37.242953, 127.080079 , 경희대학교국제캠퍼스<br />
37.300522, 127.035819, 경기대학교<br />
37.293920, 126.975414, 성균관대학교<br />
37.275098, 127.057536, 중앙기독초등학교<br />
</googlemap><br />
<br/><br />
<br/><br />
===문화유산이나 관광지===<br />
수원화성, 행궁, 지지대고개, 노송지대<br/><br/><br />
<googlemap width="800" height="400" lat="37.299992" lon="127.001014 " type="normal" zoom="12" icon="http://maps.google.com/mapfiles/marker.png"><br />
37.288544, 127.013934, 수원화성<br />
37.281955, 127.013727, 행궁<br />
37.327648, 126.985252, 지지대고개<br />
37.315306, 126.986946, 노송지대<br />
</googlemap><br />
<br/><br/><br />
===물건을 사고 파는 곳===<br />
영동시장, 지동시장, 광교아비뉴프랑, 앨리웨이<br/><br/><br />
<googlemap width="800" height="400" lat="37.28" lon="127.036" type="normal" zoom="14" icon="http://maps.google.com/mapfiles/marker.png"><br />
37.276949, 127.018659, 영동시장<br />
37.277702, 127.019279, 지동시장<br />
37.290434, 127.050734, 광교아비뉴프랑<br />
37.274510, 127.062504, 앨리웨이<br />
</googlemap><br />
<br/><br/><br />
===교통의 중심인 곳===<br />
수원역, 광교중앙역, 수원 종합버스터미널, 영통역<br/><br/><br />
<googlemap width="800" height="400" lat="37.28" lon="127.036" type="normal" zoom="12" icon="http://maps.google.com/mapfiles/marker.png"><br />
37.266596, 126.999422, 수원역<br />
37.288432, 127.051658, 광교중앙역<br />
37.250904, 127.019713, 수원버스터미널<br />
37.251535, 127.071326, 영통역<br />
37.245816, 127.057361, 망포역<br />
37.261952, 127.030741, 수원시청역<br />
</googlemap><br />
<br/><br/><br />
===사람들의 생활을 편리하게 도와주는 곳===<br />
푸른숲 도서관, 경기 도청, 수원 시청, 아주대학교 병원, 수원 우편 집중국<br/><br/><br />
<googlemap width="800" height="400" lat="37.28" lon="127.04" type="normal" zoom="13" icon="http://maps.google.com/mapfiles/marker.png"><br />
37.281202, 127.066608, 푸른숲도서관<br />
37.275052, 127.009445, 경기도청<br />
37.263454, 127.028653, 수원시청<br />
37.279432, 127.047469, 아주대학교병원<br />
37.254249, 127.076186, 수원우편집중국<br />
</googlemap><br />
<br />
<br />
==나의 전자지도 제작 방법==<br />
#전자지도 상에 표시할 관심 지점(Point of Interst, POI)을 정한다.<br />
#관심 지점의 경위도 좌표를 구한다.<br />
## [http://maps.google.com 구글 맵] 상에 찾고자 하는 지점을 검색<br />
## '구글 맵'에 표시된 관심 지점 위에서 마우스 오른쪽 버튼 클릭한 후, "이곳이 궁금한가요?"를 선택<br />
## '구글 맵'이 알려주는 경도, 위도 값을 복사<br />
#나의 위키 문서에 다음과 같이 CODING<br />
<br />
==googlemap 요소의 Attributes== <br />
*width .... 지도 표시 창의 넓이: 절대값 또는 상대값으로 표시 (400, 600, 100%, 90%)<br />
*height .... 지도 표시 창의 높이: 절대값으로 표시<br />
*lat .... latitude, 표시할 지도 중심부의 위도<br />
*lon .... longitude, 표시할 지도 중심부의 경도<br />
*type .... 표시할 지도의 초기 형태: normal, satellite, hybrid<br />
*zoom .... 축척 0~19<br />
*icon .... 관심 지점 표시에 쓸 아이콘 이미지 URL<br />
<br />
==googlemap 요소의 Data Value== <br />
<pre><br />
36.56591, 127.517885, [[청주 이항희 가옥]]<br />
-------- ---------- --------------------<br />
위도 경도 POI 이름 및 링크<br />
</pre><br />
<br />
=='''간단한 구글 맵''' 사용 예시==<br />
<br />
===스크립트===<br />
<pre><br />
<googlemap width="600" height="300" lat="36.56591" lon="127.517885" type="normal" zoom="12" <br />
icon="http://maps.google.com/mapfiles/marker.png"><br />
36.56591, 127.517885, [[청주 이항희 가옥]]<br />
</googlemap><br />
</pre><br />
<br />
===표시===<br />
<googlemap width="600" height="300" lat="36.56591" lon="127.517885" type="normal" zoom="12" icon="http://maps.google.com/mapfiles/marker.png"><br />
36.56591, 127.517885, [[청주 이항희 가옥]]<br />
</googlemap><br />
<br />
==응용==<br />
<br />
===Path: 경로 표시=== <br />
<br />
<googlemap lat="37.38" lon="127.099" zoom="12"><br />
3#00FFFF<br />
37.393512, 127.053715<br />
37.392142, 127.090316<br />
37.357394, 127.081634<br />
37.386235, 127.135188<br />
</googlemap><br />
<br />
<pre><br />
<googlemap lat="37.38" lon="127.099" zoom="12"><br />
3#00FFFF<br />
37.393512, 127.053715<br />
37.392142, 127.090316<br />
37.357394, 127.081634<br />
37.386235, 127.135188<br />
</googlemap><br />
</pre><br />
* <nowiki><googlemap></nowiki> 태그 안의 데이타 영역에서 먼저 선의 굵기 및 색상 값을 입력하고, 그 다음 줄부터 각 지점의 좌표와 이동 순서를 차례로 입력.<br />
* 선의 굵기 및 색상 지정 방법<br />
**3#000000 .... 3: 선 굵기, ##00FFFF: 선 색상<br />
<br />
===Areas: 구역 표시===<br />
<br />
<googlemap lat="37.38" lon="127.099" zoom="12"><br />
3#00FFFF (#40FFFF00)<br />
37.357394, 127.081634<br />
37.386235, 127.135188<br />
37.393512, 127.053715<br />
</googlemap><br />
<br />
<pre><br />
<googlemap lat="37.38" lon="127.099" zoom="12"><br />
3#00FFFF (#40FFFF00)<br />
37.357394, 127.081634<br />
37.386235, 127.135188<br />
37.393512, 127.053715<br />
</googlemap><br />
</pre><br />
<br />
* <nowiki><googlemap></nowiki> 태그 안의 데이타 영역에서 먼저 구역(Area) 표시 선의 굵기 및 색상 값을 입력하고, 두번째 줄부터 각 지점의 좌표를 차례로 입력.<br />
* 선의 굵기, 색상, 구역 내부 색상 지정 방법<br />
**3#00FFFF ..... 3: 선 굵기, #000000: 선 색상<br />
**(#40FFFF00) ..... 40: 투명도(투명도 값: 00 ~ FF), #FFFF00: 구역 내부 색상<br />
<br />
===Marker 설정하기===<br />
<br />
<googlemap lat="37.38" lon="127.099" zoom="12" type="normal" <br />
icons="http://digerati.aks.ac.kr/VR/style/{label}.png"><br />
3#007F7F<br />
(school) 37.393512, 127.053715<br />
(pavilion_b) 37.392142, 127.090316<br />
(house) 37.357394, 127.081634<br />
(pavilion_r) 37.386235, 127.135188<br />
</googlemap><br />
<br />
<pre><br />
<googlemap lat="37.38" lon="127.099" zoom="12" type="normal" <br />
icons="http://digerati.aks.ac.kr/VR/style/{label}.png"><br />
3#007F7F<br />
(school) 37.393512, 127.053715<br />
(pavilion_b) 37.392142, 127.090316<br />
(house) 37.357394, 127.081634<br />
(pavilion_r) 37.386235, 127.135188<br />
</googlemap><br />
</pre><br />
<br />
<html><br />
<img src="http://digerati.aks.ac.kr/VR/style/school.png" width="40"> http://digerati.aks.ac.kr/VR/style/school.png<br />
<br/><br/><br />
<img src="http://digerati.aks.ac.kr/VR/style/house.png" width="40"> http://digerati.aks.ac.kr/VR/style/house.png<br />
<br/><br><br />
<img src="http://digerati.aks.ac.kr/VR/style/pavilion_b.png" width="40"> http://digerati.aks.ac.kr/VR/style/pavilion_b.png<br />
<br/><br><br />
<img src="http://digerati.aks.ac.kr/VR/style/pavilion_r.png" width="40"> http://digerati.aks.ac.kr/VR/style/pavilion_r.png<br />
<br/><br<br />
</html></div>
박현정
http://dh.aks.ac.kr/~phj/wiki/index.php?title=%EC%A0%84%EC%9E%90%EC%A7%80%EB%8F%84%EB%A7%8C%EB%93%A4%EA%B8%B0&diff=811
전자지도만들기
2021-01-18T12:42:12Z
<p>박현정: </p>
<hr />
<div>본 위키 페이지는 한국학대학원 인문정보학과 DH위키페이지의 나의 전자지도 만들기를 참고하여 만들었습니다. <br />
<br />
*http://dh.aks.ac.kr/Edu/wiki/index.php/수원의_모습<br />
*http://dh.aks.ac.kr/Edu/wiki/index.php/나의_전자지도_제작_방법<br />
<br />
==나의 전자지도 예시==<br />
===랜드마크가 되는 곳===<br />
월드컵경기장, 경기아트센터, 아주대학교병원, 경희대학교, 경기대학교, 성균관대학교 <br/><br/><br />
<googlemap width="800" height="400" lat="37.286526" lon="127.036850" type="normal" zoom="12" icon="http://maps.google.com/mapfiles/marker.png"><br />
37.286526, 127.036850, 월드컵경기장<br />
37.261541, 127.037576, 경기아트센터<br />
37.279432, 127.047469 , 아주대학교병원<br />
37.242953, 127.080079 , 경희대학교국제캠퍼스<br />
37.300522, 127.035819, 경기대학교<br />
37.293920, 126.975414, 성균관대학교<br />
37.275098, 127.057536, 중앙기독초등학교<br />
</googlemap><br />
<br/><br />
<br/><br />
===문화유산이나 관광지===<br />
수원화성, 행궁, 지지대고개, 노송지대<br/><br/><br />
<googlemap width="800" height="400" lat="37.299992" lon="127.001014 " type="normal" zoom="12" icon="http://maps.google.com/mapfiles/marker.png"><br />
37.288544, 127.013934, 수원화성<br />
37.281955, 127.013727, 행궁<br />
37.327648, 126.985252, 지지대고개<br />
37.315306, 126.986946, 노송지대<br />
</googlemap><br />
<br/><br/><br />
===물건을 사고 파는 곳===<br />
영동시장, 지동시장, 광교아비뉴프랑, 앨리웨이<br/><br/><br />
<googlemap width="800" height="400" lat="37.28" lon="127.036" type="normal" zoom="14" icon="http://maps.google.com/mapfiles/marker.png"><br />
37.276949, 127.018659, 영동시장<br />
37.277702, 127.019279, 지동시장<br />
37.290434, 127.050734, 광교아비뉴프랑<br />
37.274510, 127.062504, 앨리웨이<br />
</googlemap><br />
<br/><br/><br />
===교통의 중심인 곳===<br />
수원역, 광교중앙역, 수원 종합버스터미널, 영통역<br/><br/><br />
<googlemap width="800" height="400" lat="37.28" lon="127.036" type="normal" zoom="12" icon="http://maps.google.com/mapfiles/marker.png"><br />
37.266596, 126.999422, 수원역<br />
37.288432, 127.051658, 광교중앙역<br />
37.250904, 127.019713, 수원버스터미널<br />
37.251535, 127.071326, 영통역<br />
37.245816, 127.057361, 망포역<br />
37.261952, 127.030741, 수원시청역<br />
</googlemap><br />
<br/><br/><br />
===사람들의 생활을 편리하게 도와주는 곳===<br />
푸른숲 도서관, 경기 도청, 수원 시청, 아주대학교 병원, 수원 우편 집중국<br/><br/><br />
<googlemap width="800" height="400" lat="37.28" lon="127.04" type="normal" zoom="13" icon="http://maps.google.com/mapfiles/marker.png"><br />
37.281202, 127.066608, 푸른숲도서관<br />
37.275052, 127.009445, 경기도청<br />
37.263454, 127.028653, 수원시청<br />
37.279432, 127.047469, 아주대학교병원<br />
37.254249, 127.076186, 수원우편집중국<br />
</googlemap><br />
<br />
<br />
==나의 전자지도 제작 방법==<br />
#전자지도 상에 표시할 관심 지점(Point of Interst, POI)을 정한다.<br />
#관심 지점의 경위도 좌표를 구한다.<br />
## [http://maps.google.com 구글 맵] 상에 찾고자 하는 지점을 검색<br />
## '구글 맵'에 표시된 관심 지점 위에서 마우스 오른쪽 버튼 클릭한 후, "이곳이 궁금한가요?"를 선택<br />
## '구글 맵'이 알려주는 경도, 위도 값을 복사<br />
#나의 위키 문서에 다음과 같이 CODING<br />
<br />
==googlemap 요소의 Attributes== <br />
*width .... 지도 표시 창의 넓이: 절대값 또는 상대값으로 표시 (400, 600, 100%, 90%)<br />
*height .... 지도 표시 창의 높이: 절대값으로 표시<br />
*lat .... latitude, 표시할 지도 중심부의 위도<br />
*lon .... longitude, 표시할 지도 중심부의 경도<br />
*type .... 표시할 지도의 초기 형태: normal, satellite, hybrid<br />
*zoom .... 축척 0~19<br />
*icon .... 관심 지점 표시에 쓸 아이콘 이미지 URL<br />
<br />
==googlemap 요소의 Data Value== <br />
<pre><br />
36.56591, 127.517885, [[청주 이항희 가옥]]<br />
-------- ---------- --------------------<br />
위도 경도 POI 이름 및 링크<br />
</pre><br />
<br />
=='''간단한 구글 맵''' 사용 예시==<br />
<br />
===스크립트===<br />
<pre><br />
<googlemap width="600" height="300" lat="36.56591" lon="127.517885" type="normal" zoom="12" <br />
icon="http://maps.google.com/mapfiles/marker.png"><br />
36.56591, 127.517885, [[청주 이항희 가옥]]<br />
</googlemap><br />
</pre><br />
<br />
===표시===<br />
<googlemap width="600" height="300" lat="36.56591" lon="127.517885" type="normal" zoom="12" icon="http://maps.google.com/mapfiles/marker.png"><br />
36.56591, 127.517885, [[청주 이항희 가옥]]<br />
</googlemap><br />
<br />
==응용==<br />
<br />
===Path: 경로 표시=== <br />
<br />
<googlemap lat="37.38" lon="127.099" zoom="12"><br />
3#00FFFF<br />
37.393512, 127.053715<br />
37.392142, 127.090316<br />
37.357394, 127.081634<br />
37.386235, 127.135188<br />
</googlemap><br />
<br />
<pre><br />
<googlemap lat="37.38" lon="127.099" zoom="12"><br />
3#00FFFF<br />
37.393512, 127.053715<br />
37.392142, 127.090316<br />
37.357394, 127.081634<br />
37.386235, 127.135188<br />
</googlemap><br />
</pre><br />
* <nowiki><googlemap></nowiki> 태그 안의 데이타 영역에서 먼저 선의 굵기 및 색상 값을 입력하고, 그 다음 줄부터 각 지점의 좌표와 이동 순서를 차례로 입력.<br />
* 선의 굵기 및 색상 지정 방법<br />
**3#000000 .... 3: 선 굵기, ##00FFFF: 선 색상<br />
<br />
===Areas: 구역 표시===<br />
<br />
<googlemap lat="37.38" lon="127.099" zoom="12"><br />
3#00FFFF (#40FFFF00)<br />
37.357394, 127.081634<br />
37.386235, 127.135188<br />
37.393512, 127.053715<br />
</googlemap><br />
<br />
<pre><br />
<googlemap lat="37.38" lon="127.099" zoom="12"><br />
3#00FFFF (#40FFFF00)<br />
37.357394, 127.081634<br />
37.386235, 127.135188<br />
37.393512, 127.053715<br />
</googlemap><br />
</pre><br />
<br />
* <nowiki><googlemap></nowiki> 태그 안의 데이타 영역에서 먼저 구역(Area) 표시 선의 굵기 및 색상 값을 입력하고, 두번째 줄부터 각 지점의 좌표를 차례로 입력.<br />
* 선의 굵기, 색상, 구역 내부 색상 지정 방법<br />
**3#00FFFF ..... 3: 선 굵기, #000000: 선 색상<br />
**(#40FFFF00) ..... 40: 투명도(투명도 값: 00 ~ FF), #FFFF00: 구역 내부 색상<br />
<br />
===Marker 설정하기===<br />
<br />
<googlemap lat="37.38" lon="127.099" zoom="12" type="normal" <br />
icons="http://digerati.aks.ac.kr/VR/style/{label}.png"><br />
3#007F7F<br />
(school) 37.393512, 127.053715<br />
(pavilion_b) 37.392142, 127.090316<br />
(house) 37.357394, 127.081634<br />
(pavilion_r) 37.386235, 127.135188<br />
</googlemap><br />
<br />
<pre><br />
<googlemap lat="37.38" lon="127.099" zoom="12" type="normal" <br />
icons="http://digerati.aks.ac.kr/VR/style/{label}.png"><br />
3#007F7F<br />
(school) 37.393512, 127.053715<br />
(pavilion_b) 37.392142, 127.090316<br />
(house) 37.357394, 127.081634<br />
(pavilion_r) 37.386235, 127.135188<br />
</googlemap><br />
</pre><br />
<br />
<html><br />
<img src="http://digerati.aks.ac.kr/VR/style/school.png" width="40"> http://digerati.aks.ac.kr/VR/style/school.png<br />
<br/><br/><br />
<img src="http://digerati.aks.ac.kr/VR/style/house.png" width="40"> http://digerati.aks.ac.kr/VR/style/house.png<br />
<br/><br><br />
<img src="http://digerati.aks.ac.kr/VR/style/pavilion_b.png" width="40"> http://digerati.aks.ac.kr/VR/style/pavilion_b.png<br />
<br/><br><br />
<img src="http://digerati.aks.ac.kr/VR/style/pavilion_r.png" width="40"> http://digerati.aks.ac.kr/VR/style/pavilion_r.png<br />
<br/><br<br />
</html></div>
박현정
http://dh.aks.ac.kr/~phj/wiki/index.php?title=%EC%A0%84%EC%9E%90%EC%A7%80%EB%8F%84%EB%A7%8C%EB%93%A4%EA%B8%B0&diff=810
전자지도만들기
2021-01-18T12:39:21Z
<p>박현정: </p>
<hr />
<div><includeonly><br />
{{#tag:html|<br />
<iframe width=96% height=700px frameborder=0 src=http://dh.aks.ac.kr/~sandbox/cgi-bin/Space.py?db={{{db|}}}&project={{{project|}}}&type={{{type|}}}&province={{{province|}}}&city={{{city|}}}></iframe><br />
}}<br />
</includeonly><br />
<noinclude><br />
<br />
본 위키 페이지는 한국학대학원 인문정보학과 DH위키페이지의 나의 전자지도 만들기를 참고하여 만들었습니다. <br />
<br />
*http://dh.aks.ac.kr/Edu/wiki/index.php/수원의_모습<br />
*http://dh.aks.ac.kr/Edu/wiki/index.php/나의_전자지도_제작_방법<br />
<br />
==나의 전자지도 예시==<br />
===랜드마크가 되는 곳===<br />
월드컵경기장, 경기아트센터, 아주대학교병원, 경희대학교, 경기대학교, 성균관대학교 <br/><br/><br />
<googlemap width="800" height="400" lat="37.286526" lon="127.036850" type="normal" zoom="12" icon="http://maps.google.com/mapfiles/marker.png"><br />
37.286526, 127.036850, 월드컵경기장<br />
37.261541, 127.037576, 경기아트센터<br />
37.279432, 127.047469 , 아주대학교병원<br />
37.242953, 127.080079 , 경희대학교국제캠퍼스<br />
37.300522, 127.035819, 경기대학교<br />
37.293920, 126.975414, 성균관대학교<br />
37.275098, 127.057536, 중앙기독초등학교<br />
</googlemap><br />
<br/><br />
<br/><br />
===문화유산이나 관광지===<br />
수원화성, 행궁, 지지대고개, 노송지대<br/><br/><br />
<googlemap width="800" height="400" lat="37.299992" lon="127.001014 " type="normal" zoom="12" icon="http://maps.google.com/mapfiles/marker.png"><br />
37.288544, 127.013934, 수원화성<br />
37.281955, 127.013727, 행궁<br />
37.327648, 126.985252, 지지대고개<br />
37.315306, 126.986946, 노송지대<br />
</googlemap><br />
<br/><br/><br />
===물건을 사고 파는 곳===<br />
영동시장, 지동시장, 광교아비뉴프랑, 앨리웨이<br/><br/><br />
<googlemap width="800" height="400" lat="37.28" lon="127.036" type="normal" zoom="14" icon="http://maps.google.com/mapfiles/marker.png"><br />
37.276949, 127.018659, 영동시장<br />
37.277702, 127.019279, 지동시장<br />
37.290434, 127.050734, 광교아비뉴프랑<br />
37.274510, 127.062504, 앨리웨이<br />
</googlemap><br />
<br/><br/><br />
===교통의 중심인 곳===<br />
수원역, 광교중앙역, 수원 종합버스터미널, 영통역<br/><br/><br />
<googlemap width="800" height="400" lat="37.28" lon="127.036" type="normal" zoom="12" icon="http://maps.google.com/mapfiles/marker.png"><br />
37.266596, 126.999422, 수원역<br />
37.288432, 127.051658, 광교중앙역<br />
37.250904, 127.019713, 수원버스터미널<br />
37.251535, 127.071326, 영통역<br />
37.245816, 127.057361, 망포역<br />
37.261952, 127.030741, 수원시청역<br />
</googlemap><br />
<br/><br/><br />
===사람들의 생활을 편리하게 도와주는 곳===<br />
푸른숲 도서관, 경기 도청, 수원 시청, 아주대학교 병원, 수원 우편 집중국<br/><br/><br />
<googlemap width="800" height="400" lat="37.28" lon="127.04" type="normal" zoom="13" icon="http://maps.google.com/mapfiles/marker.png"><br />
37.281202, 127.066608, 푸른숲도서관<br />
37.275052, 127.009445, 경기도청<br />
37.263454, 127.028653, 수원시청<br />
37.279432, 127.047469, 아주대학교병원<br />
37.254249, 127.076186, 수원우편집중국<br />
</googlemap><br />
<br />
<br />
==나의 전자지도 제작 방법==<br />
#전자지도 상에 표시할 관심 지점(Point of Interst, POI)을 정한다.<br />
#관심 지점의 경위도 좌표를 구한다.<br />
## [http://maps.google.com 구글 맵] 상에 찾고자 하는 지점을 검색<br />
## '구글 맵'에 표시된 관심 지점 위에서 마우스 오른쪽 버튼 클릭한 후, "이곳이 궁금한가요?"를 선택<br />
## '구글 맵'이 알려주는 경도, 위도 값을 복사<br />
#나의 위키 문서에 다음과 같이 CODING<br />
<br />
==googlemap 요소의 Attributes== <br />
*width .... 지도 표시 창의 넓이: 절대값 또는 상대값으로 표시 (400, 600, 100%, 90%)<br />
*height .... 지도 표시 창의 높이: 절대값으로 표시<br />
*lat .... latitude, 표시할 지도 중심부의 위도<br />
*lon .... longitude, 표시할 지도 중심부의 경도<br />
*type .... 표시할 지도의 초기 형태: normal, satellite, hybrid<br />
*zoom .... 축척 0~19<br />
*icon .... 관심 지점 표시에 쓸 아이콘 이미지 URL<br />
<br />
==googlemap 요소의 Data Value== <br />
<pre><br />
36.56591, 127.517885, [[청주 이항희 가옥]]<br />
-------- ---------- --------------------<br />
위도 경도 POI 이름 및 링크<br />
</pre><br />
<br />
=='''간단한 구글 맵''' 사용 예시==<br />
<br />
===스크립트===<br />
<pre><br />
<googlemap width="600" height="300" lat="36.56591" lon="127.517885" type="normal" zoom="12" <br />
icon="http://maps.google.com/mapfiles/marker.png"><br />
36.56591, 127.517885, [[청주 이항희 가옥]]<br />
</googlemap><br />
</pre><br />
<br />
===표시===<br />
<googlemap width="600" height="300" lat="36.56591" lon="127.517885" type="normal" zoom="12" icon="http://maps.google.com/mapfiles/marker.png"><br />
36.56591, 127.517885, [[청주 이항희 가옥]]<br />
</googlemap><br />
<br />
==응용==<br />
<br />
===Path: 경로 표시=== <br />
<br />
<googlemap lat="37.38" lon="127.099" zoom="12"><br />
3#00FFFF<br />
37.393512, 127.053715<br />
37.392142, 127.090316<br />
37.357394, 127.081634<br />
37.386235, 127.135188<br />
</googlemap><br />
<br />
<pre><br />
<googlemap lat="37.38" lon="127.099" zoom="12"><br />
3#00FFFF<br />
37.393512, 127.053715<br />
37.392142, 127.090316<br />
37.357394, 127.081634<br />
37.386235, 127.135188<br />
</googlemap><br />
</pre><br />
* <nowiki><googlemap></nowiki> 태그 안의 데이타 영역에서 먼저 선의 굵기 및 색상 값을 입력하고, 그 다음 줄부터 각 지점의 좌표와 이동 순서를 차례로 입력.<br />
* 선의 굵기 및 색상 지정 방법<br />
**3#000000 .... 3: 선 굵기, ##00FFFF: 선 색상<br />
<br />
===Areas: 구역 표시===<br />
<br />
<googlemap lat="37.38" lon="127.099" zoom="12"><br />
3#00FFFF (#40FFFF00)<br />
37.357394, 127.081634<br />
37.386235, 127.135188<br />
37.393512, 127.053715<br />
</googlemap><br />
<br />
<pre><br />
<googlemap lat="37.38" lon="127.099" zoom="12"><br />
3#00FFFF (#40FFFF00)<br />
37.357394, 127.081634<br />
37.386235, 127.135188<br />
37.393512, 127.053715<br />
</googlemap><br />
</pre><br />
<br />
* <nowiki><googlemap></nowiki> 태그 안의 데이타 영역에서 먼저 구역(Area) 표시 선의 굵기 및 색상 값을 입력하고, 두번째 줄부터 각 지점의 좌표를 차례로 입력.<br />
* 선의 굵기, 색상, 구역 내부 색상 지정 방법<br />
**3#00FFFF ..... 3: 선 굵기, #000000: 선 색상<br />
**(#40FFFF00) ..... 40: 투명도(투명도 값: 00 ~ FF), #FFFF00: 구역 내부 색상<br />
<br />
===Marker 설정하기===<br />
<br />
<googlemap lat="37.38" lon="127.099" zoom="12" type="normal" <br />
icons="http://digerati.aks.ac.kr/VR/style/{label}.png"><br />
3#007F7F<br />
(school) 37.393512, 127.053715<br />
(pavilion_b) 37.392142, 127.090316<br />
(house) 37.357394, 127.081634<br />
(pavilion_r) 37.386235, 127.135188<br />
</googlemap><br />
<br />
<pre><br />
<googlemap lat="37.38" lon="127.099" zoom="12" type="normal" <br />
icons="http://digerati.aks.ac.kr/VR/style/{label}.png"><br />
3#007F7F<br />
(school) 37.393512, 127.053715<br />
(pavilion_b) 37.392142, 127.090316<br />
(house) 37.357394, 127.081634<br />
(pavilion_r) 37.386235, 127.135188<br />
</googlemap><br />
</pre><br />
<br />
<html><br />
<img src="http://digerati.aks.ac.kr/VR/style/school.png" width="40"> http://digerati.aks.ac.kr/VR/style/school.png<br />
<br/><br/><br />
<img src="http://digerati.aks.ac.kr/VR/style/house.png" width="40"> http://digerati.aks.ac.kr/VR/style/house.png<br />
<br/><br><br />
<img src="http://digerati.aks.ac.kr/VR/style/pavilion_b.png" width="40"> http://digerati.aks.ac.kr/VR/style/pavilion_b.png<br />
<br/><br><br />
<img src="http://digerati.aks.ac.kr/VR/style/pavilion_r.png" width="40"> http://digerati.aks.ac.kr/VR/style/pavilion_r.png<br />
<br/><br<br />
</html></div>
박현정
http://dh.aks.ac.kr/~phj/wiki/index.php?title=%ED%8B%80:Geobox&diff=809
틀:Geobox
2021-01-18T12:37:15Z
<p>박현정: 새 문서: <onlyinclude><includeonly><div><!-- *** Coordinates in title *** -->{{#if:{{{coordinates_no_title|}}}||{{#if: {{{latitude|}}}{{{lat_d|}}}|{{Geobox2 coor title|{{{lat_d|}}}|{{{lat_m|}}...</p>
<hr />
<div><onlyinclude><includeonly><div><!-- *** Coordinates in title ***<br />
-->{{#if:{{{coordinates_no_title|}}}||{{#if: {{{latitude|}}}{{{lat_d|}}}|{{Geobox2 coor title|{{{lat_d|}}}|{{{lat_m|}}}|{{{lat_s|}}}|{{{lat_NS|}}}|{{{long_d|}}}|{{{long_m|}}}|{{{long_s|}}}|{{{long_EW|}}}|country={{{country|}}}|state={{#if: {{{state|}}}|{{{state}}}|{{{region|}}}}}|type={{{1|}}}|pop={{{population|}}}|coor_name={{{coordinates_name|}}} |coor_param={{{coordinates_type|}}} |latitude={{{latitude|}}}|longitude={{{longitude|}}}<!--latitude, longitude의 십진좌표값을 이용해 좌표를 넣은 경우-->|format={{{coordinates_format|}}}|country={{{country|}}}|state={{#if: {{{state|}}}|{{{state}}}|{{{region|}}}}}|type={{{1|}}}|pop={{{population|}}} }}|{{#if: {{{mouth_latitude|}}}{{{mouth_lat_d|}}}|{{Geobox2 coor title|{{{mouth_lat_d|}}}|{{{mouth_lat_m|}}}|{{{mouth_lat_s|}}}|{{{mouth_lat_NS|}}}|{{{mouth_long_d|}}}|{{{mouth_long_m|}}}|{{{mouth_long_s|}}}|{{{mouth_long_EW|}}}|latitude={{{mouth_latitude|}}}|longitude={{{mouth_longitude|}}}<!--mouth_latitude, mouth_longitude의 십진좌표값을 이용해 좌표를 넣은 경우-->|country={{{country|}}}|state={{#if: {{{state|}}}|{{{state}}}|{{{region|}}}}}|type={{{1|}}}|pop={{{population|}}}|coor_name={{{mouth_coordinates_name|{{{coordinates_name|}}}}}} |coor_param={{{coordinates_type|}}} |format={{{coordinates_format|}}} }}|{{#if: {{{capital_lat_d|}}}|{{Geobox2 coor title|{{{capital_lat_d|}}}|{{{capital_lat_m|}}}|{{{capital_lat_s|}}}|{{{capital_lat_NS|}}}|{{{capital_long_d|}}}|{{{capital_long_m|}}}|{{{capital_long_s|}}}|{{{capital_long_EW|}}}|country={{{country|}}}|state={{#if: {{{state|}}}|{{{state}}}|{{{region|}}}}}|type={{{1|}}}|pop={{{population|}}}|coor_name={{{coordinates_name|}}} |coor_param={{{coordinates_type|}}} |format={{{coordinates_format|}}} }} }} }} }} }}</div><br />
{| class="infobox geography" style="width: {{{geobox_width|256}}}px; padding: 0; font-size: 9pt; /* font-size: smallest; font-size: 89%; */"<br />
<br />
<!-- *** Name *** --><br />
{{#if: 1 |<br />
{{!}}- class="mergedtoprow" {{Geobox2 line plain| style = text-align: center; font-weight: bold; font-size: 1.5em; /* font-size: 1.25em; */ background-color: {{{배경색|{{{backcolor|{{Geobox2 color |{{{1|}}}}}}}}}}};<br />
| | | {{{name_label|이 지리 항목의 한글 이름 (해당 지역의 이름)}}} <!--Location name (local name)--> |<br />
| {{#if: {{{whs_name|}}}|<!-- -->}}{{#if: {{{name|}}} | {{{name|}}}| {{PAGENAME}} }}{{#if: {{{native_name|}}} | <span style="font-size: 9pt; line-height: 1.7em"><br />{{nowrap|({{{native_name}}})}}</span><!--&#32;{{nowrap|(<i>{{{native_name}}}</i>)}}--> }} }}''<br />
}}<br />
<br />
{{#if: {{{other_name|}}} | <br />
{{!}}- class="mergedrow" {{Geobox2 list line plain | style = text-align: center; font-weight: bold; background-color: {{{배경색|{{{backcolor|{{Geobox2 color |{{{1|}}}}}}}}}}};<br />
| | | {{{other_name_label|{{{name|이 지리 항목}}}의 다른 이름}}}<!--Other names--> |<br />
|{{{other_name|}}}|{{{other_name_note|}}}|{{{other_name1|}}}|{{{other_name1_note|}}}|{{{other_name2|}}}|{{{other_name2_note|}}}|{{{other_name3|}}}|{{{other_name3_note|}}}|{{{other_name4|}}}|{{{other_name4_note|}}}|{{{other_name5|}}}|{{{other_name5_note|}}}|{{{other_name6|}}}|{{{other_name6_note|}}}|{{{other_name7|}}}|{{{other_name7_note|}}}|separator1={{{other_name1_separator|}}}|separator2={{{other_name2_separator|}}}|separator3={{{other_name3_separator|}}}|separator4={{{other_name4_separator|}}}|separator5={{{other_name5_separator|}}}|separator6={{{other_name6_separator|}}}|separator7={{{other_name7_separator|}}} }} }}<br />
<br />
{{#if: {{{category_hide|}}} ||<br />
{{#if: 1 |<br />
{{!}}- class="mergedbottomrow" {{Geobox2 line plain | style = text-align: center; background-color: {{{배경색|{{{backcolor|{{Geobox2 color |{{{1|}}}}}}}}}}};<br />
| | | {{{category_label|이 지리 항목의 유형}}}<!--Category--> |<br />
| {{#if: {{{category|}}} | {{{category|}}}{{#if: {{{native_category|}}} |&#32;(''{{{native_category|}}}'') }} | {{{1|}}} }} }} }} }}<br />
<br />
<!-- *** Image 또는 Manual Image *** --><br />
|- <br />
{{#if: {{{manual_image|}}}| <!-- *** Manual Image *** --><br />
{{!}}colspan=2{{!}}<center>{{{manual_image}}}</center> | <!-- *** Image *** --><br />
{{ {{#if: {{{image|}}} | Geobox image | Geobox 0}} | {{{image}}}| {{{image_caption|}}} | {{{image_size|275}}}| |{{{image_alt|}}}}}}}<br />
<br />
<!-- *** Symbols *** --><br />
|-<br />
{{ {{#if: {{{flag|}}}{{{symbol|}}} | <br />
Geobox2 symbols | Geobox 0}} <br />
| {{{flag|}}} | {{{flag_type|Flag}}} | {{{flag_label|}}} | {{{flag_note|}}} | {{{flag_size|}}} | {{{flag_border|}}}<br />
| {{{symbol|}}} | {{{symbol_type| {{#switch: {{lc:{{{1|}}}}} | settlement = Coat of arms | Symbol }} }}} | {{{symbol_label|}}} | {{{symbol_note|}}} | {{{symbol_size|}}} | {{{symbol_border|}}}|{{{flag_alt|}}}|{{{symbol_alt|}}}}}<br />
<br />
<!-- *** Names *** --><br />
{{#if: {{{official_name|}}}{{{etymology|}}}{{{motto|}}}{{{nickname|}}} |<br />
<br />
{{!}}- class="mergedtoprow" {{ {{#if: {{{official_name|}}} | <br />
Geobox2 line plain| Geobox 0}}<br />
| Official name | {{{official_name_type|}}} | Official name | {{{official_name_label|}}}<br />
|{{{official_name|}}}| {{{official_name_note|}}}| <br />
}} {{ {{#if: {{{etymology|}}} | <br />
<br />
Geobox2 line plain| Geobox 0}}<br />
| 어원<!--Name origin--> | {{{etymology_type|}}} | {{{name|이 지리 항목}}}의 어원<!--Etymology (origin) of the name--> | {{{etymology_label|}}}<br />
|{{{etymology|}}}|{{{etymology_note|}}}| <br />
}} {{ {{#if: {{{motto|}}} | <br />
<br />
Geobox2 line plain| Geobox 0}} <br />
| Motto | {{{motto_type|}}} | Motto | {{{motto_label|}}}<br />
|<i>{{{motto|}}}</i>|{{{motto_note|}}}| <br />
}} {{ {{#if: {{{nickname|}}} | <br />
<br />
Geobox2 line plain| Geobox 0}} <br />
| 별명<!--Nickname--> | {{{nickname_type|}}} | {{{name|이 지리 항목}}}의 별명<!--Nickname(s)--> | {{{nickname_label|}}}<br />
|<!--<i>-->{{{nickname|}}}<!--</i>-->|{{{nickname_note|}}}| <br />
}} <br />
<br />
{{Geobox2 end}}<br />
}}<br />
<br />
<!-- *** Country etc. *** --><br />
{{#if: {{{continent|}}}{{{country|}}}{{{state|}}}{{{region|}}}{{{district|}}}{{{commune|}}}{{{municipality|}}} |<br />
<br />
{{!}}- class="mergedtoprow" {{ {{#if: {{{continent|}}} | <br />
Geobox2 list{{#if:{{{continent_fold|}}}|_fold}}{{#if:{{{continent_flag|}}}|_flag}} | Geobox 0}}<br />
|{{#if:{{{continent1|}}}|<!--Countries-->[[대륙|<span style="color: black" title="{{{continent_label|{{{name|이 지리 항목}}}이 소재하는 대륙}}}">대륙</span>]]|<!--Country-->[[대륙|<span style="color: black" title="{{{continent_label|{{{name|이 지리 항목}}}이 소재하는 대륙}}}">나라</span>]]}} | {{{continent_type|}}} | <!--Country/Countries in which the site lies-->{{{continent_label|{{{name|이 지리 항목}}}이 소재하는 대륙}}} | {{{continent_label|}}} <br />
|{{{continent|}}}|{{{continent_note|}}}|{{{continent1|}}}|{{{continent1_note|}}}|{{{continent2|}}}|{{{continent2_note|}}}|{{{continent3|}}}|{{{continent3_note|}}}|{{{continent4|}}}|{{{continent4_note|}}}|{{{continent5|}}}|{{{continent5_note|}}}|{{{continent6|}}}|{{{continent6_note|}}}|{{{continent7|}}}|{{{continent7_note|}}}|{{{continent8|}}}|{{{continent8_note|}}}|{{{continent9|}}}|{{{continent9_note|}}}|{{{continent10|}}}|{{{continent10_note|}}}|{{{continent11|}}}|{{{continent11_note|}}}|{{{continent12|}}}|{{{continent12_note|}}}|{{{continent13|}}}|{{{continent13_note|}}}|{{{continent14|}}}|{{{continent14_note|}}}|{{{continent15|}}}|{{{continent15_note|}}}| <br />
}}{{ {{#if: {{{country|}}} | <br />
<br />
Geobox2 list{{#if:{{{country_fold|}}}|_fold}} | Geobox 0}}<br />
|{{#if:{{{country1|}}}|<!--Countries-->[[나라 목록|<span style="color: black" title="{{{country_label|{{{name|이 지리 항목}}}이 소재하는 나라 (북에서 남으로 나열)}}}">나라</span>]]|<!--Country-->[[나라 목록|<span style="color: black" title="{{{country_label|{{{name|이 지리 항목}}}이 소재하는 나라}}}">나라</span>]]}} | {{{country_type|}}} | <!--Country/Countries in which the site lies-->{{{country_label|{{{name|이 지리 항목}}}이 소재하는 나라}}}{{#if:{{{country1|}}}|&#32;(북에서 남으로 나열)}} | {{{country_label|}}} <br />
|{{{country|}}}|{{{country_note|}}}|{{{country1|}}}|{{{country1_note|}}}|{{{country2|}}}|{{{country2_note|}}}|{{{country3|}}}|{{{country3_note|}}}|{{{country4|}}}|{{{country4_note|}}}|{{{country5|}}}|{{{country5_note|}}}|{{{country6|}}}|{{{country6_note|}}}|{{{country7|}}}|{{{country7_note|}}}|{{{country8|}}}|{{{country8_note|}}}|{{{country9|}}}|{{{country9_note|}}}|{{{country10|}}}|{{{country10_note|}}}|{{{country11|}}}|{{{country11_note|}}}|{{{country12|}}}|{{{country12_note|}}}|{{{country13|}}}|{{{country13_note|}}}|{{{country14|}}}|{{{country14_note|}}}|{{{country15|}}}|{{{country15_note|}}}| <br />
}} {{ {{#if: {{{state|}}} | <br />
<br />
Geobox2 list{{#if:{{{state_fold|}}}|_fold}} | Geobox 0}}<br />
|{{#if: {{{state1|}}}| <!--States-->지방| <!--State-->지방}} | {{{state_type|}}} | <!--State/States in which the site lies-->{{{name|이 지리 항목}}}이 소재하는 지방{{#if:{{{state1|}}}|&#32;(북에서 남으로 나열)}} | {{{state_label|}}} <br />
|{{{state|}}}|{{{state_note|}}}|{{{state1|}}}|{{{state1_note|}}}|{{{state2|}}}|{{{state2_note|}}}|{{{state3|}}}|{{{state3_note|}}}|{{{state4|}}}|{{{state4_note|}}}|{{{state5|}}}|{{{state5_note|}}}|{{{state6|}}}|{{{state6_note|}}}|{{{state7|}}}|{{{state7_note|}}}|{{{state8|}}}|{{{state8_note|}}}|{{{state9|}}}|{{{state9_note|}}}|{{{state10|}}}|{{{state10_note|}}}|{{{state11|}}}|{{{state11_note|}}}|{{{state12|}}}|{{{state12_note|}}}|{{{state13|}}}|{{{state13_note|}}}|{{{state14|}}}|{{{state14_note|}}}|{{{state15|}}}|{{{state15_note|}}}| <br />
}} {{ {{#if: {{{region|}}} | <br />
<br />
Geobox2 list{{#if:{{{region_fold|}}}|_fold}} | Geobox 0}}<br />
|{{#if: {{{region1|}}}| <!--Regions-->지역 | <!--Region-->지역}} | {{{region_type|}}} | {{{name|이 지리 항목}}}이 소재하는 지역{{#if:{{{region1|}}}|&#32;(북에서 남으로 나열)}}<!--Regions in which the site lies--> | {{{region_label|}}} <br />
|{{{region|}}}|{{{region_note|}}}|{{{region1|}}}|{{{region1_note|}}}|{{{region2|}}}|{{{region2_note|}}}|{{{region3|}}}|{{{region3_note|}}}|{{{region4|}}}|{{{region4_note|}}}|{{{region5|}}}|{{{region5_note|}}}|{{{region6|}}}|{{{region6_note|}}}|{{{region7|}}}|{{{region7_note|}}}|{{{region8|}}}|{{{region8_note|}}}|{{{region9|}}}|{{{region9_note|}}}|{{{region10|}}}|{{{region10_note|}}}|{{{region11|}}}|{{{region11_note|}}}|{{{region12|}}}|{{{region12_note|}}}|{{{region13|}}}|{{{region13_note|}}}|{{{region14|}}}|{{{region14_note|}}}|{{{region15|}}}|{{{region15_note|}}}|{{{region16|}}}|{{{region16_note|}}}|{{{region17|}}}|{{{region17_note|}}}|{{{region18|}}}|{{{region18_note|}}}|{{{region19|}}}|{{{region19_note|}}}|{{{region20|}}}|{{{region20_note|}}}|{{{region21|}}}|{{{region21_note|}}}|{{{region22|}}}|{{{region22_note|}}}|{{{region23|}}}|{{{region23_note|}}}|{{{region24|}}}|{{{region24_note|}}}|{{{region25|}}}|{{{region25_note|}}}|{{{region26|}}}|{{{region26_note|}}}|{{{region27|}}}|{{{region27_note|}}}|<br />
}} {{ {{#if: {{{district|}}} |<br />
<br />
Geobox2 list{{#if:{{{district_fold|}}}|_fold}} | Geobox 0}}<br />
|{{#if: {{{district1|}}}| <!--Districts-->도시| <!--District-->도시}} | {{{district_type|}}} | {{{name|이 지리 항목}}}이 소재하는 주요 도시{{#if:{{{district1|}}}|&#32;(북에서 남으로 나열)}}<!--Districts in which the site lies--> | {{{district_label|}}} <br />
|{{{district|}}}|{{{district_note|}}}|{{{district1|}}}|{{{district1_note|}}}|{{{district2|}}}|{{{district2_note|}}}|{{{district3|}}}|{{{district3_note|}}}|{{{district4|}}}|{{{district4_note|}}}|{{{district5|}}}|{{{district5_note|}}}|{{{district6|}}}|{{{district6_note|}}}|{{{district7|}}}|{{{district7_note|}}}|{{{district8|}}}|{{{district8_note|}}}|{{{district9|}}}|{{{district9_note|}}}|{{{district10|}}}|{{{district10_note|}}}|{{{district11|}}}|{{{district11_note|}}}|{{{district12|}}}|{{{district12_note|}}}|{{{district13|}}}|{{{district13_note|}}}|{{{district14|}}}|{{{district14_note|}}}|{{{district15|}}}|{{{district15_note|}}}|{{{district16|}}}|{{{district16_note|}}}|{{{district17|}}}|{{{district17_note|}}}|{{{district18|}}}|{{{district18_note|}}}|{{{district19|}}}|{{{district19_note|}}}|{{{district20|}}}|{{{district20_note|}}}|{{{district21|}}}|{{{district21_note|}}}|{{{district22|}}}|{{{district22_note|}}}|{{{district23|}}}|{{{district23_note|}}}|{{{district24|}}}|{{{district24_note|}}}|{{{district25|}}}|{{{district25_note|}}}|{{{district26|}}}|{{{district26_note|}}}|{{{district27|}}}|{{{district27_note|}}}| <br />
}} {{ {{#if: {{{commune|}}}| <br />
<br />
Geobox2 list{{#if:{{{commune_fold|}}}|_fold}} | Geobox 0}}<br />
|{{#if: {{{commune1|}}}| Communes| Commune}} | {{{commune_type|}}} | Communes in which the site lies | {{{commune_label|}}} <br />
|{{{commune|}}}|{{{commune_note|}}}|{{{commune1|}}}|{{{commune1_note|}}}|{{{commune2|}}}|{{{commune2_note|}}}|{{{commune3|}}}|{{{commune3_note|}}}|{{{commune4|}}}|{{{commune4_note|}}}|{{{commune5|}}}|{{{commune5_note|}}}|{{{commune6|}}}|{{{commune6_note|}}}|{{{commune7|}}}|{{{commune7_note|}}}|{{{commune8|}}}|{{{commune8_note|}}}|{{{commune9|}}}|{{{commune9_note|}}}|{{{commune10|}}}|{{{commune10_note|}}}|{{{commune11|}}}|{{{commune11_note|}}}|{{{commune12|}}}|{{{commune12_note|}}}|{{{commune13|}}}|{{{commune13_note|}}}|{{{commune14|}}}|{{{commune14_note|}}}|{{{commune15|}}}|{{{commune15_note|}}}|<br />
}} {{ {{#if: {{{municipality|}}}| <br />
<br />
Geobox2 list{{#if:{{{municipality_fold|}}}|_fold}} | Geobox 0}}<br />
|{{#if: {{{municipality1|}}}| Municipalities| Municipality}} | {{{municipality_type|}}} | Municiplities in which the site lies | {{{municipality_label|}}} <br />
|{{{municipality|}}}|{{{municipality_note|}}}|{{{municipality1|}}}|{{{municipality1_note|}}}|{{{municipality2|}}}|{{{municipality2_note|}}}|{{{municipality3|}}}|{{{municipality3_note|}}}|{{{municipality4|}}}|{{{municipality4_note|}}}|{{{municipality5|}}}|{{{municipality5_note|}}}|{{{municipality6|}}}|{{{municipality6_note|}}}|{{{municipality7|}}}|{{{municipality7_note|}}}|{{{municipality8|}}}|{{{municipality8_note|}}}|{{{municipality9|}}}|{{{municipality9_note|}}}|{{{municipality10|}}}|{{{municipality10_note|}}}|{{{municipality11|}}}|{{{municipality11_note|}}}|{{{municipality12|}}}|{{{municipality12_note|}}}|{{{municipality13|}}}|{{{municipality13_note|}}}|{{{municipality14|}}}|{{{municipality14_note|}}}|{{{municipality15|}}}|{{{municipality15_note|}}}|<br />
}}<br />
<br />
{{Geobox2 end}}<br />
}}<br />
<br />
<!-- *** Family *** --><br />
{{#if: {{{parent|}}}{{{parentrange|}}}{{{part|}}}{{{border|}}}{{{tributary_left|}}}{{{tributary_right|}}}{{{child_left|}}}{{{child_right|}}}{{{mountain_range|}}}{{{mountain|}}}{{{river|}}}{{{island|}}}{{{park|}}}{{{landmark|}}}{{{range|}}}{{{city|}}}{{{building|}}} |<br />
<br />
{{!}}- class="mergedtoprow" {{ {{#if: {{{parent|}}} | <br />
Geobox2 list{{#if:{{{parent_fold|}}}|_fold}} | Geobox 0}}<br />
| 광역계<!--Part of--> | {{{parent_type|}}} | {{{name|이 지리 항목}}}이 속한 광역계<!--Parent of the site--> | {{{parent_label|}}} <br />
|{{{parent|}}}|{{{parent_note|}}}|{{{parent1|}}}|{{{parent1_note|}}}|{{{parent2|}}}|{{{parent2_note|}}}|{{{parent3|}}}|{{{parent3_note|}}}| <br />
}} {{ {{#if: {{{parentrange|}}} | <br />
<br />
Geobox2 list{{#if:{{{parentrange_fold|}}}|_fold}} | Geobox 0}}<br />
| 지역<!--Range--> | {{{parentrange_type|}}} | {{{name|이 지리 항목}}}이 속한 지역<!--Range where the location lies--> | {{{parentrange_label|}}} <br />
|{{{parentrange|}}}|{{{parentrange_note|}}}|{{{parentrange1|}}}|{{{parentrange1_note|}}}|{{{parentrange2|}}}|{{{parentrange2_note|}}}|{{{parentrange3|}}}|{{{parentrange3_note|}}}|<br />
}} {{#if: {{{road|}}} | <br />
<br />
{{ {{#if: {{{road|}}} | Geobox2 data plain | Geobox 0}} <br />
| Road | {{{road_type|}}} | Road running thru/over the {{{1|}}} | {{{road_label|}}} <br />
|{{{road|}}}|{{{road_note|}}}|<br />
}} {{ {{#if: {{{road1|}}} | <br />
<br />
Geobox2 data plain| Geobox 0}} | sub = 1 <br />
| road 1 | {{{road1_type|}}} | Road running thru/over the {{{1|}}} | {{{road1_label|}}} <br />
|{{{road1|}}}|{{{road1_note|}}}|<br />
}} {{ {{#if: {{{road2|}}} | <br />
<br />
Geobox2 data plain| Geobox 0}} | sub = 1<br />
| road 2 | {{{road2_type|}}} | Road running thru/over the {{{1|}}} | {{{road2_label|}}}<br />
|{{{road2|}}}|{{{road2_note|}}}|<br />
}} {{ {{#if: {{{road3|}}} | <br />
<br />
Geobox2 data plain| Geobox 0}} | sub = 1<br />
| road 3 | {{{road3_type|}}} | Road running thru/over the {{{1|}}} | {{{road3_label|}}}<br />
|{{{road3|}}}|{{{road3_note|}}}|<br />
}} {{ {{#if: {{{road4|}}} | <br />
<br />
Geobox2 data plain| Geobox 0}} | sub = 1<br />
| road 4 | {{{road4_type|}}} | Road running thru/over the {{{1|}}} | {{{road4_label|}}}<br />
|{{{road4|}}}|{{{road4_note|}}}| <br />
}} }} {{ {{#if: {{{border|}}} | <br />
<br />
Geobox2 list{{#if:{{{border_fold|}}}|_fold}} | Geobox 0}}<br />
| Borders on | {{{border_type|}}} | Bordering sites | {{{border_label|}}} <br />
|{{{border|}}}|{{{border_note|}}}|{{{border1|}}}|{{{border1_note|}}}|{{{border2|}}}|{{{border2_note|}}}|{{{border3|}}}|{{{border3_note|}}}|{{{border4|}}}|{{{border4_note|}}}|{{{border5|}}}|{{{border5_note|}}}|{{{border6|}}}|{{{border6_note|}}}|{{{border7|}}}|{{{border7_note|}}}|{{{border8|}}}|{{{border8_note|}}}|{{{border9|}}}|{{{border9_note|}}}|{{{border10|}}}|{{{border10_note|}}}|{{{border11|}}}|{{{border11_note|}}}|{{{border12|}}}|{{{border12_note|}}}|{{{border13|}}}|{{{border13_note|}}}|{{{border14|}}}|{{{border14_note|}}}|{{{border15|}}}|{{{border15_note|}}}| <br />
}} {{ {{#if: {{{part|}}} | <br />
<br />
Geobox2 list long{{#if:{{{part_fold|}}}|_fold}} | Geobox 0}}<br />
| Parts | {{{part_type|}}} | Parts into which the site is divided | {{{part_label|}}} <br />
|{{{part|}}}|{{{part_note|}}}|{{{part1|}}}|{{{part1_note|}}}|{{{part2|}}}|{{{part2_note|}}}|{{{part3|}}}|{{{part3_note|}}}|{{{part4|}}}|{{{part4_note|}}}|{{{part5|}}}|{{{part5_note|}}}|{{{part6|}}}|{{{part6_note|}}}|{{{part7|}}}|{{{part7_note|}}}|{{{part8|}}}|{{{part8_note|}}}|{{{part9|}}}|{{{part9_note|}}}|{{{part10|}}}|{{{part10_note|}}}|{{{part11|}}}|{{{part11_note|}}}|{{{part12|}}}|{{{part12_note|}}}|{{{part13|}}}|{{{part13_note|}}}|{{{part14|}}}|{{{part14_note|}}}|{{{part15|}}}|{{{part15_note|}}}|{{{part16|}}}|{{{part16_note|}}}|{{{part17|}}}|{{{part17_note|}}}|{{{part18|}}}|{{{part18_note|}}}|{{{part19|}}}|{{{part19_note|}}}|{{{part20|}}}|{{{part20_note|}}}|{{{part21|}}}|{{{part21_note|}}}|{{{part22|}}}|{{{part22_note|}}}|{{{part23|}}}|{{{part23_note|}}}|{{{part24|}}}|{{{part24_note|}}}|{{{part25|}}}|{{{part25_note|}}}|{{{part26|}}}|{{{part26_note|}}}|{{{part27|}}}|{{{part27_note|}}}|{{{part28|}}}|{{{part28_note|}}}|{{{part29|}}}|{{{part29_note|}}}|{{{part30|}}}|{{{part30_note|}}}|{{{part31|}}}|{{{part31_note|}}}|{{{part32|}}}|{{{part32_note|}}}|{{{part33|}}}|{{{part33_note|}}}|{{{part34|}}}|{{{part34_note|}}}|{{{part35|}}}|{{{part35_note|}}}|{{{part36|}}}|{{{part36_note|}}}|{{{part37|}}}|{{{part37_note|}}}|{{{part38|}}}|{{{part38_note|}}}|{{{part39|}}}|{{{part39_note|}}}|{{{part40|}}}|{{{part40_note|}}}|{{{part41|}}}|{{{part41_note|}}}| <br />
}} {{#if: {{{tributary_left|}}}{{{tributary_right|}}}{{{child_left|}}}{{{child_right|}}} | <br />
<br />
{{ {{#if: {{{tributary_left|}}}{{{tributary_right|}}}{{{child_left|}}}{{{child_right|}}}| Geobox2 list<!--Geobox2 line plain--> }} | style=text-align: left; <br />
| {{#if: {{{tributary_left|}}}{{{tributary_right|}}} | 지류<!--Tributaries--> | {{#switch: {{lc:{{{1|}}}}}|valley = Side valleys | Children }} }} | {{{tributary_type|}}}{{{child_type|}}} | {{#if: {{{tributary_left|}}}{{{tributary_right|}}} | Major tributaries observed as the river flows | List of children }} | {{{tributary_label|}}}{{{child_label|}}}| <br />
}} {{ {{#if: {{{tributary_left|}}}{{{child_left|}}} | <br />
<br />
Geobox2 list{{#if:{{{tributary_fold|}}}{{{child_fold|}}}{{{tributary_left_fold|}}}{{{child_left_fold|}}}|_fold}} | Geobox 0}} | sub = 1<br />
| left | {{{tributary_left_type|}}}{{{child_left_type|}}} | Major left {{#if: {{{tributary_left|}}} | tributaries observed as the river flows | children}} | {{{tributary_left_label|}}}{{{child_left_label|}}} <br />
|{{{tributary_left|}}}{{{child_left|}}}|{{{tributary_left_note|}}}{{{child_left_note|}}}|{{{tributary_left1|}}}{{{child_left1|}}}|{{{tributary_left1_note|}}}{{{child_left1_note|}}}|{{{tributary_left2|}}}{{{child_left2|}}}|{{{tributary_left2_note|}}}{{{child_left2_note|}}}|{{{tributary_left3|}}}{{{child_left3|}}}|{{{tributary_left3_note|}}}{{{child_left3_note|}}}|{{{tributary_left4|}}}{{{child_left4|}}}|{{{tributary_left4_note|}}}{{{child_left4_note|}}}|{{{tributary_left5|}}}{{{child_left5|}}}|{{{tributary_left5_note|}}}{{{child_left5_note|}}}|{{{tributary_left6|}}}{{{child_left6|}}}|{{{tributary_left6_note|}}}{{{child_left6_note|}}}|{{{tributary_left7|}}}{{{child_left7|}}}|{{{tributary_left7_note|}}}{{{child_left7_note|}}}|{{{tributary_left8|}}}{{{child_left8|}}}|{{{tributary_left8_note|}}}{{{child_left8_note|}}}|{{{tributary_left9|}}}{{{child_left9|}}}|{{{tributary_left9_note|}}}{{{child_left9_note|}}}|{{{tributary_left10|}}}{{{child_left10|}}}|{{{tributary_left10_note|}}}{{{child_left10_note|}}}|{{{tributary_left11|}}}{{{child_left11|}}}|{{{tributary_left11_note|}}}{{{child_left11_note|}}}|{{{tributary_left12|}}}{{{child_left12|}}}|{{{tributary_left12_note|}}}{{{child_left12_note|}}}|{{{tributary_left13|}}}{{{child_left13|}}}|{{{tributary_left13_note|}}}{{{child_left13_note|}}}|{{{tributary_left14|}}}{{{child_left14|}}}|{{{tributary_left14_note|}}}{{{child_left14_note|}}}|{{{tributary_left15|}}}{{{child_left15|}}}|{{{tributary_left15_note|}}}{{{child_left15_note|}}}| <br />
}} {{ {{#if: {{{tributary_right|}}}{{{child_right|}}} | <br />
<br />
Geobox2 list{{#if:{{{tributary_fold|}}}{{{child_fold|}}}{{{tributary_right_fold|}}}{{{child_right_fold|}}}|_fold}} | Geobox 0}} | sub = 1<br />
| right | {{{tributary_right_type|}}}{{{child_right_type|}}} | Major right {{#if: {{{tributary_right|}}} | tributaries observed as the river flows | children}} | {{{tributary_right_label|}}}{{{child_right_label|}}} <br />
|{{{tributary_right|}}}{{{child_right|}}}|{{{tributary_right_note|}}}{{{child_right_note|}}}|{{{tributary_right1|}}}{{{child_right1|}}}|{{{tributary_right1_note|}}}{{{child_right1_note|}}}|{{{tributary_right2|}}}{{{child_right2|}}}|{{{tributary_right2_note|}}}{{{child_right2_note|}}}|{{{tributary_right3|}}}{{{child_right3|}}}|{{{tributary_right3_note|}}}{{{child_right3_note|}}}|{{{tributary_right4|}}}{{{child_right4|}}}|{{{tributary_right4_note|}}}{{{child_right4_note|}}}|{{{tributary_right5|}}}{{{child_right5|}}}|{{{tributary_right5_note|}}}{{{child_right5_note|}}}|{{{tributary_right6|}}}{{{child_right6|}}}|{{{tributary_right6_note|}}}{{{child_right6_note|}}}|{{{tributary_right7|}}}{{{child_right7|}}}|{{{tributary_right7_note|}}}{{{child_right7_note|}}}|{{{tributary_right8|}}}{{{child_right8|}}}|{{{tributary_right8_note|}}}{{{child_right8_note|}}}|{{{tributary_right9|}}}{{{child_right9|}}}|{{{tributary_right9_note|}}}{{{child_right9_note|}}}|{{{tributary_right10|}}}{{{child_right10|}}}|{{{tributary_right10_note|}}}{{{child_right10_note|}}}|{{{tributary_right11|}}}{{{child_right11|}}}|{{{tributary_right11_note|}}}{{{child_right11_note|}}}|{{{tributary_right12|}}}{{{child_right12|}}}|{{{tributary_right12_note|}}}{{{child_right12_note|}}}|{{{tributary_right13|}}}{{{child_right13|}}}|{{{tributary_right13_note|}}}{{{child_right13_note|}}}|{{{tributary_right14|}}}{{{child_right14|}}}|{{{tributary_right14_note|}}}{{{child_right14_note|}}}|{{{tributary_right15|}}}{{{child_right15|}}}|{{{tributary_right15_note|}}}{{{child_right15_note|}}}| <br />
}} }} {{ {{#if: {{{mountain_range|}}}|<br />
<br />
Geobox2 list{{#if:{{{mountain_range_fold|}}}|_fold}} | Geobox 0}}<br />
| {{#if: {{{mountain_range1|}}}| 산맥<!--Mountain Ranges-->| 산맥<!--Mountain range-->}} | {{{mountain_range_type|}}} | {{{name|이 지리 항목}}} 내에 소재하는 산맥<!--Mountain ranges which lie in the site--> | {{{mountain_range_label|}}} <br />
|{{{mountain_range|}}}|{{{mountain_range_note|}}}|{{{mountain_range1|}}}|{{{mountain_range1_note|}}}|{{{mountain_range2|}}}|{{{mountain_range2_note|}}}|{{{mountain_range3|}}}|{{{mountain_range3_note|}}}|{{{mountain_range4|}}}|{{{mountain_range4_note|}}}|{{{mountain_range5|}}}|{{{mountain_range5_note|}}}|{{{mountain_range6|}}}|{{{mountain_range6_note|}}}|{{{mountain_range7|}}}|{{{mountain_range7_note|}}}|{{{mountain_range8|}}}|{{{mountain_range8_note|}}}|{{{mountain_range9|}}}|{{{mountain_range9_note|}}}|{{{mountain_range10|}}}|{{{mountain_range10_note|}}}|{{{mountain_range11|}}}|{{{mountain_range11_note|}}}|{{{mountain_range12|}}}|{{{mountain_range12_note|}}}|{{{mountain_range13|}}}|{{{mountain_range13_note|}}}|{{{mountain_range14|}}}|{{{mountain_range14_note|}}}|{{{mountain_range15|}}}|{{{mountain_range15_note|}}}| <br />
}} {{ {{#if: {{{mountain|}}} |<br />
<br />
Geobox2 list{{#if:{{{mountain_fold|}}}|_fold}} | Geobox 0}}<br />
| {{#if: {{{mountain1|}}}| 산<!--Mountains-->| 산<!--mountain-->}} | {{{mountain_type|}}} | {{{name|이 지리 항목}}} 내에 소재하는 산{{#if:{{{mountain1|}}}|&#32;(북에서 남으로 나열)}}<!--Mountains which lie in the site--> | {{{mountain_label|}}} <br />
|{{{mountain|}}}|{{{mountain_note|}}}|{{{mountain1|}}}|{{{mountain1_note|}}}|{{{mountain2|}}}|{{{mountain2_note|}}}|{{{mountain3|}}}|{{{mountain3_note|}}}|{{{mountain4|}}}|{{{mountain4_note|}}}|{{{mountain5|}}}|{{{mountain5_note|}}}|{{{mountain6|}}}|{{{mountain6_note|}}}|{{{mountain7|}}}|{{{mountain7_note|}}}|{{{mountain8|}}}|{{{mountain8_note|}}}|{{{mountain9|}}}|{{{mountain9_note|}}}|{{{mountain10|}}}|{{{mountain10_note|}}}|{{{mountain11|}}}|{{{mountain11_note|}}}|{{{mountain12|}}}|{{{mountain12_note|}}}|{{{mountain13|}}}|{{{mountain13_note|}}}|{{{mountain14|}}}|{{{mountain14_note|}}}|{{{mountain15|}}}|{{{mountain15_note|}}}| <br />
}} {{ {{#if: {{{mountain_pass|}}}|<br />
<br />
Geobox2 list{{#if:{{{mountain_pass_fold|}}}|_fold}} | Geobox 0}}<br />
| {{#if: {{{mountain_pass1|}}}| 고개<!--Mountain Passes-->| 고개<!--Mountain pass-->}} | {{{mountain_pass_type|}}} | {{{name|이 지리 항목}}} 내에 소재하는 고개{{#if:{{{mountain_pass1|}}}|&#32;(북에서 남으로 나열)}}<!--Mountain passes which lie in the site--> | {{{mountain_pass_label|}}} <br />
|{{{mountain_pass|}}}|{{{mountain_pass_note|}}}|{{{mountain_pass1|}}}|{{{mountain_pass1_note|}}}|{{{mountain_pass2|}}}|{{{mountain_pass2_note|}}}|{{{mountain_pass3|}}}|{{{mountain_pass3_note|}}}|{{{mountain_pass4|}}}|{{{mountain_pass4_note|}}}|{{{mountain_pass5|}}}|{{{mountain_pass5_note|}}}|{{{mountain_pass6|}}}|{{{mountain_pass6_note|}}}|{{{mountain_pass7|}}}|{{{mountain_pass7_note|}}}|{{{mountain_pass8|}}}|{{{mountain_pass8_note|}}}|{{{mountain_pass9|}}}|{{{mountain_pass9_note|}}}|{{{mountain_pass10|}}}|{{{mountain_pass10_note|}}}|{{{mountain_pass11|}}}|{{{mountain_pass11_note|}}}|{{{mountain_pass12|}}}|{{{mountain_pass12_note|}}}|{{{mountain_pass13|}}}|{{{mountain_pass13_note|}}}|{{{mountain_pass14|}}}|{{{mountain_pass14_note|}}}|{{{mountain_pass15|}}}|{{{mountain_pass15_note|}}}| <br />
}} {{ {{#if: {{{river|}}}| <br />
<br />
Geobox2 list{{#if:{{{river_fold|}}}|_fold}} | Geobox 0}}<br />
| {{#if: {{{river1|}}}| Rivers| River}} | {{{river_type|}}} | Rivers which flow through the site | {{{river_label|}}} <br />
|{{{river|}}}|{{{river_note|}}}|{{{river1|}}}|{{{river1_note|}}}|{{{river2|}}}|{{{river2_note|}}}|{{{river3|}}}|{{{river3_note|}}}|{{{river4|}}}|{{{river4_note|}}}|{{{river5|}}}|{{{river5_note|}}}|{{{river6|}}}|{{{river6_note|}}}|{{{river7|}}}|{{{river7_note|}}}|{{{river8|}}}|{{{river8_note|}}}|{{{river9|}}}|{{{river9_note|}}}|{{{river10|}}}|{{{river10_note|}}}|{{{river11|}}}|{{{river11_note|}}}|{{{river12|}}}|{{{river12_note|}}}|{{{river13|}}}|{{{river13_note|}}}|{{{river14|}}}|{{{river14_note|}}}|{{{river15|}}}|{{{river15_note|}}}| <br />
}} {{ {{#if: {{{lake|}}}| <br />
<br />
Geobox2 list{{#if:{{{lake_fold|}}}|_fold}} | Geobox 0}}<br />
| {{#if: {{{lake1|}}}| Lakes| Lake}} | {{{lake_type|}}} | Lakes which lie in the site | {{{lake_label|}}} <br />
|{{{lake|}}}|{{{lake_note|}}}|{{{lake1|}}}|{{{lake1_note|}}}|{{{lake2|}}}|{{{lake2_note|}}}|{{{lake3|}}}|{{{lake3_note|}}}|{{{lake4|}}}|{{{lake4_note|}}}|{{{lake5|}}}|{{{lake5_note|}}}|{{{lake6|}}}|{{{lake6_note|}}}|{{{lake7|}}}|{{{lake7_note|}}}|{{{lake8|}}}|{{{lake8_note|}}}|{{{lake9|}}}|{{{lake9_note|}}}|{{{lake10|}}}|{{{lake10_note|}}}|{{{lake11|}}}|{{{lake11_note|}}}|{{{lake12|}}}|{{{lake12_note|}}}|{{{lake13|}}}|{{{lake13_note|}}}|{{{lake14|}}}|{{{lake14_note|}}}|{{{lake15|}}}|{{{lake15_note|}}}| <br />
}} {{ {{#if: {{{island|}}}| <br />
<br />
Geobox2 list{{#if:{{{island_fold|}}}|_fold}} | Geobox 0}}<br />
|{{#if: {{{island1|}}}| Islands| Island}} | {{{island_type|}}} | Islands in which the site lies | {{{island_label|}}} <br />
|{{{island|}}}|{{{island_note|}}}|{{{island1|}}}|{{{island1_note|}}}|{{{island2|}}}|{{{island2_note|}}}|{{{island3|}}}|{{{island3_note|}}}|{{{island4|}}}|{{{island4_note|}}}|{{{island5|}}}|{{{island5_note|}}}|{{{island6|}}}|{{{island6_note|}}}|{{{island7|}}}|{{{island7_note|}}}|{{{island8|}}}|{{{island8_note|}}}|{{{island9|}}}|{{{island9_note|}}}|{{{island10|}}}|{{{island10_note|}}}|{{{island11|}}}|{{{island11_note|}}}|{{{island12|}}}|{{{island12_note|}}}|{{{island13|}}}|{{{island13_note|}}}|{{{island14|}}}|{{{island14_note|}}}|{{{island15|}}}|{{{island15_note|}}}|<br />
}} {{ {{#if: {{{park|}}}| <br />
<br />
Geobox2 list{{#if:{{{park_fold|}}}|_fold}} | Geobox 0}}<br />
| {{#if: {{{park1|}}}| 공원<!--Parks-->| 공원<!--Park-->}} | {{{park_type|}}} | {{{name|이 지리 항목}}} 내에 소재하는 공원<!--Parks which lie in the site--> | {{{park_label|}}} <br />
|{{{park|}}}|{{{park_note|}}}|{{{park1|}}}|{{{park1_note|}}}|{{{park2|}}}|{{{park2_note|}}}|{{{park3|}}}|{{{park3_note|}}}|{{{park4|}}}|{{{park4_note|}}}|{{{park5|}}}|{{{park5_note|}}}|{{{park6|}}}|{{{park6_note|}}}|{{{park7|}}}|{{{park7_note|}}}|{{{park8|}}}|{{{park8_note|}}}|{{{park9|}}}|{{{park9_note|}}}|{{{park10|}}}|{{{park10_note|}}}|{{{park11|}}}|{{{park11_note|}}}|{{{park12|}}}|{{{park12_note|}}}|{{{park13|}}}|{{{park13_note|}}}|{{{park14|}}}|{{{park14_note|}}}|{{{park15|}}}|{{{park15_note|}}}| <br />
}} {{ {{#if: {{{range|}}} |<br />
<br />
Geobox2 list{{#if:{{{range_fold|}}}|_fold}} | Geobox 0}}<br />
| {{#if: {{{range1|}}}| 소속 지리<!--Ranges-->| 소속 지리<!--range-->}} | {{{range_type|}}} | {{{name|이 지리 항목}}} 내에 소재하는 지리<!--Ranges which lie in the site--> | {{{range_label|}}} <br />
|{{{range|}}}|{{{range_note|}}}|{{{range1|}}}|{{{range1_note|}}}|{{{range2|}}}|{{{range2_note|}}}|{{{range3|}}}|{{{range3_note|}}}|{{{range4|}}}|{{{range4_note|}}}|{{{range5|}}}|{{{range5_note|}}}|{{{range6|}}}|{{{range6_note|}}}|{{{range7|}}}|{{{range7_note|}}}|{{{range8|}}}|{{{range8_note|}}}|{{{range9|}}}|{{{range9_note|}}}|{{{range10|}}}|{{{range10_note|}}}|{{{range11|}}}|{{{range11_note|}}}|{{{range12|}}}|{{{range12_note|}}}|{{{range13|}}}|{{{range13_note|}}}|{{{range14|}}}|{{{range14_note|}}}|{{{range15|}}}|{{{range15_note|}}}| <br />
}} {{ {{#if: {{{landmark|}}}| <br />
<br />
Geobox2 list{{#if:{{{landmark_fold|}}}|_fold}} | Geobox 0}}<br />
| {{#if: {{{landmark1|}}}| Landmarks| Landmark}} | {{{landmark_type|}}} | Landmarks which lie in the site | {{{landmark_label|}}} <br />
|{{{landmark|}}}|{{{landmark_note|}}}|{{{landmark1|}}}|{{{landmark1_note|}}}|{{{landmark2|}}}|{{{landmark2_note|}}}|{{{landmark3|}}}|{{{landmark3_note|}}}|{{{landmark4|}}}|{{{landmark4_note|}}}|{{{landmark5|}}}|{{{landmark5_note|}}}|{{{landmark6|}}}|{{{landmark6_note|}}}|{{{landmark7|}}}|{{{landmark7_note|}}}|{{{landmark8|}}}|{{{landmark8_note|}}}|{{{landmark9|}}}|{{{landmark9_note|}}}|{{{landmark10|}}}|{{{landmark10_note|}}}|{{{landmark11|}}}|{{{landmark11_note|}}}|{{{landmark12|}}}|{{{landmark12_note|}}}|{{{landmark13|}}}|{{{landmark13_note|}}}|{{{landmark14|}}}|{{{landmark14_note|}}}|{{{landmark15|}}}|{{{landmark15_note|}}}| <br />
}} {{ {{#if: {{{city|}}}|<br />
<br />
Geobox2 list{{#if:{{{city_fold|}}}|_fold}} | Geobox 0}}<br />
| {{#if: {{{city1|}}}| 도시<!--Cities-->| 도시<!--City-->}} | {{{city_type|}}} | {{{name|이 지리 항목}}} 내에 소재하는 주요 도시{{#if:{{{city1|}}}|&#32;(북에서 남으로 나열)}}<!--Major settlements which lie in the site--> | {{{city_label|}}} <br />
|{{{city|}}}|{{{city_note|}}}|{{{city1|}}}|{{{city1_note|}}}|{{{city2|}}}|{{{city2_note|}}}|{{{city3|}}}|{{{city3_note|}}}|{{{city4|}}}|{{{city4_note|}}}|{{{city5|}}}|{{{city5_note|}}}|{{{city6|}}}|{{{city6_note|}}}|{{{city7|}}}|{{{city7_note|}}}|{{{city8|}}}|{{{city8_note|}}}|{{{city9|}}}|{{{city9_note|}}}|{{{city10|}}}|{{{city10_note|}}}|{{{city11|}}}|{{{city11_note|}}}|{{{city12|}}}|{{{city12_note|}}}|{{{city13|}}}|{{{city13_note|}}}|{{{city14|}}}|{{{city14_note|}}}|{{{city15|}}}|{{{city15_note|}}}|{{{city16|}}}|{{{city16_note|}}}|{{{city17|}}}|{{{city17_note|}}}|{{{city18|}}}|{{{city18_note|}}}|{{{city19|}}}|{{{city19_note|}}}|{{{city20|}}}|{{{city20_note|}}}|{{{city21|}}}|{{{city21_note|}}}|{{{city22|}}}|{{{city22_note|}}}|{{{city23|}}}|{{{city23_note|}}}|{{{city24|}}}|{{{city24_note|}}}|{{{city25|}}}|{{{city25_note|}}}|{{{city26|}}}|{{{city26_note|}}}|{{{city27|}}}|{{{city27_note|}}}| <br />
}} {{ {{#if: {{{building|}}}| <br />
<br />
Geobox2 list{{#if:{{{building_fold|}}}|_fold}} | Geobox 0}}<br />
| {{#if: {{{building1|}}}| Buildings| Building}} | {{{building_type|}}} | Buildings which lie in the site | {{{building_label|}}} <br />
|{{{building|}}}|{{{building_note|}}}|{{{building1|}}}|{{{building1_note|}}}|{{{building2|}}}|{{{building2_note|}}}|{{{building3|}}}|{{{building3_note|}}}|{{{building4|}}}|{{{building4_note|}}}|{{{building5|}}}|{{{building5_note|}}}|{{{building6|}}}|{{{building6_note|}}}|{{{building7|}}}|{{{building7_note|}}}|{{{building8|}}}|{{{building8_note|}}}|{{{building9|}}}|{{{building9_note|}}}|{{{building10|}}}|{{{building10_note|}}}|{{{building11|}}}|{{{building11_note|}}}|{{{building12|}}}|{{{building12_note|}}}|{{{building13|}}}|{{{building13_note|}}}|{{{building14|}}}|{{{building14_note|}}}|{{{building15|}}}|{{{building15_note|}}}| <br />
}}<br />
<br />
{{Geobox2 end}}<br />
}}<br />
<br />
<!-- *** Locations *** --><br />
{{#if: {{{location|}}}{{{elevation|}}}{{{elevation_imperial|}}}{{{prominence|}}}{{{prominence_imperial|}}}{{{latitude|}}}{{{lat_d|}}}{{{capital|}}}{{{government|}}}{{{government_location|}}}{{{government_elevation|}}}{{{government_elevation_imperial|}}}{{{government_lat_d|}}}{{{highest|}}}{{{highest_location|}}}{{{highest_elevation|}}}{{{highest_elevation_imperial|}}}{{{highest_lat_d|}}}{{{lowest|}}}{{{lowest_location|}}}{{{lowest_elevation|}}}{{{lowest_elevation_imperial|}}}{{{lowest_lat_d|}}}{{{government|}}}{{{government_location|}}}{{{government_elevation|}}}{{{government_elevation_imperial|}}}{{{government_lat_d|}}}{{{source|}}}{{{source_name|}}}{{{source_location|}}}{{{source_elevation|}}}{{{source_elevation_imperial|}}}{{{source_lat_d|}}}{{{source1|}}}{{{source1_name|}}}{{{source1_location|}}}{{{source1_elevation|}}}{{{source1_elevation_imperial|}}}{{{source1_lat_d|}}}{{{source_confluence|}}}{{{source_confluence_name|}}}{{{source_confluence_location|}}}{{{source_confluence_elevation|}}}{{{source_confluence_elevation_imperial|}}}{{{source_confluence_lat_d|}}} |<br />
<br />
{{!}}- class="mergedtoprow" {{#if: {{{location|}}}{{{elevation|}}}{{{elevation_imperial|}}}{{{prominence|}}}{{{prominence_imperial|}}}{{{latitude|}}}{{{lat_d|}}}{{{topo_map|}}} | <br />
{{ {{#if: {{{location|}}} | <br />
<br />
Geobox2 location | Geobox 0}} <br />
| {{#switch: {{lc:{{{1}}}}} | settlement = Center | mountain = Summit | 위치<!--Location--> }} | {{{location_type|}}} | {{{name|}}}의 위치<!--Location/Center--> | {{{location_label|}}}<br />
|{{{location|}}}|{{{location_note|}}}<br />
|{{{location_municipality|}}}| {{{location_municipality1|}}} <br />
|{{{location_district|}}}|{{{location_district1|}}} <br />
|{{{location_region|}}}|{{{location_region1|}}} <br />
|{{{location_state|}}}|{{{location_state1|}}} <br />
|{{{location_country|}}}|{{{location_country1|}}}| <br />
}} {{ {{#if: {{{elevation|}}}{{{elevation_imperial|}}} |<br />
<br />
Geobox2 unit | Geobox 0}} | sub = {{#if:{{{location|}}}|1|}}<br />
| {{#if:{{{location|}}}|elevation|Elevation}} | | Elevation above sea level (ASL) | <br />
|height|m|ft| {{{elevation_unit|}}} | {{{elevation|}}} | {{{elevation_imperial|}}} | {{{elevation_round|0}}} | {{{elevation_note|}}} |<br />
}} {{ {{#if: {{{prominence|}}}{{{prominence_imperial|}}} | <br />
<br />
Geobox2 unit | Geobox 0}} | sub = {{#if:{{{location|}}}|1|}}<br />
| {{#if:{{{location|}}}|prominence|Prominence}} | | Prominence | <br />
|height|m|ft| {{#if: {{{prominence_unit|}}} | {{{prominence_unit|}}} | {{{elevation_unit|}}} }} | {{{prominence|}}} | {{{prominence_imperial|}}} | {{#if: {{{prominence_round|}}} | {{{prominence_round|}}} | {{{elevation_round|0}}} }} | {{{prominence_note|}}} |<br />
}} {{ {{#if: {{{latitude|}}}{{{coords|}}}{{{lat_d|}}} | <br />
<br />
Geobox2 coor | Geobox 0}} | sub = {{#if:{{{location|}}}|1|}}<br />
| {{#if:{{{location|}}}|좌표<!--coordinates-->|좌표<!--coordinates-->}} | | {{{coordinates_label|{{{name|}}}의 좌표}}}<!--Geographic coordinates--> |<br />
|{{{lat_d|}}}|{{{lat_m|}}}|{{{lat_s|}}}|{{{lat_NS|}}}|{{{long_d|}}}|{{{long_m|}}}|{{{long_s|}}}|{{{long_EW|}}}|country={{{country|}}}|state={{#if: {{{state|}}}|{{{state}}}|{{{region|}}}}}|type={{{1|}}}|pop={{{population|}}}|coor_name={{{coordinates_name|}}} |coor_param={{{coordinates_type|}}} |coords={{{coords|}}}<!--틀 Coord를 이용해 수동으로 좌표를 넣은 경우-->|latitude={{{latitude|}}}|longitude={{{longitude|}}}<!--latitude, longitude의 십진좌표값을 이용해 좌표를 넣은 경우-->|<br />
title={{#if:{{{coordinates_no_title|}}}||}}|format={{{coordinates_format|}}}|{{{coordinates_note|}}}|ref={{{coordinates_ref|}}}|nospace={{{coordinates_nospace|}}}|<br />
}} }} {{#if: {{{capital|}}}{{{capital_name|}}}{{{capital_location|}}}{{{capital_elevation|}}}{{{capital_elevation_imperial|}}}{{{capital_lat_d|}}} |<br />
{{ {{#if: {{{capital|}}}{{{capital_name|}}}{{{capital_location|}}}{{{capital_elevation|}}}{{{capital_elevation_imperial|}}}{{{capital_lat_d|}}} |<br />
<br />
Geobox2 data | Geobox 0}} <br />
| Capital | {{{capital_type|}}} | Region capital/seat | {{{capital_label|}}}<br />
| {{{capital|}}}{{{capital_name|}}} | {{{capital_note|}}} | <br />
}} {{ {{#if: {{{capital_location|}}} |<br />
<br />
Geobox2 data plain | Geobox 0}} | sub = 1 <br />
| center | {{{capital_location_type|}}} | capital center | {{{capital_location_label|}}} <br />
|{{{capital_location|}}}|{{{capital_location_note|}}}|<br />
}} {{ {{#if: {{{capital_elevation|}}}{{{capital_elevation_imperial|}}} |<br />
<br />
Geobox2 unit | Geobox 0}} | sub = 1<br />
| elevation | | capital elevation above sea level (ASL) | <br />
|height|m|ft| {{#if: {{{capital_elevation_unit|}}} | {{{capital_elevation_unit|}}} | {{{elevation_unit|}}} }} | {{{capital_elevation|}}} | {{{capital_elevation_imperial|}}} | {{#if: {{{capital_elevation_round|}}} | {{{capital_elevation_round|}}} | {{{elevation_round|0}}} }} | {{{capital_elevation_note|}}} |<br />
}} {{ {{#if: {{{capital_lat_d|}}} | <br />
<br />
Geobox2 coor | Geobox 0}} | sub = 1<br />
| coordinates | | capital center geographic coordinates |<br />
|{{{capital_lat_d|}}}|{{{capital_lat_m|}}}|{{{capital_lat_s|}}}|{{{capital_lat_NS|}}}|{{{capital_long_d|}}}|{{{capital_long_m|}}}|{{{capital_long_s|}}}|{{{capital_long_EW|}}}|country={{{country|}}}|state={{#if: {{{state|}}}|{{{state}}}|{{{region|}}}}}|type={{{1|}}}|pop={{{population|}}}|coor_param={{#if: {{{capital_coordinates_type|}}} | {{{capital_coordinates_type|}}} | {{{coordinates_type|}}}}} | format={{#if:{{{capital_coordinates_format|}}}|{{{capital_coordinates_format|}}}|{{{coordinates_format|}}} }}|{{{capital_coordinates_note|}}}|<br />
}} }} {{#if: {{{highest|}}}{{{highest_name|}}}{{{highest_location|}}}{{{highest_elevation|}}}{{{highest_elevation_imperial|}}}{{{highest_lat_d|}}} |<br />
{{ {{#if: {{{highest|}}}{{{highest_name|}}}{{{highest_location|}}}{{{highest_elevation|}}}{{{highest_elevation_imperial|}}}{{{highest_lat_d|}}} |<br />
<br />
Geobox2 data | Geobox 0}} <br />
| 최고점<!--Highest point--> | {{{highest_type|}}} | {{{name|이 지리 항목}}} 내에서 가장 높은 곳<!--Highest point name--> | {{{highest_label|}}}<br />
| {{{highest|}}}{{{highest_name|}}} | {{{highest_note|}}} | <br />
}} {{ {{#if: {{{highest_location|}}} |<br />
<br />
Geobox2 location | Geobox 0}} | sub = 1 <br />
| 위치<!--location--> | {{{highest_location_type|}}} | 가장 높은 곳의 위치<!--Highest point location--> | {{{highest_location_label|}}} <br />
|{{{highest_location|}}}|{{{highest_location_note|}}}<br />
|{{{highest_municipality|}}}| {{{highest_municipality1|}}} <br />
|{{{highest_district|}}}|{{{highest_district1|}}} <br />
|{{{highest_region|}}}|{{{highest_region1|}}} <br />
|{{{highest_state|}}}|{{{highest_state1|}}} <br />
|{{{highest_country|}}}|{{{highest_country1|}}}|<br />
}} {{ {{#if: {{{highest_elevation|}}}{{{highest_elevation_imperial|}}} |<br />
<br />
Geobox2 unit | Geobox 0}} | sub = 1<br />
| 높이<!--elevation--> | | {{{highest_elevation_label|가장 높은 곳의 해발 고도}}}<!--Highest point elevation above sea level (ASL)--> | <br />
|height|m|ft| {{#if: {{{highest_elevation_unit|}}} | {{{highest_elevation_unit|}}} | {{#if: {{{highest_elevation_unit|}}} | {{{highest_elevation_unit|}}} | {{{elevation_unit|}}} }} }} | {{{highest_elevation|}}} | {{{highest_elevation_imperial|}}} | {{#if: {{{highest_elevation_round|}}} | {{{highest_elevation_round|}}} | {{{elevation_round|0}}} }} | {{{highest_elevation_note|}}} |ref={{{highest_elevation_ref|}}}|nospace={{{highest_elevation_nospace|}}}|<br />
}} {{ {{#if: {{{highest_latitude|}}}{{{highest_lat_d|}}} | <br />
<br />
Geobox2 coor | Geobox 0}} | sub = 1<br />
| 좌표<!--coordinates--> | | {{{highest_coordinates_label|가장 높은 곳의 좌표}}}<!--Highest point geographic coordinates--> |<br />
|{{{highest_lat_d|}}}|{{{highest_lat_m|}}}|{{{highest_lat_s|}}}|{{{highest_lat_NS|}}}|{{{highest_long_d|}}}|{{{highest_long_m|}}}|{{{highest_long_s|}}}|{{{highest_long_EW|}}}|latitude={{{highest_latitude|}}}|longitude={{{highest_longitude|}}}<!--latitude, longitude의 십진좌표값을 이용해 좌표를 넣은 경우-->|country={{{country|}}}|state={{#if: {{{state|}}}|{{{state}}}|{{{region|}}}}}|type={{{1|}}}|pop={{{population|}}}|coor_name={{{highest_coordinates_name|}}} |coor_param={{#if: {{{highest_coordinates_type|}}} | {{{highest_coordinates_type|}}} | {{{coordinates_type|}}}}} | format={{#if:{{{highest_coordinates_format|}}}|{{{highest_coordinates_format|}}}|{{{coordinates_format|}}} }}|{{{highest_coordinates_note|}}}|ref={{{highest_coordinates_ref|}}}|nospace={{{highest_coordinates_nospace|}}}|<br />
}} }} {{#if: {{{lowest|}}}{{{lowest_name|}}}{{{lowest_location|}}}{{{lowest_elevation|}}}{{{lowest_elevation_imperial|}}}{{{lowest_lat_d|}}} |<br />
{{ {{#if: {{{lowest|}}}{{{lowest_name|}}}{{{lowest_location|}}}{{{lowest_elevation|}}}{{{lowest_elevation_imperial|}}}{{{lowest_lat_d|}}} |<br />
<br />
Geobox2 data | Geobox 0}} <br />
| 최저점<!--Lowest point--> | {{{lowest_type|}}} | {{{name|이 지리 항목}}} 내에서 가장 낮은 곳<!--Lowest point name--> | {{{lowest_label|}}}<br />
| {{{lowest|}}}{{{lowest_name|}}} | {{{lowest_note|}}} | <br />
}} {{ {{#if: {{{lowest_location|}}} |<br />
<br />
Geobox2 location | Geobox 0}} | sub = 1 <br />
| 위치<!--location--> | {{{lowest_location_type|}}} | 가장 낮은 곳의 위치<!--Lowest point location--> | {{{lowest_location_label|}}} <br />
|{{{lowest_location|}}}|{{{lowest_location_note|}}}<br />
|{{{lowest_municipality|}}}| {{{lowest_municipality1|}}} <br />
|{{{lowest_district|}}}|{{{lowest_district1|}}} <br />
|{{{lowest_region|}}}|{{{lowest_region1|}}} <br />
|{{{lowest_state|}}}|{{{lowest_state1|}}} <br />
|{{{lowest_country|}}}|{{{lowest_country1|}}}|<br />
}} {{ {{#if: {{{lowest_elevation|}}}{{{lowest_elevation_imperial|}}} |<br />
<br />
Geobox2 unit | Geobox 0}} | sub = 1<br />
| 높이<!--elevation--> | | {{{lowest_elevation_label|가장 낮은 곳의 해발 고도}}}<!--Lowest point elevation above sea level (ASL)--> | <br />
|height|m|ft| {{#if: {{{lowest_elevation_unit|}}} | {{{lowest_elevation_unit|}}} | {{#if: {{{lowest_elevation_unit|}}} | {{{lowest_elevation_unit|}}} | {{{elevation_unit|}}} }} }} | {{{lowest_elevation|}}} | {{{lowest_elevation_imperial|}}} | {{#if: {{{lowest_elevation_round|}}} | {{{lowest_elevation_round|}}} | {{{elevation_round|0}}} }} | {{{lowest_elevation_note|}}} |ref={{{lowest_elevation_ref|}}}|nospace={{{lowest_elevation_nospace|}}}|<br />
}} {{ {{#if: {{{lowest_latitude|}}}{{{lowest_lat_d|}}} | <br />
<br />
Geobox2 coor | Geobox 0}} | sub = 1<br />
| 좌표<!--coordinates--> | | {{{lowest_coordinates_label|가장 낮은 곳의 좌표}}}<!--Lowest point geographic coordinates--> |<br />
|{{{lowest_lat_d|}}}|{{{lowest_lat_m|}}}|{{{lowest_lat_s|}}}|{{{lowest_lat_NS|}}}|{{{lowest_long_d|}}}|{{{lowest_long_m|}}}|{{{lowest_long_s|}}}|{{{lowest_long_EW|}}}|latitude={{{lowest_latitude|}}}|longitude={{{lowest_longitude|}}}<!--latitude, longitude의 십진좌표값을 이용해 좌표를 넣은 경우-->|country={{{country|}}}|state={{#if: {{{state|}}}|{{{state}}}|{{{region|}}}}}|type={{{1|}}}|pop={{{population|}}}|coor_name={{{lowest_coordinates_name|}}} |coor_param={{#if: {{{lowest_coordinates_type|}}} | {{{lowest_coordinates_type|}}} | {{{coordinates_type|}}}}} | format={{#if:{{{lowest_coordinates_format|}}}|{{{lowest_coordinates_format|}}}|{{{coordinates_format|}}} }}|{{{lowest_coordinates_note|}}}|ref={{{lowest_coordinates_ref|}}}|nospace={{{lowest_coordinates_nospace|}}}|<br />
}} }} <br />
<br />
{{Geobox2 end}}<br />
}}<br />
<br />
<!-- *** River locations *** --><br />
{{#if: {{{source|}}}{{{source_name|}}}{{{source_location|}}}{{{source_elevation|}}}{{{source_elevation_imperial|}}}{{{source_length|}}}{{{source_length_imperial|}}}{{{source_latitude|}}}{{{source_lat_d|}}}{{{source1|}}}{{{source1_name|}}}{{{source1_location|}}}{{{source1_elevation|}}}{{{source1_elevation_imperial|}}}{{{source1_length|}}}{{{source1_length_imperial|}}}{{{source1_latitude|}}}{{{source1_lat_d|}}}{{{source_confluence|}}}{{{source_confluence_name|}}}{{{source_confluence_location|}}}{{{source_confluence_elevation|}}}{{{source_confluence_elevation_imperial|}}}{{{source_confluence_lat_d|}}}{{{mouth|}}}{{{mouth_name|}}}{{{mouth_location|}}}{{{mouth_elevation|}}}{{{mouth_elevation_imperial|}}}{{{mouth_latitude|}}}{{{mouth_lat_d|}}} |<br />
<br />
{{!}}- class="mergedtoprow" {{#if: {{{source|}}}{{{source_name|}}}{{{source_location|}}}{{{source_elevation|}}}{{{source_elevation_imperial|}}}{{{source_length|}}}{{{source_length_imperial|}}}{{{source_latitude|}}}{{{source_lat_d|}}} |<br />
{{ {{#if: {{{source|}}}{{{source_name|}}}{{{source_location|}}}{{{source_elevation|}}}{{{source_elevation_imperial|}}}{{{source_length|}}}{{{source_length_imperial|}}}{{{source_latitude|}}}{{{source_lat_d|}}} |<br />
<br />
Geobox2 data | Geobox 0}} <br />
| {{#if:{{{source1|}}}| 주 발원지<!--Primary source--> | 발원지<!--Source-->}} | {{{source_type|}}} | {{#if:{{{source1|}}}| {{{name|이 지리 항목}}}의 주 발원지<!--Primary source source--> | {{{name|이 지리 항목}}}의 발원지<!--Source name-->}} | {{{source_label|}}}<br />
| {{{source|}}}{{{source_name|}}} | {{{source_note|}}} | <br />
}} {{ {{#if: {{{source_location|}}} |<br />
<br />
Geobox2 location | Geobox 0}} | sub = 1 <br />
| 위치<!--location--> | {{{source_location_type|}}} | {{#if:{{{source1|}}}|주&#32;}}발원지의 위치<!--Source location--> | {{{source_location_label|}}} <br />
|{{{source_location|}}}|{{{source_location_note|}}}<br />
|{{{source_municipality|}}}| {{{source_municipality1|}}} <br />
|{{{source_district|}}}|{{{source_district1|}}} <br />
|{{{source_region|}}}|{{{source_region1|}}} <br />
|{{{source_state|}}}|{{{source_state1|}}} <br />
|{{{source_country|}}}|{{{source_country1|}}}|<br />
}} {{ {{#if: {{{source_elevation|}}}{{{source_elevation_imperial|}}} |<br />
<br />
Geobox2 unit | Geobox 0}} | sub = 1<br />
| 고도<!--elevation--> | | {{#if:{{{source1|}}}|주&#32;}}발원지의 해발 고도<!--Source elevation above sea level (ASL)--> | <br />
|height|m|ft| {{#if: {{{source_elevation_unit|}}} | {{{source_elevation_unit|}}} | {{{elevation_unit|}}} }} | {{{source_elevation|}}} | {{{source_elevation_imperial|}}} | {{#if: {{{source_elevation_round|}}} | {{{source_elevation_round|}}} | {{{elevation_round|0}}} }} | {{{source_elevation_note|}}} |ref={{{source_elevation_ref|}}}|nospace={{{source_elevation_nospace|}}} |<br />
}} {{ {{#if: {{{source_length|}}}{{{source_imperial|}}} | <br />
<br />
Geobox2 unit | Geobox 0}} | sub = 1<br />
| 길이<!--length--> | | 2차 발원지와의 합류점까지의 주 발원지의 길이<!--Primary source length up to confluence with secondary source--> | <br />
|length|m|ft| {{#if: {{{source_length_unit|}}} | {{{source_length_unit|}}} | {{{length_unit|}}} }} | {{{source_length|}}} | {{{source_length_imperial|}}} | {{#if: {{{source_length_round|}}} | {{{source_length_round|}}}| {{{length_round|0}}} }}| {{{source_length_note|}}} |<br />
}} {{ {{#if: {{{source_latitude|}}}{{{source_lat_d|}}} | <br />
<br />
Geobox2 coor | Geobox 0}} | sub = 1<br />
| 좌표<!--coordinates--> | | {{#if:{{{source1|}}}|주&#32;}}발원지의 좌표<!--Source gographic coordinates--> |<br />
|{{{source_lat_d|}}}|{{{source_lat_m|}}}|{{{source_lat_s|}}}|{{{source_lat_NS|}}}|{{{source_long_d|}}}|{{{source_long_m|}}}|{{{source_long_s|}}}|{{{source_long_EW|}}}|latitude={{{source_latitude|}}}|longitude={{{source_longitude|}}}<!--latitude, longitude의 십진좌표값을 이용해 좌표를 넣은 경우-->|country={{{country|}}}|state={{#if: {{{state|}}}|{{{state}}}|{{{region|}}}}}|type={{{1|}}}|pop={{{population|}}}|coor_name={{{source_coordinates_name|}}} |coor_param={{#if:{{{source_coordinates_type|}}}|{{{source_coordinates_type|}}}|{{{coordinates_type|}}}}}|format={{#if:{{{source_coordinates_format|}}}|{{{source_coordinates_format|}}}|{{{coordinates_format|}}} }}|{{{source_coordinates_note|}}}|ref={{{source_coordinates_ref|}}}|nospace={{{source_coordinates_nospace|}}}|<br />
}} }} {{#if: {{{source1|}}}{{{source1_name|}}}{{{source1_location|}}}{{{source1_elevation|}}}{{{source1_elevation_imperial|}}}{{{source1_latitude|}}}{{{source1_lat_d|}}} |<br />
{{ {{#if: {{{source1|}}}{{{source1_name|}}}{{{source1_location|}}}{{{source1_elevation|}}}{{{source1_elevation_imperial|}}}{{{source1_length|}}}{{{source1_length_imperial|}}}{{{source1_latitude|}}}{{{source1_lat_d|}}} |<br />
<br />
Geobox2 data | Geobox 0}} <br />
| 2차 발원지<!--Secondary source--> | {{{source1_type|}}} | {{{name|이 지리 항목}}}의 2차 발원지<!--Secondary source name--> | {{{source1_label|}}}<br />
| {{{source1|}}}{{{source1_name|}}} | {{{source1_note|}}} | <br />
}} {{ {{#if: {{{source1_location|}}} |<br />
<br />
Geobox2 location | Geobox 0}} | sub = 1 <br />
| 위치<!--location--> | {{{source1_location_type|}}} | 2차 발원지의 위치<!--Secondary source location--> | {{{source1_location_label|}}} <br />
|{{{source1_location|}}}|{{{source1_location_note|}}}<br />
|{{{source1_municipality|}}}| {{{source1_municipality1|}}} <br />
|{{{source1_district|}}}|{{{source1_district1|}}} <br />
|{{{source1_region|}}}|{{{source1_region1|}}} <br />
|{{{source1_state|}}}|{{{source1_state1|}}} <br />
|{{{source1_country|}}}|{{{source1_country1|}}}|<br />
}} {{ {{#if: {{{source1_elevation|}}}{{{source1_elevation_imperial|}}} |<br />
<br />
Geobox2 unit | Geobox 0}} | sub = 1<br />
| 고도<!--elevation--> | | 2차 발원지의 해발 고도<!--Secondary source source elevation above sea level (ASL)--> | <br />
|height|m|ft| {{#if: {{{source1_elevation_unit|}}} | {{{source1_elevation_unit|}}} | {{#if: {{{source_elevation_unit|}}} | {{{source_elevation_unit|}}} | {{{elevation_unit|}}} }} }} | {{{source1_elevation|}}} | {{{source1_elevation_imperial|}}} | {{#if: {{{source1_elevation_round|}}} | {{{source1_elevation_round|}}} | {{#if: {{{source_elevation_round|}}} | {{{source_elevation_round|}}}| {{{elevation_round|0}}} }} }} | {{{source1_elevation_note|}}} |<br />
}} {{ {{#if: {{{source1_length|}}}{{{source1_imperial|}}} | <br />
<br />
Geobox2 unit | Geobox 0}} | sub = 1<br />
| 길이<!--length--> | | 주 발원지와의 합류점까지의 2차 발원지의 길이<!--Secondary source length up to confluence with primary source--> | <br />
|length|m|ft| {{#if: {{{source1_length_unit|}}} | {{{source1_length_unit|}}} | {{#if: {{{source_length_unit|}}} | {{{source_length_unit|}}} | {{{length_unit|}}} }} }} | {{{source1_length|}}} | {{{source1_length_imperial|}}} | {{#if: {{{source1_length_round|}}} | {{{source1_length_round|}}}| {{#if: {{{source_length_round|}}} | {{{source_length_round|}}}| {{{length_round|0}}} }} }}| {{{source1_elevation_note|}}} |<br />
}} {{ {{#if: {{{source1_latitude|}}}{{{source1_lat_d|}}} | <br />
<br />
Geobox2 coor | Geobox 0}} | sub = 1<br />
| 좌표<!--coordinates--> | | 2차 발원지의 좌표<!--Secondary source geographic coordinates--> |<br />
|{{{source1_lat_d|}}}|{{{source1_lat_m|}}}|{{{source1_lat_s|}}}|{{{source1_lat_NS|}}}|{{{source1_long_d|}}}|{{{source1_long_m|}}}|{{{source1_long_s|}}}|{{{source1_long_EW|}}}|latitude={{{source1_latitude|}}}|longitude={{{source1_longitude|}}}<!--latitude, longitude의 십진좌표값을 이용해 좌표를 넣은 경우-->|country={{{country|}}}|state={{#if: {{{state|}}}|{{{state}}}|{{{region|}}}}}|type={{{1|}}}|pop={{{population|}}}|coor_name={{{source1_coordinates_name|}}} |coor_param={{#if: {{{source1_coordinates_type|}}} | {{{source1_coordinates_type|}}} | {{{coordinates_type|}}}}} | format={{#if:{{{source1_coordinates_format|}}}|{{{source1_coordinates_format|}}}|{{{coordinates_format|}}} }}|{{{source1_coordinates_note|}}}|ref={{{source1_coordinates_ref|}}}|nospace={{{source1_coordinates_nospace|}}}|<br />
}} }} {{#if: {{{source2|}}}{{{source2_name|}}}{{{source2_location|}}}{{{source2_elevation|}}}{{{source2_elevation_imperial|}}}{{{source2_latitude|}}}{{{source2_lat_d|}}} |<br />
{{ {{#if: {{{source2|}}}{{{source2_name|}}}{{{source2_location|}}}{{{source2_elevation|}}}{{{source2_elevation_imperial|}}}{{{source2_length|}}}{{{source2_length_imperial|}}}{{{source2_latitude|}}}{{{source2_lat_d|}}} |<br />
<br />
Geobox2 data | Geobox 0}} <br />
| 기타 발원지<!--Additional source--> | {{{source2_type|}}} | {{{name|이 지리 항목}}}의 기타 수원<!--Additional source name--> | {{{source2_label|}}}<br />
| {{{source2|}}}{{{source2_name|}}} | {{{source2_note|}}} | <br />
}} {{ {{#if: {{{source2_location|}}} |<br />
<br />
Geobox2 location | Geobox 0}} | sub = 1 <br />
| 위치<!--location--> | {{{source2_location_type|}}} | 기타 발원지의 위치<!--Additional source location--> | {{{source2_location_label|}}} <br />
|{{{source2_location|}}}|{{{source2_location_note|}}}<br />
|{{{source2_municipality|}}}| {{{source2_municipality1|}}} <br />
|{{{source2_district|}}}|{{{source2_district1|}}} <br />
|{{{source2_region|}}}|{{{source2_region1|}}} <br />
|{{{source2_state|}}}|{{{source2_state1|}}} <br />
|{{{source2_country|}}}|{{{source2_country1|}}}|<br />
}} {{ {{#if: {{{source2_elevation|}}}{{{source2_elevation_imperial|}}} |<br />
<br />
Geobox2 unit | Geobox 0}} | sub = 1<br />
| 고도<!--elevation--> | | 기타 발원지의 해발 고도<!--Additional source source elevation above sea level (ASL)--> | <br />
|height|m|ft| {{#if: {{{source2_elevation_unit|}}} | {{{source2_elevation_unit|}}} | {{#if: {{{source_elevation_unit|}}} | {{{source_elevation_unit|}}} | {{{elevation_unit|}}} }} }} | {{{source2_elevation|}}} | {{{source2_elevation_imperial|}}} | {{#if: {{{source2_elevation_round|}}} | {{{source2_elevation_round|}}} | {{#if: {{{source_elevation_round|}}} | {{{source_elevation_round|}}}| {{{elevation_round|0}}} }} }} | {{{source2_elevation_note|}}} |<br />
}} {{ {{#if: {{{source2_length|}}}{{{source2_imperial|}}} | <br />
<br />
Geobox2 unit | Geobox 0}} | sub = 1<br />
| 길이<!--length--> | | 주 발원지와의 합류점까지의 기타 발원지의 길이<!--Additional source length up to confluence with primary source--> | <br />
|length|m|ft| {{#if: {{{source2_length_unit|}}} | {{{source2_length_unit|}}} | {{#if: {{{source_length_unit|}}} | {{{source_length_unit|}}} | {{{length_unit|}}} }} }} | {{{source2_length|}}} | {{{source2_length_imperial|}}} | {{#if: {{{source2_length_round|}}} | {{{source2_length_round|}}}| {{#if: {{{source_length_round|}}} | {{{source_length_round|}}}| {{{length_round|0}}} }} }}| {{{source2_elevation_note|}}} |<br />
}} {{ {{#if: {{{source2_latitude|}}}{{{source2_lat_d|}}} | <br />
<br />
Geobox2 coor | Geobox 0}} | sub = 1<br />
| 좌표<!--coordinates--> | | 기타 발원지의 좌표<!--Additional source geographic coordinates--> |<br />
|{{{source2_lat_d|}}}|{{{source2_lat_m|}}}|{{{source2_lat_s|}}}|{{{source2_lat_NS|}}}|{{{source2_long_d|}}}|{{{source2_long_m|}}}|{{{source2_long_s|}}}|{{{source2_long_EW|}}}|latitude={{{source2_latitude|}}}|longitude={{{source2_longitude|}}}<!--latitude, longitude의 십진좌표값을 이용해 좌표를 넣은 경우-->|country={{{country|}}}|state={{#if: {{{state|}}}|{{{state}}}|{{{region|}}}}}|type={{{1|}}}|pop={{{population|}}}|coor_name={{{source2_coordinates_name|}}} |coor_param={{#if: {{{source2_coordinates_type|}}} | {{{source2_coordinates_type|}}} | {{{coordinates_type|}}}}} | format={{#if:{{{source2_coordinates_format|}}}|{{{source2_coordinates_format|}}}|{{{coordinates_format|}}} }}|{{{source2_coordinates_note|}}}|ref={{{source2_coordinates_ref|}}}|nospace={{{source2_coordinates_nospace|}}}|<br />
}} }} {{#if: {{{source_confluence|}}}{{{source_confluence_name|}}}{{{source_confluence_location|}}}{{{source_confluence_elevation|}}}{{{source_confluence_elevation_imperial|}}}{{{source_confluence_latitude|}}}{{{source_confluence_lat_d|}}} |<br />
{{ {{#if: {{{source_confluence|}}}{{{source_confluence_name|}}}{{{source_confluence_location|}}}{{{source_confluence_elevation|}}}{{{source_confluence_elevation_imperial|}}}{{{source_confluence_length|}}}{{{source_confluence_length_imperial|}}}{{{source_confluence_latitude|}}}{{{source_confluence_lat_d|}}} |<br />
<br />
Geobox2 data | Geobox 0}} <br />
| 합류점<!--Source confluence--> | {{{source_confluence_type|}}} | {{{name|이 지리 항목}}}의 주 발원지와 2차 발원지의 합류점<!--Source confluence name--> | {{{source_confluence_label|}}}<br />
| {{{source_confluence|}}}{{{source_confluence_name|}}} | {{{source_confluence_note|}}} | <br />
}} {{ {{#if: {{{source_confluence_location|}}} |<br />
<br />
Geobox2 location | Geobox 0}} | sub = 1 <br />
| 위치<!--location--> | {{{source_confluence_location_type|}}} | 발원지 합류점의 위치<!--Source confluence location--> | {{{source_confluence_location_label|}}} <br />
|{{{source_confluence_location|}}}|{{{source_confluence_location_note|}}}<br />
|{{{source_confluence_municipality|}}}| {{{source_confluence_municipality1|}}} <br />
|{{{source_confluence_district|}}}|{{{source_confluence_district1|}}} <br />
|{{{source_confluence_region|}}}|{{{source_confluence_region1|}}} <br />
|{{{source_confluence_state|}}}|{{{source_confluence_state1|}}} <br />
|{{{source_confluence_country|}}}|{{{source_confluence_country1|}}}| <br />
}} {{ {{#if: {{{source_confluence_elevation|}}}{{{source_confluence_elevation_imperial|}}} |<br />
<br />
Geobox2 unit | Geobox 0}} | sub = 1<br />
| 고도<!--elevation--> | | 발원지 합류점의 해발 고도<!--Source confluence elevation above sea level (ASL)--> | <br />
|height|m|ft| {{#if: {{{source_confluence_elevation_unit|}}} | {{{source_confluence_elevation_unit|}}} | {{#if: {{{source_elevation_unit|}}} | {{{source_elevation_unit|}}} | {{{elevation_unit|}}} }} }} | {{{source_confluence_elevation|}}} | {{{source_confluence_elevation_imperial|}}} | {{#if: {{{source_confluence_elevation_round|}}} | {{{source_confluence_elevation_round|}}} | {{#if: {{{source_elevation_round|}}} | {{{source_elevation_round|}}}| {{{elevation_round|0}}} }} }} | {{{source_confluence_elevation_note|}}} |<br />
}}<!-- Source location -->{{ {{#if: {{{source_confluence_latitude|}}}{{{source_confluence_lat_d|}}} | <br />
<br />
Geobox2 coor | Geobox 0}} | sub = 1<br />
| 좌표<!--coordinates--> | | 발원지 합류점의 좌표<!--Source confluence geographic coordinates--> |<br />
|{{{source_confluence_lat_d|}}}|{{{source_confluence_lat_m|}}}|{{{source_confluence_lat_s|}}}|{{{source_confluence_lat_NS|}}}|{{{source_confluence_long_d|}}}|{{{source_confluence_long_m|}}}|{{{source_confluence_long_s|}}}|{{{source_confluence_long_EW|}}}|latitude={{{source_confluence_latitude|}}}|longitude={{{source_confluence_longitude|}}}<!--latitude, longitude의 십진좌표값을 이용해 좌표를 넣은 경우-->|country={{{country|}}}|state={{#if: {{{state|}}}|{{{state}}}|{{{region|}}}}}|type={{{1|}}}|pop={{{population|}}}|coor_name={{{source_confluence_coordinates_name|}}} |coor_param={{#if: {{{source_confluence_coordinates_type|}}} | {{{source_confluence_coordinates_type|}}} | {{{coordinates_type|}}}}} | title={{#if:{{{coordinates_no_title|}}}||}} | format={{#if:{{{source_confluence_coordinates_format|}}}|{{{source_confluence_coordinates_format|}}}|{{{coordinates_format|}}} }}|{{{source_confluence_coordinates_note|}}}|ref={{{source_confluence_coordinates_ref|}}}|nospace={{{source_confluence_coordinates_nospace|}}}|<br />
}} }} {{#if: {{{mouth|}}}{{{mouth_name|}}}{{{mouth_location|}}}{{{mouth_elevation|}}}{{{mouth_elevation_imperial|}}}{{{mouth_latitude|}}}{{{mouth_lat_d|}}} |<br />
{{ {{#if: {{{mouth|}}}{{{mouth_name|}}}{{{mouth_location|}}}{{{mouth_elevation|}}}{{{mouth_elevation_imperial|}}}{{{mouth_length|}}}{{{mouth_length_imperial|}}}{{{mouth_latitude|}}}{{{mouth_lat_d|}}} |<br />
<br />
Geobox2 data | Geobox 0}} <br />
| 하구<!--Mouth--> | {{{mouth_type|}}} | {{{name|이 지리 항목}}}의 하구<!--Mouth name--> | {{{mouth_label|}}}<br />
| {{{mouth|}}}{{{mouth_name|}}} | {{{mouth_note|}}} | <br />
}} {{ {{#if: {{{mouth_location|}}} |<br />
<br />
Geobox2 location | Geobox 0}} | sub = 1 <br />
| 위치<!--location--> | {{{mouth_location_type|}}} | 하구의 위치<!--Mouth location--> | {{{mouth_location_label|}}} <br />
|{{{mouth_location|}}}|{{{mouth_location_note|}}}<br />
|{{{mouth_municipality|}}}| {{{mouth_municipality1|}}} <br />
|{{{mouth_district|}}}|{{{mouth_district1|}}} <br />
|{{{mouth_region|}}}|{{{mouth_region1|}}} <br />
|{{{mouth_state|}}}|{{{mouth_state1|}}} <br />
|{{{mouth_country|}}}|{{{mouth_country1|}}}|<br />
}} {{ {{#if: {{{mouth_elevation|}}}{{{mouth_elevation_imperial|}}} |<br />
<br />
Geobox2 unit | Geobox 0}} | sub = 1<br />
| 고도<!--elevation--> | | 하구의 해발 고도<!--Mouth elevation above sea level (ASL)--> | <br />
|height|m|ft| {{#if: {{{mouth_elevation_unit|}}} | {{{mouth_elevation_unit|}}} | {{#if: {{{source_elevation_unit|}}} | {{{source_elevation_unit|}}} | {{{elevation_unit|}}} }} }} | {{{mouth_elevation|}}} |ref={{{mouth_elevation_ref|}}}|nospace={{{mouth_elevation_nospace|}}}| {{{mouth_elevation_imperial|}}} | {{#if: {{{mouth_elevation_round|}}} | {{{mouth_elevation_round|}}} | {{#if: {{{source_elevation_round|}}} | {{{source_elevation_round|}}}| {{{elevation_round|0}}} }} }} | {{{mouth_elevation_note|}}} |<br />
}} {{ {{#if: {{{mouth_latitude|}}}{{{mouth_lat_d|}}} | <br />
<br />
Geobox2 coor | Geobox 0}} | sub = 1<br />
| 좌표<!--coordinates--> | | 하구의 좌표<!--Mouth geographic coordinates--> |<br />
|{{{mouth_lat_d|}}}|{{{mouth_lat_m|}}}|{{{mouth_lat_s|}}}|{{{mouth_lat_NS|}}}|{{{mouth_long_d|}}}|{{{mouth_long_m|}}}|{{{mouth_long_s|}}}|{{{mouth_long_EW|}}}|latitude={{{mouth_latitude|}}}|longitude={{{mouth_longitude|}}}<!--latitude, longitude의 십진좌표값을 이용해 좌표를 넣은 경우-->|country={{{country|}}}|state={{#if: {{{state|}}}|{{{state}}}|{{{region|}}}}}|type={{{1|}}}|pop={{{population|}}}|coor_name={{{mouth_coordinates_name|}}} |coor_param={{#if: {{{mouth_coordinates_type|}}} | {{{mouth_coordinates_type|}}} | {{{coordinates_type|}}}}} | format={{#if:{{{mouth_coordinates_format|}}}|{{{mouth_coordinates_format|}}}|{{{coordinates_format|}}} }}|{{{mouth_coordinates_note|}}}|ref={{{mouth_coordinates_ref|}}}|nospace={{{mouth_coordinates_nospace|}}}|<br />
}} }} <br />
<br />
{{Geobox2 end}}<br />
}} <br />
<br />
<!-- *** Bullet Listing *** --><br />
{{#if: {{{list|}}} |<br />
<br />
{{!}}- class="mergedtoprow" {{ {{#if: {{{list|}}}|<br />
<br />
Geobox2 bullet list2{{#if:{{{list_fold|}}}|_fold}} | Geobox 0}}<br />
| {{#if: {{{list1|}}}| 목록<!--Lists-->| 목록<!--List-->}} | {{{list_type|}}} | {{{name|이 지리 항목}}}의 주요 목록<!--Major list to which the site belongs--> | {{{list_label|}}} <br />
|{{{list_link|}}}|{{{list|}}}|{{{list_note|}}}|{{{list1_link|}}}|{{{list1|}}}|{{{list1_note|}}}|{{{list2_link|}}}|{{{list2|}}}|{{{list2_note|}}}|{{{list3_link|}}}|{{{list3|}}}|{{{list3_note|}}}|{{{list4_link|}}}|{{{list4|}}}|{{{list4_note|}}}|{{{list5_link|}}}|{{{list5|}}}|{{{list5_note|}}}|{{{list6_link|}}}|{{{list6|}}}|{{{list6_note|}}}|{{{list7_link|}}}|{{{list7|}}}|{{{list7_note|}}}|{{{list8_link|}}}|{{{list8|}}}|{{{list8_note|}}}|{{{list9_link|}}}|{{{list9|}}}|{{{list9_note|}}}|{{{list10_link|}}}|{{{list10|}}}|{{{list10_note|}}}|{{{list11_link|}}}|{{{list11|}}}|{{{list11_note|}}}|{{{list12_link|}}}|{{{list12|}}}|{{{list12_note|}}}|{{{list13_link|}}}|{{{list13|}}}|{{{list13_note|}}}|{{{list14_link|}}}|{{{list14|}}}|{{{list14_note|}}}|{{{list15_link|}}}|{{{list15|}}}|{{{list15_note|}}}|{{{list16_link|}}}|{{{list16|}}}|{{{list16_note|}}}|{{{list17_link|}}}|{{{list17|}}}|{{{list17_note|}}}|{{{list18_link|}}}|{{{list18|}}}|{{{list18_note|}}}|{{{list19_link|}}}|{{{list19|}}}|{{{list19_note|}}}|{{{list20_link|}}}|{{{list20|}}}|{{{list20_note|}}}|{{{list21_link|}}}|{{{list21|}}}|{{{list21_note|}}}|{{{list22_link|}}}|{{{list22|}}}|{{{list22_note|}}}|{{{list23_link|}}}|{{{list23|}}}|{{{list23_note|}}}|{{{list24_link|}}}|{{{list24|}}}|{{{list24_note|}}}|{{{list25_link|}}}|{{{list25|}}}|{{{list25_note|}}}|{{{list26_link|}}}|{{{list26|}}}|{{{list26_note|}}}|{{{list27_link|}}}|{{{list27|}}}|{{{list27_note|}}}| <br />
}} <br />
<br />
{{Geobox2 end}}<br />
}} <br />
<br />
<!-- *** Dimensions *** --><br />
{{#if: {{{length|}}}{{{length1|}}}{{{length2|}}}{{{length3|}}}{{{length_imperial|}}}{{{width|}}}{{{width1|}}}{{{width2|}}}{{{width2|}}}{{{width_imperial|}}}{{{height|}}}{{{height1|}}}{{{height2|}}}{{{height3|}}}{{{height_imperial|}}}{{{depth|}}}{{{depth1|}}}{{{depth2|}}}{{{depth3|}}}{{{depth_imperial|}}}{{{volume|}}}{{{volume_imperial|}}}{{{weight|}}}{{{weight_imperial|}}}{{{area|}}}{{{area1|}}}{{{area2|}}}{{{area3|}}}{{{area_imperial|}}}{{{watershed|}}}{{{watershed_imperial|}}}{{{discharge|}}}{{{discharge_average|}}}{{{discharge_imperial|}}}{{{discharge_average_imperial|}}} |<br />
<br />
{{!}}- class="mergedtoprow" {{#if: {{{length|}}}{{{length_imperial|}}} | <br />
{{ {{#if: {{{length|}}}{{{length_imperial|}}} | Geobox2 unit | Geobox 0}} <br />
| 길이<!--Length--> | {{{length_type|}}} | {{{name|이 지리 항목}}}의 길이<!--Length--> | {{{length_label|}}} <br />
|length|{{#switch:{{lc:{{{1|}}}}}|building|monument=m|km}}|{{#switch:{{lc:{{{1|}}}}}|building|monument|bridge=ft|mi}}|{{{length_unit|}}}|{{{length|}}}|{{{length_imperial|}}}|{{{length_round|0}}}|comma={{{length_orientation|}}}|{{{length_note|}}}|prefix={{{length_prefix|}}}|ref={{{length_ref|}}}|nospace={{{length_nospace|}}}|<br />
}} {{ {{#if: {{{length1|}}}{{{length1_imperial|}}} | <br />
<br />
Geobox2 unit | Geobox 0}} | sub = 1<br />
| length 1 | {{{length1_type|}}} | Length 1 | {{{length1_label|}}} <br />
|length|{{#switch:{{lc:{{{1|}}}}}|building|monument|bridge=m|km}}|{{#switch:{{lc:{{{1|}}}}}|building|monument|bridge=ft|mi}}|{{#if:{{{length1_unit|}}}|{{{length1_unit|}}}|{{{length_unit|}}}}}|{{{length1|}}}|{{{length1_imperial|}}}|{{#if:{{{length1_round|}}}|{{{length1_round|}}}|{{{length_round|0}}}}}|comma={{{length1_orientation|}}}|{{{length1_note|}}}|ref={{{length1_ref|}}}|nospace={{{length1_nospace|}}}|<br />
}} {{ {{#if: {{{length2|}}}{{{length2_imperial|}}} | <br />
<br />
Geobox2 unit | Geobox 0}} | sub = 1<br />
| length 2 | {{{length2_type|}}} | Length 2 | {{{length2_label|}}} <br />
|length|{{#switch:{{lc:{{{1|}}}}}|building|monument|bridge=m|km}}|{{#switch:{{lc:{{{1|}}}}}|building|monument|bridge=ft|mi}}|{{#if:{{{length2_unit|}}}|{{{length2_unit|}}}|{{{length_unit|}}}}}|{{{length2|}}}|{{{length2_imperial|}}}|{{#if:{{{length2_round|}}}|{{{length2_round|}}}|{{{length_round|0}}}}}|comma={{{length2_orientation|}}}|{{{length2_note|}}}|ref={{{length2_ref|}}}|nospace={{{length2_nospace|}}}|<br />
}} {{ {{#if: {{{length3|}}}{{{length3_imperial|}}} | <br />
<br />
Geobox2 unit | Geobox 0}} | sub = 1<br />
| length 3 | {{{length3_type|}}} | Length 3 | {{{length3_label|}}} <br />
|length|{{#switch:{{lc:{{{1|}}}}}|building|monument|bridge=m|km}}|{{#switch:{{lc:{{{1|}}}}}|building|monument|bridge=ft|mi}}|{{#if:{{{length3_unit|}}}|{{{length3_unit|}}}|{{{length_unit|}}}}}|{{{length3|}}}|{{{length3_imperial|}}}|{{#if:{{{length3_round|}}}|{{{length3_round|}}}|{{{length_round|0}}}}}|comma={{{length3_orientation|}}}|{{{length3_note|}}}|ref={{{length3_ref|}}}|nospace={{{length3_nospace|}}}|<br />
}} {{ {{#if: {{{length4|}}}{{{length4_imperial|}}} | <br />
<br />
Geobox2 unit | Geobox 0}} | sub = 1<br />
| length 4 | {{{length4_type|}}} | Length 4 | {{{length4_label|}}} <br />
|length|{{#switch:{{lc:{{{1|}}}}}|building|monument|bridge=m|km}}|{{#switch:{{lc:{{{1|}}}}}|building|monument|bridge=ft|mi}}|{{#if:{{{length4_unit|}}}|{{{length4_unit|}}}|{{{length_unit|}}}}}|{{{length4|}}}|{{{length4_imperial|}}}|{{#if:{{{length4_round|}}}|{{{length4_round|}}}|{{{length_round|0}}}}}|comma={{{length4_orientation|}}}|{{{length4_note|}}}|ref={{{length4_ref|}}}|nospace={{{length4_nospace|}}}|<br />
}} }} {{#if: {{{width|}}}{{{width_imperial|}}} | <br />
<br />
{{ {{#if: {{{width|}}}{{{width_imperial|}}} | Geobox2 unit | Geobox 0}} <br />
| 폭<!--너비 Width--> | {{{width_type|}}} | {{{name|이 지리 항목}}}의 폭<!--너비 Width--> | {{{width_label|}}} <br />
|length|{{#switch:{{lc:{{{1|}}}}}|building|monument|bridge=m|km}}|{{#switch:{{lc:{{{1|}}}}}|building|monument|bridge=ft|mi}}|{{{width_unit|}}}|{{{width|}}}|{{{width_imperial|}}}|{{{width_round|0}}}|comma={{{width_orientation|}}}|{{{width_note|}}}|ref={{{width_ref|}}}|nospace={{{width_nospace|}}}|<br />
}} {{ {{#if: {{{width1|}}}{{{width1_imperial|}}} | <br />
<br />
Geobox2 unit | Geobox 0}} | sub = 1<br />
| width 1 | {{{width1_type|}}} | Width 1 | {{{width1_label|}}} <br />
|length|{{#switch:{{lc:{{{1|}}}}}|building|monument|bridge=m|km}}|{{#switch:{{lc:{{{1|}}}}}|building|monument|bridge=ft|mi}}|{{#if:{{{width1_unit|}}}|{{{width1_unit|}}}|{{{width_unit|}}}}}|{{{width1|}}}|{{{width1_imperial|}}}|{{#if:{{{width1_round|}}}|{{{width1_round|}}}|{{{width_round|0}}}}}|comma={{{width1_orientation|}}}|{{{width1_note|}}}|ref={{{width1_ref|}}}|nospace={{{width1_nospace|}}}|<br />
}} {{ {{#if: {{{width2|}}}{{{width2_imperial|}}} | <br />
<br />
Geobox2 unit | Geobox 0}} | sub = 1<br />
| width 2 | {{{width2_type|}}} | Width 2 | {{{width2_label|}}} <br />
|length|{{#switch:{{lc:{{{1|}}}}}|building|monument|bridge=m|km}}|{{#switch:{{lc:{{{1|}}}}}|building|monument|bridge=ft|mi}}|{{#if:{{{width2_unit|}}}|{{{width2_unit|}}}|{{{width_unit|}}}}}|{{{width2|}}}|{{{width2_imperial|}}}|{{#if:{{{width2_round|}}}|{{{width2_round|}}}|{{{width_round|0}}}}}|comma={{{width2_orientation|}}}|{{{width2_note|}}}|ref={{{width2_ref|}}}|nospace={{{width2_nospace|}}}|<br />
}} {{ {{#if: {{{width3|}}}{{{width3_imperial|}}} | <br />
<br />
Geobox2 unit | Geobox 0}} | sub = 1<br />
| width 3 | {{{width3_type|}}} | Width 3 | {{{width3_label|}}} <br />
|length|{{#switch:{{lc:{{{1|}}}}}|building|monument|bridge=m|km}}|{{#switch:{{lc:{{{1|}}}}}|building|monument|bridge=ft|mi}}|{{#if:{{{width3_unit|}}}|{{{width3_unit|}}}|{{{width_unit|}}}}}|{{{width3|}}}|{{{width3_imperial|}}}|{{#if:{{{width3_round|}}}|{{{width3_round|}}}|{{{width_round|0}}}}}|comma={{{width3_orientation|}}}|{{{width3_note|}}}|ref={{{width3_ref|}}}|nospace={{{width3_nospace|}}}|<br />
}} {{ {{#if: {{{width4|}}}{{{width4_imperial|}}} | <br />
<br />
Geobox2 unit | Geobox 0}} | sub = 1<br />
| width 4 | {{{width4_type|}}} | Width 4 | {{{width4_label|}}} <br />
|length|{{#switch:{{lc:{{{1|}}}}}|building|monument|bridge=m|km}}|{{#switch:{{lc:{{{1|}}}}}|building|monument|bridge=ft|mi}}|{{#if:{{{width4_unit|}}}|{{{width4_unit|}}}|{{{width_unit|}}}}}|{{{width4|}}}|{{{width4_imperial|}}}|{{#if:{{{width4_round|}}}|{{{width4_round|}}}|{{{width_round|0}}}}}|comma={{{width4_orientation|}}}|{{{width4_note|}}}|ref={{{width4_ref|}}}|nospace={{{width4_nospace|}}}|<br />
}} }} {{#if: {{{height1|}}}{{{height|}}}{{{height_imperial|}}} | <br />
<br />
{{ {{#if: {{{height1|}}}{{{height|}}}{{{height_imperial|}}} | Geobox2 unit | Geobox 0}} <br />
| Height | {{{height_type|}}} | Height | {{{height_label|}}} <br />
|length|m|ft|{{{height_unit|}}}|{{{height|}}}|{{{height_imperial|}}}|{{{height_round|0}}}|{{{height_note|}}}|ref={{{height_ref|}}}|nospace={{{height_nospace|}}}|<br />
}} {{ {{#if: {{{height1|}}}{{{height1_imperial|}}} | <br />
<br />
Geobox2 unit | Geobox 0}} | sub = 1<br />
| Height 1 | {{{height1_type|}}} | Height 1 | {{{height1_label|}}} <br />
|length|m|ft|{{#if:{{{height1_unit|}}}|{{{height1_unit|}}}|{{{height_unit|}}}}}|{{{height1|}}}|{{{height1_imperial|}}}|{{#if:{{{height1_round|}}}|{{{height1_round|}}}|{{{height_round|0}}}}}|{{{height1_note|}}}|ref={{{height1_ref|}}}|nospace={{{height1_nospace|}}}|<br />
}} {{ {{#if: {{{height2|}}}{{{height2_imperial|}}} | <br />
<br />
Geobox2 unit | Geobox 0}} | sub = 1<br />
| Height 2 | {{{height2_type|}}} | Height 2 | {{{height2_label|}}} <br />
|length|m|ft|{{#if:{{{height2_unit|}}}|{{{height2_unit|}}}|{{{height_unit|}}}}}|{{{height2|}}}|{{{height2_imperial|}}}|{{#if:{{{height2_round|}}}|{{{height2_round|}}}|{{{height_round|0}}}}}|{{{height2_note|}}}|ref={{{height2_ref|}}}|nospace={{{height2_nospace|}}}|<br />
}} {{ {{#if: {{{height3|}}}{{{height3_imperial|}}} | <br />
<br />
Geobox2 unit | Geobox 0}} | sub = 1<br />
| Height 3 | {{{height3_type|}}} | Height 3 | {{{height3_label|}}} <br />
|length|m|ft|{{#if:{{{height3_unit|}}}|{{{height3_unit|}}}|{{{height_unit|}}}}}|{{{height3|}}}|{{{height3_imperial|}}}|{{#if:{{{height3_round|}}}|{{{height3_round|}}}|{{{height_round|0}}}}}|{{{height3_note|}}}|ref={{{height3_ref|}}}|nospace={{{height3_nospace|}}}|<br />
}} {{ {{#if: {{{height4|}}}{{{height4_imperial|}}} | <br />
<br />
Geobox2 unit | Geobox 0}} | sub = 1<br />
| Height 4 | {{{height4_type|}}} | Height 4 | {{{height4_label|}}} <br />
|length|m|ft|{{#if:{{{height4_unit|}}}|{{{height4_unit|}}}|{{{height_unit|}}}}}|{{{height4|}}}|{{{height4_imperial|}}}|{{#if:{{{height4_round|}}}|{{{height4_round|}}}|{{{height_round|0}}}}}|{{{height4_note|}}}|ref={{{height4_ref|}}}|nospace={{{height4_nospace|}}}|<br />
}} }} {{#if: {{{number|}}} | <br />
<br />
{{ {{#if: {{{number|}}} | Geobox2 data plain | Geobox 0}} <br />
| number | {{{number_type|}}} | Number | {{{number_label|}}} <br />
|{{{number|}}}|{{{number_note|}}}|<br />
}} {{ {{#if: {{{number1|}}} | <br />
<br />
Geobox2 data plain| Geobox 0}} | sub = 1 <br />
| number 1 | {{{number1_type|}}} | Number 1| {{{number1_label|}}} <br />
|{{{number1|}}}|{{{number1_note|}}}|<br />
}} {{ {{#if: {{{number2|}}} | <br />
<br />
Geobox2 data plain| Geobox 0}} | sub = 1<br />
| number 2 | {{{number2_type|}}} | Number 2 | {{{number2_label|}}}<br />
|{{{number2|}}}|{{{number2_note|}}}|<br />
}} {{ {{#if: {{{number3|}}} | <br />
<br />
Geobox2 data plain| Geobox 0}} | sub = 1<br />
| number 3 | {{{number3_type|}}} | Number 3 | {{{number3_label|}}}<br />
|{{{number3|}}}|{{{number3_note|}}}|<br />
}} {{ {{#if: {{{number4|}}} | <br />
<br />
Geobox2 data plain| Geobox 0}} | sub = 1<br />
| number 4 | {{{number4_type|}}} | Number 4 | {{{number4_label|}}}<br />
|{{{number4|}}}|{{{number4_note|}}}| <br />
}} }} {{#if: {{{depth1|}}}{{{depth2|}}}{{{depth3|}}}{{{depth|}}}{{{depth_imperial|}}} | <br />
<br />
{{ {{#if: {{{depth1|}}}{{{depth2|}}}{{{depth3|}}}{{{depth|}}}{{{depth_imperial|}}} | Geobox2 unit | Geobox 0}} <br />
| Depth | {{{depth_type|}}} | Depth | {{{depth_label|}}} <br />
|length|m|ft|{{{depth_unit|}}}|{{{depth|}}}|{{{depth_imperial|}}}|{{{depth_round|0}}}|{{{depth_note|}}}|ref={{{depth_ref|}}}|nospace={{{depth_nospace|}}}|<br />
}} {{ {{#if: {{{depth1|}}}{{{depth1_imperial|}}} | <br />
<br />
Geobox2 unit | Geobox 0}} | sub = 1<br />
| Depth 1 | {{{depth1_type|}}} | Depth 1 | {{{depth1_label|}}} <br />
|length|m|ft|{{#if:{{{depth1_unit|}}}|{{{depth1_unit|}}}|{{{depth_unit|}}}}}|{{{depth1|}}}|{{{depth1_imperial|}}}|{{#if:{{{depth1_round|}}}|{{{depth1_round|}}}|{{{depth_round|0}}}}}|{{{depth1_note|}}}|ref={{{depth1_ref|}}}|nospace={{{depth1_nospace|}}}|<br />
}} {{ {{#if: {{{depth2|}}}{{{depth2_imperial|}}} | <br />
<br />
Geobox2 unit | Geobox 0}} | sub = 1<br />
| Depth 2 | {{{depth2_type|}}} | Depth 2 | {{{depth2_label|}}} <br />
|length|m|ft|{{#if:{{{depth2_unit|}}}|{{{depth2_unit|}}}|{{{depth_unit|}}}}}|{{{depth2|}}}|{{{depth2_imperial|}}}|{{#if:{{{depth2_round|}}}|{{{depth2_round|}}}|{{{depth_round|0}}}}}|{{{depth2_note|}}}|ref={{{depth2_ref|}}}|nospace={{{depth2_nospace|}}}|<br />
}} {{ {{#if: {{{depth3|}}}{{{depth3_imperial|}}} | <br />
<br />
Geobox2 unit | Geobox 0}} | sub = 1<br />
| Depth 3 | {{{depth3_type|}}} | Depth 3 | {{{depth3_label|}}} <br />
|length|m|ft|{{#if:{{{depth3_unit|}}}|{{{depth3_unit|}}}|{{{depth_unit|}}}}}|{{{depth3|}}}|{{{depth3_imperial|}}}|{{#if:{{{depth3_round|}}}|{{{depth3_round|}}}|{{{depth_round|0}}}}}|{{{depth3_note|}}}|ref={{{depth3_ref|}}}|nospace={{{depth3_nospace|}}}|<br />
}} {{ {{#if: {{{depth4|}}}{{{depth4_imperial|}}} | <br />
<br />
Geobox2 unit | Geobox 0}} | sub = 1<br />
| Depth 4 | {{{depth4_type|}}} | Depth 4 | {{{depth4_label|}}} <br />
|length|m|ft|{{#if:{{{depth4_unit|}}}|{{{depth4_unit|}}}|{{{depth_unit|}}}}}|{{{depth4|}}}|{{{depth4_imperial|}}}|{{#if:{{{depth4_round|}}}|{{{depth4_round|}}}|{{{depth_round|0}}}}}|{{{depth4_note|}}}|ref={{{depth4_ref|}}}|nospace={{{depth4_nospace|}}}|<br />
}} }} {{#if: {{{volume|}}}{{{volume_imperial|}}} | <br />
<br />
{{ {{#if: {{{volume|}}}{{{volume_imperial|}}} |Geobox2 unit| Geobox 0}} <br />
| 체적<!--Volume--> | {{{volume_type|}}} | {{{name|이 지리 항목}}}의 체적<!--Volume--> | {{{volume_label|}}} <br />
|volume|cbm|cbft|{{{volume_unit|}}}|{{{volume|}}}|{{{volume_imperial|}}}|{{{volume_round|0}}}|{{{volume_note|}}}|ref={{{volume_ref|}}}|nospace={{{volume_nospace|}}}|<br />
}} {{ {{#if: {{{volume1|}}}{{{volume1_imperial|}}} | <br />
<br />
Geobox2 unit | Geobox 0}} | sub = 1<br />
| volume 1 | {{{volume1_type|}}} | Volume 1 | {{{volume1_label|}}} <br />
|volume|cbm|cbft|{{#if:{{{volume1_unit|}}}|{{{volume1_unit|}}}|{{{volume_unit|}}}}}|{{{volume1|}}}|{{{volume1_imperial|}}}|{{#if:{{{volume1_round|}}}|{{{volume1_round|}}}|{{{volume_round|0}}}}}|{{{volume1_note|}}}|ref={{{volume1_ref|}}}|nospace={{{volume1_nospace|}}}|<br />
}} {{ {{#if: {{{volume2|}}}{{{volume2_imperial|}}} | <br />
<br />
Geobox2 unit | Geobox 0}} | sub = 1<br />
| volume 2 | {{{volume2_type|}}} | Volume 2 | {{{volume2_label|}}} <br />
|volume|cbm|cbft|{{#if:{{{volume2_unit|}}}|{{{volume2_unit|}}}|{{{volume_unit|}}}}}|{{{volume2|}}}|{{{volume2_imperial|}}}|{{#if:{{{volume2_round|}}}|{{{volume2_round|}}}|{{{volume_round|0}}}}}|{{{volume2_note|}}}|ref={{{volume2_ref|}}}|nospace={{{volume2_nospace|}}}|<br />
}} {{ {{#if: {{{volume3|}}}{{{volume3_imperial|}}} | <br />
<br />
Geobox2 unit | Geobox 0}} | sub = 1<br />
| volume 3 | {{{volume3_type|}}} | Volume 3 | {{{volume3_label|}}} <br />
|volume|cbm|cbft|{{#if:{{{volume3_unit|}}}|{{{volume3_unit|}}}|{{{volume_unit|}}}}}|{{{volume3|}}}|{{{volume3_imperial|}}}|{{#if:{{{volume3_round|}}}|{{{volume3_round|}}}|{{{volume_round|0}}}}}|{{{volume3_note|}}}|ref={{{volume3_ref|}}}|nospace={{{volume3_nospace|}}}|<br />
}} {{ {{#if: {{{volume4|}}}{{{volume4_imperial|}}} | <br />
<br />
Geobox2 unit | Geobox 0}} | sub = 1<br />
| volume 4 | {{{volume4_type|}}} | Volume 4 | {{{volume4_label|}}} <br />
|volume|cbm|cbft|{{#if:{{{volume4_unit|}}}|{{{volume4_unit|}}}|{{{volume_unit|}}}}}|{{{volume4|}}}|{{{volume4_imperial|}}}|{{#if:{{{volume4_round|}}}|{{{volume4_round|}}}|{{{volume_round|0}}}}}|{{{volume4_note|}}}|ref={{{volume4_ref|}}}|nospace={{{volume4_nospace|}}}|<br />
}} }} {{#if: {{{weight|}}}{{{weight_imperial|}}} | <br />
<br />
{{ {{#if: {{{weight|}}}{{{weight_imperial|}}} | Geobox2 unit | Geobox 0 }} <br />
| Weight | {{{weight_type|}}} | Weight | {{{weight_label|}}} <br />
|weight|kg|lb|{{{weight_unit|}}}|{{{weight|}}}|{{{weight_imperial|}}}|{{{weight_round|0}}}|{{{weight_note|}}}|ref={{{weight_ref|}}}|nospace={{{weight_nospace|}}}|<br />
}} {{ {{#if: {{{weight1|}}}{{{weight1_imperial|}}} | <br />
<br />
Geobox2 unit | Geobox 0}} | sub = 1<br />
| weight 1 | {{{weight1_type|}}} | Weight 1 | {{{weight1_label|}}} <br />
|weight|kg|lb|{{#if:{{{weight1_unit|}}}|{{{weight1_unit|}}}|{{{weight_unit|}}}}}|{{{weight1|}}}|{{{weight1_imperial|}}}|{{#if:{{{weight1_round|}}}|{{{weight1_round|}}}|{{{weight_round|0}}}}}|{{{weight1_note|}}}|ref={{{weight1_ref|}}}|nospace={{{weight1_nospace|}}}|<br />
}} {{ {{#if: {{{weight2|}}}{{{weight2_imperial|}}} | <br />
<br />
Geobox2 unit | Geobox 0}} | sub = 1<br />
| weight 2 | {{{weight2_type|}}} | Weight 2 | {{{weight2_label|}}} <br />
|weight|kg|lb|{{#if:{{{weight2_unit|}}}|{{{weight2_unit|}}}|{{{weight_unit|}}}}}|{{{weight2|}}}|{{{weight2_imperial|}}}|{{#if:{{{weight2_round|}}}|{{{weight2_round|}}}|{{{weight_round|0}}}}}|{{{weight2_note|}}}|ref={{{weight2_ref|}}}|nospace={{{weight2_nospace|}}}|<br />
}} {{ {{#if: {{{weight3|}}}{{{weight3_imperial|}}} | <br />
<br />
Geobox2 unit | Geobox 0}} | sub = 1<br />
| weight 3 | {{{weight3_type|}}} | Weight 3 | {{{weight3_label|}}} <br />
|weight|kg|lb|{{#if:{{{weight3_unit|}}}|{{{weight3_unit|}}}|{{{weight_unit|}}}}}|{{{weight3|}}}|{{{weight3_imperial|}}}|{{#if:{{{weight3_round|}}}|{{{weight3_round|}}}|{{{weight_round|0}}}}}|{{{weight3_note|}}}|ref={{{weight3_ref|}}}|nospace={{{weight3_nospace|}}}|<br />
}} {{ {{#if: {{{weight4|}}}{{{weight4_imperial|}}} | <br />
<br />
Geobox2 unit | Geobox 0}} | sub = 1<br />
| weight 4 | {{{weight4_type|}}} | Weight 4 | {{{weight4_label|}}} <br />
|weight|kg|lb|{{#if:{{{weight4_unit|}}}|{{{weight4_unit|}}}|{{{weight_unit|}}}}}|{{{weight4|}}}|{{{weight4_imperial|}}}|{{#if:{{{weight4_round|}}}|{{{weight4_round|}}}|{{{weight_round|0}}}}}|{{{weight4_note|}}}|ref={{{weight4_ref|}}}|nospace={{{weight4_nospace|}}}|<br />
}} }} {{ {{#if: {{{watershed|}}}{{{watershed_imperial|}}} | <br />
<br />
Geobox2 unit | Geobox 0}} <br />
| 면적<!--유역 면적 Basin--> | {{{watershed_type|}}} | {{{name|이 지리 항목}}}의 유역 면적<!--Drainage basin/catchment area/watershed--> | {{{watershed_label|}}} <br />
|area|sqkm|sqmi|{{{watershed_unit|}}}|{{{watershed|}}}|{{{watershed_imperial|}}}|{{{watershed_round|0}}}|{{{watershed_note|}}}|prefix={{{watershed_prefix|}}}|ref={{{watershed_ref|}}}|nospace={{{watershed_nospace|}}}| <br />
}} {{#if: {{{area1|}}}{{{area|}}}{{{area_imperial|}}} | <br />
<br />
{{ {{#if: {{{area1|}}}{{{area|}}}{{{area_imperial|}}} | Geobox2 unit| Geobox 0}} <br />
| 면적<!--Area--> | {{{area_type|}}} | {{{name|이 지리 항목}}}의 면적<!--area--> | {{{area_label|}}}<br />
|area|{{#switch:{{lc:{{{1|}}}}}|building|monument|bridge=sqm|sqkm}}|{{#switch:{{lc:{{{1|}}}}}|building|monument|bridge=sqft|sqmi}}|{{{area_unit|}}}|{{{area|}}}|{{{area_imperial|}}}|{{{area_round|0}}}|{{{area_note|}}}|ref={{{area_ref|}}}|nospace={{{area_nospace|}}}|<br />
}} {{ {{#if: {{{area_land|}}}{{{area_land_imperial|}}} | <br />
<br />
Geobox2 unit | Geobox 0}} | sub = 1<br />
| land | {{{area_land_type|}}} | Land area | {{{area_land_label|}}} <br />
|area|sqkm|sqmi|{{{area_land_unit|}}}|{{{area_land|}}}|{{{area_land_imperial|}}}|{{{area_land_round|0}}}|{{{area_land_note|}}}|comma={{#ifeq:{{{area_land_percentage|}}}{{{area_land_share|}}}|auto|{{#expr:{{{area_land|}}}{{{area_land_imperial|}}} / {{{area|}}}{{{area_imperial|}}} * 100 round {{#if: {{{area_land_share_round|}}}{{{area_land_percentage_round|}}}|{{{area_land_share_round|}}}{{{area_land_percentage_round|}}}|{{#if: {{{area_share_round|}}}|{{{area_share_round|}}}|{{{area_percentage_round|0}}} }} }} }}% }}|<br />
}} {{ {{#if: {{{area_water|}}}{{{area_water_imperial|}}} | <br />
<br />
Geobox2 unit | Geobox 0}} | sub = 1<br />
| water | {{{area_water_type|}}} | Water area | {{{area_water_label|}}} <br />
|area|sqkm|sqmi|{{{area_water_unit|}}}|{{{area_water|}}}|{{{area_water_imperial|}}}|{{{area_water_round|0}}}|{{{area_water_note|}}}|comma={{#ifeq:{{{area_water_percentage|}}}{{{area_water_share|}}}|auto|{{#expr:{{{area_water|}}}{{{area_water_imperial|}}} / {{{area|}}}{{{area_imperial|}}} * 100 round {{#if: {{{area_water_share_round|}}}{{{area_water_percentage_round|}}}|{{{area_water_share_round|}}}{{{area_water_percentage_round|}}}|{{#if: {{{area_share_round|}}}|{{{area_share_round|}}}|{{{area_percentage_round|0}}} }} }} }}% }}|<br />
}} {{ {{#if: {{{area_urban|}}}{{{area_urban_imperial|}}} | <br />
<br />
Geobox2 unit | Geobox 0}} | sub = 1<br />
| urban | {{{area_urban_type|}}} | Urban area | {{{area_urban_label|}}} <br />
|area|sqkm|sqmi|{{{area_urban_unit|}}}|{{{area_urban|}}}|{{{area_urban_imperial|}}}|{{{area_urban_round|0}}}|{{{area_urban_note|}}}|comma={{#ifeq:{{{area_land_percentage|}}}{{{area_urban_share|}}}|auto|{{#expr:{{{area_urban|}}}{{{area_urban_imperial|}}} / {{{area|}}}{{{area_imperial|}}} * 100 round {{#if: {{{area_urban_share_round|}}}{{{area_urban_percentage_round|}}}|{{{area_urban_share_round|}}}{{{area_urban_percentage_round|}}}|{{#if: {{{area_share_round|}}}|{{{area_share_round|}}}|{{{area_percentage_round|0}}} }} }} }}% }}|<br />
}} {{ {{#if: {{{area_metro|}}}{{{area_metro_imperial|}}} | <br />
<br />
Geobox2 unit | Geobox 0}} | sub = 1<br />
| metro | {{{area_metro_type|}}} | Metropolitan area | {{{area_metro_label|}}} <br />
|area|sqkm|sqmi|{{{area_metro_unit|}}}|{{{area_metro|}}}|{{{area_metro_imperial|}}}|{{{area_metro_round|0}}}|{{{area_metro_note|}}}|comma={{#ifeq:{{{area_land_percentage|}}}{{{area_metro_share|}}}|auto|{{#expr:{{{area_metro|}}}{{{area_metro_imperial|}}} / {{{area|}}}{{{area_imperial|}}} * 100 round {{#if: {{{area_metro_share_round|}}}{{{area_metro_percentage_round|}}}|{{{area_metro_share_round|}}}{{{area_metro_percentage_round|}}}|{{#if: {{{area_share_round|}}}|{{{area_share_round|}}}|{{{area_percentage_round|0}}} }} }} }}% }}|<br />
}} {{ {{#if: {{{area1|}}}{{{area1_imperial|}}} | <br />
<br />
Geobox2 unit | Geobox 0}} | sub = 1<br />
| area 1 | {{{area1_type|}}} | area 1 | {{{area1_label|}}} <br />
|area|{{#switch:{{lc:{{{1|}}}}}|building|monument|bridge=sqm|sqkm}}|{{#switch:{{lc:{{{1|}}}}}|building|monument|bridge=sqft|sqmi}}|{{#if:{{{area1_unit|}}}|{{{area1_unit|}}}|{{{area_unit|}}}}}|{{{area1|}}}|{{{area1_imperial|}}}|{{#if:{{{area1_round|}}}|{{{area1_round|}}}|{{{area_round|0}}}}}|{{{area1_note|}}}|ref={{{area1_ref|}}}|nospace={{{area1_nospace|}}}|comma={{#ifeq:{{{area1_share|}}}|auto|{{#expr:{{{area1|}}}{{{area1_imperial|}}} / {{{area|}}}{{{area_imperial|}}} * 100 round {{#if: {{{area1_share_round|}}}|{{{area1_share_round|}}}|{{{area_share_round|0}}} }} }}% }}|<br />
}} {{ {{#if: {{{area2|}}}{{{area2_imperial|}}} | <br />
<br />
Geobox2 unit | Geobox 0}} | sub = 1<br />
| area 2 | {{{area2_type|}}} | area 2 | {{{area2_label|}}} <br />
|area|{{#switch:{{lc:{{{1|}}}}}|building|monument|bridge=sqm|sqkm}}|{{#switch:{{lc:{{{1|}}}}}|building|monument|bridge=sqft|sqmi}}|{{#if:{{{area2_unit|}}}|{{{area2_unit|}}}|{{{area_unit|}}}}}|{{{area2|}}}|{{{area2_imperial|}}}|{{#if:{{{area2_round|}}}|{{{area2_round|}}}|{{{area_round|0}}}}}|{{{area2_note|}}}|ref={{{area2_ref|}}}|nospace={{{area2_nospace|}}}|comma={{#ifeq:{{{area2_share|}}}|auto|{{#expr:{{{area2|}}}{{{area2_imperial|}}} / {{{area|}}}{{{area_imperial|}}} * 100 round {{#if: {{{area2_share_round|}}}|{{{area2_share_round|}}}|{{{area_share_round|0}}} }} }}% }}|<br />
}} {{ {{#if: {{{area3|}}}{{{area3_imperial|}}} | <br />
<br />
Geobox2 unit | Geobox 0}} | sub = 1<br />
| area 3 | {{{area3_type|}}} | area 3 | {{{area3_label|}}} <br />
|area|{{#switch:{{lc:{{{1|}}}}}|building|monument|bridge=sqm|sqkm}}|{{#switch:{{lc:{{{1|}}}}}|building|monument|bridge=sqft|sqmi}}|{{#if:{{{area3_unit|}}}|{{{area3_unit|}}}|{{{area_unit|}}}}}|{{{area3|}}}|{{{area3_imperial|}}}|{{#if:{{{area3_round|}}}|{{{area3_round|}}}|{{{area_round|0}}}}}|{{{area3_note|}}}|ref={{{area3_ref|}}}|nospace={{{area3_nospace|}}}|comma={{#ifeq:{{{area3_share|}}}|auto|{{#expr:{{{area3|}}}{{{area3_imperial|}}} / {{{area|}}}{{{area_imperial|}}} * 100 round {{#if: {{{area3_share_round|}}}|{{{area3_share_round|}}}|{{{area_share_round|0}}} }} }}% }}|<br />
}} {{ {{#if: {{{area4|}}}{{{area4_imperial|}}} | <br />
<br />
Geobox2 unit | Geobox 0}} | sub = 1<br />
| area 4 | {{{area4_type|}}} | area 4 | {{{area4_label|}}} <br />
|area|{{#switch:{{lc:{{{1|}}}}}|building|monument|bridge=sqm|sqkm}}|{{#switch:{{lc:{{{1|}}}}}|building|monument|bridge=sqft|sqmi}}|{{#if:{{{area4_unit|}}}|{{{area4_unit|}}}|{{{area_unit|}}}}}|{{{area4|}}}|{{{area4_imperial|}}}|{{#if:{{{area4_round|}}}|{{{area4_round|}}}|{{{area_round|0}}}}}|{{{area4_note|}}}|ref={{{area4_ref|}}}|nospace={{{area4_nospace|}}}|comma={{#ifeq:{{{area4_share|}}}|auto|{{#expr:{{{area4|}}}{{{area4_imperial|}}} / {{{area|}}}{{{area_imperial|}}} * 100 round {{#if: {{{area4_share_round|}}}|{{{area4_share_round|}}}|{{{area_share_round|0}}} }} }}% }}|<br />
}} }} {{#if: {{{discharge|}}}{{{discharge_average|}}}{{{discharge_imperial|}}}{{{discharge_average_imperial|}}} | <br />
<br />
{{ {{#if: {{{discharge|}}}{{{discharge_average|}}}{{{discharge_imperial|}}}{{{discharge_average_imperial|}}} | Geobox2 data | Geobox 0}} <br />
| 유량<!--Discharge--> | {{{discharge_type|}}} | {{{name|이 지리 항목}}}의 유량<!--Discharge figures measured at--> | {{{discharge_label|}}} <br />
|{{#ifeq: {{lc:{{{discharge_location|}}}}} | mouth | mouth | {{#if: {{{discharge_location|}}}|<!--for -->{{#ifexist:{{{discharge_location|}}}|[[{{{discharge_location|}}}]]|{{{discharge_location|}}}}}}} }}|{{{discharge_location_note|}}}| <br />
}} {{ {{#if: {{{discharge|}}}{{{discharge_average|}}}{{{discharge_imperial|}}}{{{discharge_average_imperial|}}} | <br />
<br />
Geobox2 unit | Geobox 0}} | sub = 1<br />
| 평균<!--average--> | | 평균 유량<!--Average discharge--> |<br />
|discharge|cbm|cbft|{{{discharge_unit|}}}|{{{discharge|}}}{{{discharge_average|}}}|{{{discharge_imperial|}}}{{{discharge_average_imperial|}}}|{{{discharge_round|0}}}|{{{discharge_note|}}}|ref={{{discharge_ref|}}}|nospace={{{discharge_nospace|}}}|<br />
}} {{ {{#if: {{{discharge_max|}}}{{{discharge_max_imperial|}}} | <br />
<br />
Geobox2 unit | Geobox 0}} | sub = 1<br />
| 최대<!--max--> | | 최대 유량<!--Maximal discharge--> |<br />
|discharge|cbm|cbft|{{#if:{{{discharge_max_unit|}}}|{{{discharge_unit|}}}|{{{discharge_unit|}}} }}|{{{discharge_max|}}}|{{{discharge_max_imperial|}}}|{{#if: {{{discharge_max_round|}}}|{{{discharge_max_round|}}}|{{{discharge_round|0}}} }}|{{{discharge_max_note|}}}|ref={{{discharge_max_ref|}}}|nospace={{{discharge_max_nospace|}}}| <br />
}} {{ {{#if: {{{discharge_min|}}}{{{discharge_min_imperial|}}} | <br />
<br />
Geobox2 unit | Geobox 0}} | sub = 1<br />
| 최소<!--min--> | | 최소 유량<!--Minimal discharge--> |<br />
|discharge|cbm|cbft|{{#if:{{{discharge_min_unit|}}}|{{{discharge_unit|}}}|{{{discharge_unit|}}} }}|{{{discharge_min|}}}|{{{discharge_min_imperial|}}}|{{#if: {{{discharge_min_round|}}}|{{{discharge_min_round|}}}|{{{discharge_round|0}}} }}|{{{discharge_min_note|}}}|ref={{{discharge_min_ref|}}}|nospace={{{discharge_min_nospace|}}}| <br />
}} {{ {{#if: {{{discharge1_average|}}}{{{discharge1_average_imperial|}}} | <br />
<br />
Geobox2 line plain | Geobox 0}}<br />
| 기타 지역에서의 평균 유량<!--Discharge elsewhere (average)-->| {{{discharge1_type|}}} | style="text-align: left"<br />
}} {{ {{#if: {{{discharge1_average|}}}{{{discharge1_average_imperial|}}} | <br />
<br />
Geobox2 unit | Geobox 0}} | sub = 1<br />
| {{#ifexist: {{{discharge1_location|}}} | [[{{{discharge1_location|}}}]] | {{{discharge1_location|}}} }}| | <!--Discharge for-->{{{discharge1_location|}}}에서의 유량 | <br />
|discharge|cbm|cbft|{{#if: {{{discharge1_unit|}}}|{{{discharge1_unit|}}}|{{{discharge_unit|}}} }}|{{{discharge1_average|}}}|{{{discharge1_average_imperial|}}}|{{#if: {{{discharge1_round|}}}|{{{discharge1_round|}}}|{{{discharge_round|0}}} }}|{{{discharge1_note|}}}|ref={{{discharge1_ref|}}}|nospace={{{discharge1_nospace|}}}|<br />
}} {{ {{#if: {{{discharge2_average|}}}{{{discharge2_average_imperial|}}} | <br />
<br />
Geobox2 unit | Geobox 0}} | sub = 1<br />
| {{#ifexist: {{{discharge2_location|}}} | [[{{{discharge2_location|}}}]] | {{{discharge2_location|}}} }}| | <!--Discharge for-->{{{discharge2_location|}}}에서의 유량 | <br />
|discharge|cbm|cbft|{{#if: {{{discharge2_unit|}}}|{{{discharge2_unit|}}}|{{{discharge_unit|}}} }}|{{{discharge2_average|}}}|{{{discharge2_average_imperial|}}}|{{#if: {{{discharge2_round|}}}|{{{discharge2_round|}}}|{{{discharge_round|0}}} }}|{{{discharge2_note|}}}|ref={{{discharge2_ref|}}}|nospace={{{discharge2_nospace|}}}|<br />
}} {{ {{#if: {{{discharge3_average|}}}{{{discharge3_average_imperial|}}} | <br />
<br />
Geobox2 unit | Geobox 0}} | sub = 1<br />
| {{#ifexist: {{{discharge3_location|}}} | [[{{{discharge3_location|}}}]] | {{{discharge3_location|}}} }}| | <!--Discharge for-->{{{discharge3_location|}}}에서의 유량 | <br />
|discharge|cbm|cbft|{{#if: {{{discharge3_unit|}}}|{{{discharge3_unit|}}}|{{{discharge_unit|}}} }}|{{{discharge3_average|}}}|{{{discharge3_average_imperial|}}}|{{#if: {{{discharge3_round|}}}|{{{discharge3_round|}}}|{{{discharge_round|0}}} }}|{{{discharge3_note|}}}|ref={{{discharge3_ref|}}}|nospace={{{discharge3_nospace|}}}|<br />
}} {{ {{#if: {{{discharge4_average|}}}{{{discharge4_average_imperial|}}} | <br />
<br />
Geobox2 unit | Geobox 0}} | sub = 1<br />
| {{#ifexist: {{{discharge4_location|}}} | [[{{{discharge4_location|}}}]] | {{{discharge4_location|}}} }}| | <!--Discharge for-->{{{discharge4_location|}}}에서의 유량 | <br />
|discharge|cbm|cbft|{{#if: {{{discharge4_unit|}}}|{{{discharge4_unit|}}}|{{{discharge_unit|}}} }}|{{{discharge4_average|}}}|{{{discharge4_average_imperial|}}}|{{#if: {{{discharge4_round|}}}|{{{discharge4_round|}}}|{{{discharge_round|0}}} }}|{{{discharge4_note|}}}|ref={{{discharge4_ref|}}}|nospace={{{discharge4_nospace|}}}|<br />
}} }} {{#if: {{{numbery|}}} | <br />
<br />
{{ {{#if: {{{numbery|}}} | Geobox2 data plain | Geobox 0}} <br />
| number | {{{numbery_type|}}} | Number | {{{numbery_label|}}} <br />
|{{{numbery|}}}|{{{numbery_note|}}}|<br />
}} {{ {{#if: {{{numbery1|}}} | <br />
<br />
Geobox2 data plain| Geobox 0}} | sub = 1 <br />
| number 1 | {{{numbery1_type|}}} | Number 1| {{{numbery1_label|}}} <br />
|{{{numbery1|}}}|{{{numbery1_note|}}}|<br />
}} {{ {{#if: {{{numbery2|}}} | <br />
<br />
Geobox2 data plain| Geobox 0}} | sub = 1<br />
| number 2 | {{{numbery2_type|}}} | Number 2 | {{{numbery2_label|}}}<br />
|{{{numbery2|}}}|{{{numbery2_note|}}}|<br />
}} {{ {{#if: {{{numbery3|}}} | <br />
<br />
Geobox2 data plain| Geobox 0}} | sub = 1<br />
| number 3 | {{{numbery3_type|}}} | Number 3 | {{{numbery3_label|}}}<br />
|{{{numbery3|}}}|{{{numbery3_note|}}}|<br />
}} {{ {{#if: {{{numbery4|}}} | <br />
<br />
Geobox2 data plain| Geobox 0}} | sub = 1<br />
| number 4 | {{{numbery4_type|}}} | Number 4 | {{{numbery4_label|}}}<br />
|{{{numbery4|}}}|{{{numbery4_note|}}}| <br />
}} }} {{#if: {{{shore_length|}}}{{{shore_length_imperial|}}} | <br />
<br />
{{ {{#if: {{{shore_length|}}}{{{shore_length_imperial|}}} | Geobox2 unit | Geobox 0}} <br />
| 둘레<!--Shore length--> | {{{shore_length_type|}}} | {{{name|이 지리 항목}}}의 호수 둘레<!--Shore length--> | {{{shore_length_label|}}} <br />
|length|{{#switch:{{lc:{{{1|}}}}}|building|monument=m|km}}|{{#switch:{{lc:{{{1|}}}}}|building|monument|bridge=ft|mi}}|{{{shore_length_unit|}}}|{{{shore_length|}}}|{{{shore_length_imperial|}}}|{{{shore_length_round|0}}}|comma={{{shore_length_orientation|}}}|{{{shore_length_note|<br>{{nowrap|(둘레는 그 정의가 다소 불명확하다)}}}}}|ref={{{shore_length_ref|}}}|nospace={{{shore_length_nospace|}}}|<br />
}} {{ {{#if: {{{shore_length1|}}}{{{shore_length1_imperial|}}} | <br />
<br />
Geobox2 unit | Geobox 0}} | sub = 1<br />
| shore_length 1 | {{{shore_length1_type|}}} | Length 1 | {{{shore_length1_label|}}} <br />
|length|{{#switch:{{lc:{{{1|}}}}}|building|monument|bridge=m|km}}|{{#switch:{{lc:{{{1|}}}}}|building|monument|bridge=ft|mi}}|{{#if:{{{shore_length1_unit|}}}|{{{shore_length1_unit|}}}|{{{shore_length_unit|}}}}}|{{{shore_length1|}}}|{{{shore_length1_imperial|}}}|{{#if:{{{shore_length1_round|}}}|{{{shore_length1_round|}}}|{{{shore_length_round|0}}}}}|comma={{{shore_length1_orientation|}}}|{{{shore_length1_note|}}}|ref={{{shore_length1_ref|}}}|nospace={{{shore_length1_nospace|}}}|<br />
}} {{ {{#if: {{{shore_length2|}}}{{{shore_length2_imperial|}}} | <br />
<br />
Geobox2 unit | Geobox 0}} | sub = 1<br />
| shore_length 2 | {{{shore_length2_type|}}} | Length 2 | {{{shore_length2_label|}}} <br />
|length|{{#switch:{{lc:{{{1|}}}}}|building|monument|bridge=m|km}}|{{#switch:{{lc:{{{1|}}}}}|building|monument|bridge=ft|mi}}|{{#if:{{{shore_length2_unit|}}}|{{{shore_length2_unit|}}}|{{{shore_length_unit|}}}}}|{{{shore_length2|}}}|{{{shore_length2_imperial|}}}|{{#if:{{{shore_length2_round|}}}|{{{shore_length2_round|}}}|{{{shore_length_round|0}}}}}|comma={{{shore_length2_orientation|}}}|{{{shore_length2_note|}}}|ref={{{shore_length2_ref|}}}|nospace={{{shore_length2_nospace|}}}|<br />
}} {{ {{#if: {{{shore_length3|}}}{{{shore_length3_imperial|}}} | <br />
<br />
Geobox2 unit | Geobox 0}} | sub = 1<br />
| shore_length 3 | {{{shore_length3_type|}}} | Length 3 | {{{shore_length3_label|}}} <br />
|length|{{#switch:{{lc:{{{1|}}}}}|building|monument|bridge=m|km}}|{{#switch:{{lc:{{{1|}}}}}|building|monument|bridge=ft|mi}}|{{#if:{{{shore_length3_unit|}}}|{{{shore_length3_unit|}}}|{{{shore_length_unit|}}}}}|{{{shore_length3|}}}|{{{shore_length3_imperial|}}}|{{#if:{{{shore_length3_round|}}}|{{{shore_length3_round|}}}|{{{shore_length_round|0}}}}}|comma={{{shore_length3_orientation|}}}|{{{shore_length3_note|}}}|ref={{{shore_length3_ref|}}}|nospace={{{shore_length3_nospace|}}}|<br />
}} {{ {{#if: {{{shore_length4|}}}{{{shore_length4_imperial|}}} | <br />
<br />
Geobox2 unit | Geobox 0}} | sub = 1<br />
| shore_length 4 | {{{shore_length4_type|}}} | Length 4 | {{{shore_length4_label|}}} <br />
|length|{{#switch:{{lc:{{{1|}}}}}|building|monument|bridge=m|km}}|{{#switch:{{lc:{{{1|}}}}}|building|monument|bridge=ft|mi}}|{{#if:{{{shore_length4_unit|}}}|{{{shore_length4_unit|}}}|{{{shore_length_unit|}}}}}|{{{shore_length4|}}}|{{{shore_length4_imperial|}}}|{{#if:{{{shore_length4_round|}}}|{{{shore_length4_round|}}}|{{{shore_length_round|0}}}}}|comma={{{shore_length4_orientation|}}}|{{{shore_length4_note|}}}|ref={{{shore_length4_ref|}}}|nospace={{{shore_length4_nospace|}}}|<br />
}} }} {{#if: {{{residence_time|}}} | <br />
<br />
{{ {{#if: {{{residence_time|}}} | Geobox2 data plain | Geobox 0}} <br />
| 체류 기간<!--Residence time--> | {{{residence_time_type|}}} | 물이 {{{name|이 지리 항목}}}에서 체류하는 평균 기간<!--Residence time--> | {{{residence_time_label|}}} <br />
|{{{residence_time|}}}|{{{residence_time_note|}}}|<br />
}} {{ {{#if: {{{residence_time1|}}} | <br />
<br />
Geobox2 data plain| Geobox 0}} | sub = 1 <br />
| Residence time 1 | {{{residence_time1_type|}}} | Residence time 1| {{{residence_time1_label|}}} <br />
|{{{residence_time1|}}}|{{{residence_time1_note|}}}|<br />
}} {{ {{#if: {{{residence_time2|}}} | <br />
<br />
Geobox2 data plain| Geobox 0}} | sub = 1<br />
| Residence time 2 | {{{residence_time2_type|}}} | Residence time 2 | {{{residence_time2_label|}}}<br />
|{{{residence_time2|}}}|{{{residence_time2_note|}}}|<br />
}} {{ {{#if: {{{residence_time3|}}} | <br />
<br />
Geobox2 data plain| Geobox 0}} | sub = 1<br />
| Residence time 3 | {{{residence_time3_type|}}} | Residence time 3 | {{{residence_time3_label|}}}<br />
|{{{residence_time3|}}}|{{{residence_time3_note|}}}|<br />
}} {{ {{#if: {{{residence_time4|}}} | <br />
<br />
Geobox2 data plain| Geobox 0}} | sub = 1<br />
| Residence time 4 | {{{residence_time4_type|}}} | Residence time 4 | {{{residence_time4_label|}}}<br />
|{{{residence_time4|}}}|{{{residence_time4_note|}}}| <br />
}} }} {{#if: {{{frozen_history|}}} | <br />
<br />
{{ {{#if: {{{frozen_history|}}} | Geobox2 data plain | Geobox 0}} <br />
| 결빙 이력<!--Frozen--> | {{{frozen_history_type|}}} | {{{name|이 지리 항목}}}의 결빙 이력<!--History of frozen--> | {{{frozen_history_label|}}} <br />
|{{{frozen_history|}}}|{{{frozen_history_note|}}}|<br />
}} }} {{#if: {{{numberz|}}} | <br />
<br />
{{ {{#if: {{{numberz|}}} | Geobox2 data plain | Geobox 0}} <br />
| number | {{{numberz_type|}}} | Number | {{{numberz_label|}}} <br />
|{{{numberz|}}}|{{{numberz_note|}}}|<br />
}} {{ {{#if: {{{numberz1|}}} | <br />
<br />
Geobox2 data plain| Geobox 0}} | sub = 1 <br />
| number 1 | {{{numberz1_type|}}} | Number 1| {{{numberz1_label|}}} <br />
|{{{numberz1|}}}|{{{numberz1_note|}}}|<br />
}} {{ {{#if: {{{numberz2|}}} | <br />
<br />
Geobox2 data plain| Geobox 0}} | sub = 1<br />
| number 2 | {{{numberz2_type|}}} | Number 2 | {{{numberz2_label|}}}<br />
|{{{numberz2|}}}|{{{numberz2_note|}}}|<br />
}} {{ {{#if: {{{numberz3|}}} | <br />
<br />
Geobox2 data plain| Geobox 0}} | sub = 1<br />
| number 3 | {{{numberz3_type|}}} | Number 3 | {{{numberz3_label|}}}<br />
|{{{numberz3|}}}|{{{numberz3_note|}}}|<br />
}} {{ {{#if: {{{numberz4|}}} | <br />
<br />
Geobox2 data plain| Geobox 0}} | sub = 1<br />
| number 4 | {{{numberz4_type|}}} | Number 4 | {{{numberz4_label|}}}<br />
|{{{numberz4|}}}|{{{numberz4_note|}}}| <br />
}} }}<br />
<br />
{{Geobox2 end}} <br />
}} <br />
<br />
<!-- *** Population *** --><br />
{{#if: {{{population|}}}{{{population_urban|}}}{{{population_metro|}}}{{{population1|}}}{{{population_density|}}}{{{population_density_imperial|}}}|<br />
<br />
{{!}}- class="mergedtoprow" {{#if: {{{population|}}} | <br />
{{ {{#if: {{{population|}}}| Geobox2 data plain | Geobox 0}} <br />
| Population | {{{populatrion_type|}}} | Total population | <br />
|{{formatnum: {{{population|}}} }}{{#if: {{{population_date|}}}{{{population_as_of|}}}|&nbsp;(''{{{population_date|}}}{{{population_as_of|}}}'')}}|{{{population_note|}}}|<br />
}} {{ {{#if: {{{population_urban|}}} | <br />
<br />
Geobox2 data plain | Geobox 0}} | sub = 1<br />
| urban | | Urban population | <br />
|{{formatnum: {{{population_urban|}}} }}{{#if: {{{population_urban_date|}}}{{{population_urban_as_of|}}}|&nbsp;({{{population_urban_date|}}}{{{population_urban_as_of|}}})}}|{{{population_urban_note|}}}|<br />
}} {{ {{#if: {{{population_metro|}}} | <br />
<br />
Geobox2 data plain | Geobox 0}} | sub = 1<br />
| metro | | Metropolitan population | <br />
|{{formatnum: {{{population_metro|}}} }}{{#if: {{{population_metro_date|}}}{{{population_metro_as_of|}}}|&nbsp;({{{population_metro_date|}}}{{{population_metro_as_of|}}})}}|{{{population_metro_note|}}}|<br />
}} {{ {{#if: {{{population1|}}} | <br />
<br />
Geobox2 data plain | Geobox 0}} | sub = 1<br />
| population 1 | {{{population1_type|}}} | Population 1 | {{{population1_label|}}} <br />
|{{formatnum: {{{population|}}} }}{{#if: {{{population1_date|}}}{{{population1_as_of|}}}|&nbsp;({{{population1_date|}}}{{{population1_as_of|}}})}}|{{{population1_note|}}}|<br />
}} {{ {{#if: {{{population2|}}} | <br />
<br />
Geobox2 data plain | Geobox 0}} | sub = 1<br />
| population 2 | {{{population2_type|}}} | Population 2 | {{{population2_label|}}} <br />
|{{formatnum: {{{population|}}} }}{{#if: {{{population3_date|}}}{{{population2_as_of|}}}|&nbsp;({{{population2_date|}}}{{{population2_as_of|}}})}}|{{{population2_note|}}}|<br />
}} {{ {{#if: {{{population3|}}} | <br />
<br />
Geobox2 data plain | Geobox 0}} | sub = 1<br />
| population 3 | {{{population3_type|}}} | Population 3 | {{{population3_label|}}} <br />
|{{formatnum: {{{population|}}} }}{{#if: {{{population3_date|}}}{{{population3_as_of|}}}|&nbsp;({{{population3_date|}}}{{{population3_as_of|}}})}}|{{{population3_note|}}}|<br />
}} {{ {{#if: {{{population4|}}} | <br />
<br />
Geobox2 data plain | Geobox 0}} | sub = 1<br />
| population 4 | {{{population4_type|}}} | Population 4 | {{{population4_label|}}} <br />
|{{formatnum: {{{population|}}} }}{{#if: {{{population4_date|}}}{{{population4_as_of|}}}|&nbsp;({{{population4_date|}}}{{{population4_as_of|}}})}}|{{{population4_note|}}}|<br />
}} }} {{#if: {{{population_density|}}}{{{population_density_imperial|}}} | <br />
<br />
{{ {{#if: {{{population_density|}}}{{{population_density_imperial|}}} | Geobox2 unit | Geobox 0}}<br />
| Density | {{{density_type|}}} | Population density | {{{density_label|}}}<br />
|area density|sqkm|sqmi|{{{area_unit|}}}|{{#ifeq: {{{population_density|}}} | auto | {{#expr: {{{population|0}}} / {{{area|1}}} round {{{population_density_round|0}}} }} | {{{population_density|}}} }} | {{#ifeq: {{{population_density_imperial|}}} | auto | {{#expr: {{{population|0}}} / {{{area_imperial|1}}} round {{{population_density_round|0}}} }} | {{{population_density_imperial|}}} }} | {{{population_density_round|0}}}| {{{population_density_note|}}}|<br />
}} {{ {{#if: {{{population_urban_density|}}}{{{population_urban_density_imperial|}}} | <br />
<br />
Geobox2 unit | Geobox 0}} | sub = 1<br />
| urban | | Urban population density | <br />
|area density|sqkm|sqmi|{{{area_unit|}}}|{{#ifeq: {{{population_urban_density|}}} | auto | {{#expr: {{{population_urban|0}}} / {{{area_urban|1}}} round {{#if:{{{population_urban_density_round|0}}}|{{{population_urban_density_round|0}}}|{{{population_density_round|0}}}}} }} | {{{population_urban_density|}}} }} | {{#ifeq: {{{population_urban_density_imperial|}}} | auto | {{#expr: {{{population_urban|0}}} / {{{area_urban_imperial|1}}} round {{#if:{{{population_urban_density_round|0}}}|{{{population_urban_density_round|0}}}|{{{population_density_round|0}}}}} }} | {{{population_urban_density_imperial|}}} }} | {{#if:{{{population_urban_density_round|0}}}|{{{population_urban_density_round|0}}}|{{{population_density_round|0}}}}} | {{{population_urban_density_note|}}}|<br />
}} {{ {{#if: {{{population_metro_density|}}}{{{population_metro_density_imperial|}}} | <br />
<br />
Geobox2 unit | Geobox 0}} | sub = 1<br />
| metro | | Metropolitan population density | <br />
|area density|sqkm|sqmi|{{{area_unit|}}}|{{#ifeq: {{{population_metro_density|}}} | auto | {{#expr: {{{population_metro|0}}} / {{{area_metro|1}}} round {{#if:{{{population_metro_density_round|0}}}|{{{population_metro_density_round|0}}}|{{{population_density_round|0}}}}} }} | {{{population_metro_density|}}} }} | {{#ifeq: {{{population_metro_density_imperial|}}} | auto | {{#expr: {{{population_metro|0}}} / {{{area_metro_imperial|1}}} round {{#if:{{{population_metro_density_round|0}}}|{{{population_metro_density_round|0}}}|{{{population_density_round|0}}}}} }} | {{{population_metro_density_imperial|}}} }} | {{#if:{{{population_metro_density_round|0}}}|{{{population_metro_density_round|0}}}|{{{population_density_round|0}}}}} | {{{population_metro_density_note|}}}| <br />
}} {{ {{#if: {{{population1_density|}}}{{{population1_density_imperial|}}} | <br />
<br />
Geobox2 unit | Geobox 0}} | sub = 1<br />
| density 1 | {{#if: {{{density1_type|}}} | {{{density1_type|}}} | {{{population1_type|}}} }} | Population density 1 | {{#if: {{{density1_label|}}} | {{{density1_label|}}} | {{{population1_label|}}} }}<br />
|area density|sqkm|sqmi|{{{area_unit|}}}|{{#ifeq: {{{population1_density|}}} | auto | {{#expr: {{{population1|0}}} / {{{area1|1}}} round {{#if:{{{population1_density_round|0}}}|{{{population1_density_round|0}}}|{{{population_density_round|0}}}}} }} | {{{population1_density|}}} }} | {{#ifeq: {{{population1_density_imperial|}}} | auto | {{#expr: {{{population1|0}}} / {{{area1_imperial|1}}} round {{#if:{{{population1_density_round|0}}}|{{{population1_density_round|0}}}|{{{population_density_round|0}}}}} }} | {{{population1_density_imperial|}}} }} | {{#if:{{{population1_density_round|0}}}|{{{population1_density_round|0}}}|{{{population_density_round|0}}}}} | {{{population1_density_note|}}}|<br />
}} {{ {{#if: {{{population2_density|}}}{{{population2_density_imperial|}}} | <br />
<br />
Geobox2 unit | Geobox 0}} | sub = 1<br />
| density 2 | {{#if: {{{density2_type|}}} | {{{density2_type|}}} | {{{population2_type|}}} }} | Population density 2 | {{#if: {{{density2_label|}}} | {{{density2_label|}}} | {{{population2_label|}}} }}<br />
|area density|sqkm|sqmi|{{{area_unit|}}}|{{#ifeq: {{{population2_density|}}} | auto | {{#expr: {{{population2|0}}} / {{{area2|1}}} round {{#if:{{{population2_density_round|0}}}|{{{population1_density_round|0}}}|{{{population_density_round|0}}}}} }} | {{{population2_density|}}} }} | {{#ifeq: {{{population2_density_imperial|}}} | auto | {{#expr: {{{population2|0}}} / {{{area2_imperial|1}}} round {{#if:{{{population2_density_round|0}}}|{{{population2_density_round|0}}}|{{{population_density_round|0}}}}} }} | {{{population2_density_imperial|}}} }} | {{#if:{{{population2_density_round|0}}}|{{{population2_density_round|0}}}|{{{population_density_round|0}}}}} | {{{population2_density_note|}}}|<br />
}} {{ {{#if: {{{population3_density|}}}{{{population3_density_imperial|}}} | <br />
<br />
Geobox2 unit | Geobox 0}} | sub = 1<br />
| density 3 | {{#if: {{{density3_type|}}} | {{{density3_type|}}} | {{{population3_type|}}} }} | Population density 3 | {{#if: {{{density3_label|}}} | {{{density3_label|}}} | {{{population3_label|}}} }}<br />
|area density|sqkm|sqmi|{{{area_unit|}}}|{{#ifeq: {{{population3_density|}}} | auto | {{#expr: {{{population3|0}}} / {{{area3|1}}} round {{#if:{{{population3_density_round|0}}}|{{{population3_density_round|0}}}|{{{population_density_round|0}}}}} }} | {{{population3_density|}}} }} | {{#ifeq: {{{population3_density_imperial|}}} | auto | {{#expr: {{{population3|0}}} / {{{area3_imperial|1}}} round {{#if:{{{population3_density_round|0}}}|{{{population3_density_round|0}}}|{{{population_density_round|0}}}}} }} | {{{population3_density_imperial|}}} }} | {{#if:{{{population3_density_round|0}}}|{{{population3_density_round|0}}}|{{{population_density_round|0}}}}} | {{{population3_density_note|}}}|<br />
}} {{ {{#if: {{{population4_density|}}}{{{population4_density_imperial|}}} | <br />
<br />
Geobox2 unit | Geobox 0}} | sub = 1<br />
| density 4 | {{#if: {{{density4type|}}} | {{{density4_type|}}} | {{{population4_type|}}} }} | Population density 4 | {{#if: {{{density4_label|}}} | {{{density4_label|}}} | {{{population4_label|}}} }}<br />
|area density|sqkm|sqmi|{{{area_unit|}}}|{{#ifeq: {{{population4_density|}}} | auto | {{#expr: {{{population4|0}}} / {{{area4|1}}} round {{#if:{{{population4_density_round|0}}}|{{{population4_density_round|0}}}|{{{population_density_round|0}}}}} }} | {{{population4_density|}}} }} | {{#ifeq: {{{population4_density_imperial|}}} | auto | {{#expr: {{{population4|0}}} / {{{area4_imperial|1}}} round {{#if:{{{population4_density_round|0}}}|{{{population4_density_round|0}}}|{{{population_density_round|0}}}}} }} | {{{population4_density_imperial|}}} }} | {{#if:{{{population4_density_round|0}}}|{{{population4_density_round|0}}}|{{{population_density_round|0}}}}} | {{{population4_density_note|}}}|<br />
}} }}<br />
<br />
{{Geobox2 end}} <br />
}} <br />
<br />
<!-- *** Features *** --><br />
{{#if: {{{biome|}}}{{{geology|}}}{{{orogeny|}}}{{{period|}}}{{{plant|}}}{{{animal|}}}{{{author|}}}{{{style|}}}{{{material|}}} |<br />
<br />
{{!}}- class="mergedtoprow" {{ {{#if: {{{biome|}}} | <br />
Geobox2 list{{#if:{{{biome_fold|}}}|_fold}} | Geobox 0}}<br />
| {{#if: {{{biome1|}}}| Biomes | Biome }} | {{{biome_type|}}} | Biomes of the area | {{{biome_label|}}} <br />
|{{#ifexist:{{{biome|}}}|[[{{{biome|}}}]]|{{{biome|}}}}}{{#if:{{{biome_share|}}}|&nbsp;({{{biome_share|}}}%)}}|{{{biome_note|}}}|{{{biome1|}}}|{{{biome1_note|}}}|{{{biome2|}}}|{{{biome2_note|}}}|{{{biome3|}}}|{{{biome3_note|}}}|{{{biome4|}}}|{{{biome4_note|}}}|{{{biome5|}}}|{{{biome5_note|}}}|{{{biome6|}}}|{{{biome6_note|}}}|{{{biome7|}}}|{{{biome7_note|}}}|{{{biome8|}}}|{{{biome8_note|}}}|{{{biome9|}}}|{{{biome9_note|}}}|{{{biome10|}}}|{{{biome10_note|}}}|{{{biome11|}}}|{{{biome11_note|}}}|{{{biome12|}}}|{{{biome12_note|}}}|{{{biome13|}}}|{{{biome13_note|}}}|{{{biome14|}}}|{{{biome14_note|}}}|{{{biome15|}}}|{{{biome15_note|}}}| <br />
}} {{ {{#if: {{{geology|}}} | <br />
<br />
Geobox2 list{{#if:{{{geology_fold|}}}|_fold}} | Geobox 0}}<br />
| <!--Geology-->[[지질 (지질학)|<span style="color: black" title="{{{geology_label|{{{name|이 지리 항목}}}의 지질}}}">지질</span>]] | {{{geology_type|}}} | {{{name|이 지리 항목}}}의 지질<!--Geology of the area--> | {{{geology_label|}}} <br />
|{{{geology|}}}|{{{geology_note|}}}|{{{geology1|}}}|{{{geology1_note|}}}|{{{geology2|}}}|{{{geology2_note|}}}|{{{geology3|}}}|{{{geology3_note|}}}|{{{geology4|}}}|{{{geology4_note|}}}|{{{geology5|}}}|{{{geology5_note|}}}|{{{geology6|}}}|{{{geology6_note|}}}|{{{geology7|}}}|{{{geology7_note|}}}|{{{geology8|}}}|{{{geology8_note|}}}|{{{geology9|}}}|{{{geology9_note|}}}|{{{geology10|}}}|{{{geology10_note|}}}|{{{geology11|}}}|{{{geology11_note|}}}|{{{geology12|}}}|{{{geology12_note|}}}|{{{geology13|}}}|{{{geology13_note|}}}|{{{geology14|}}}|{{{geology14_note|}}}|{{{geology15|}}}|{{{geology15_note|}}}|<br />
}} {{ {{#if: {{{orogeny|}}} | <br />
<br />
Geobox2 list{{#if:{{{orogeny_fold|}}}|_fold}} | Geobox 0}}<br />
| <!--Orogeny-->[[조산 운동|<span style="color: black" title="{{{orogeny_label|이 지리를 형성한 조산 운동}}}">조산 운동</span>]] | {{{orogeny_type|}}} | 이 지리를 형성한 조산 운동<!--Orogeny of the area--> | {{{orogeny_label|}}} <br />
|{{{orogeny|}}}|{{{orogeny_note|}}}|{{{orogeny1|}}}|{{{orogeny1_note|}}}|{{{orogeny2|}}}|{{{orogeny2_note|}}}|{{{orogeny3|}}}|{{{orogeny3_note|}}}|{{{orogeny4|}}}|{{{orogeny4_note|}}}|{{{orogeny5|}}}|{{{orogeny5_note|}}}|{{{orogeny6|}}}|{{{orogeny6_note|}}}|{{{orogeny7|}}}|{{{orogeny7_note|}}}|{{{orogeny8|}}}|{{{orogeny8_note|}}}|{{{orogeny9|}}}|{{{orogeny9_note|}}}|{{{orogeny10|}}}|{{{orogeny10_note|}}}|{{{orogeny11|}}}|{{{orogeny11_note|}}}|{{{orogeny12|}}}|{{{orogeny12_note|}}}|{{{orogeny13|}}}|{{{orogeny13_note|}}}|{{{orogeny14|}}}|{{{orogeny14_note|}}}|{{{orogeny15|}}}|{{{orogeny15_note|}}}| <br />
}} {{ {{#if: {{{period|}}} | <br />
<br />
Geobox2 list{{#if:{{{period_fold|}}}|_fold}} | Geobox 0}}<br />
| <!--Period-->[[지질 시대|<span style="color: black" title="{{{period_label|이 지리가 형성된 지질 시대}}}">지질 시대</span>]] | {{{period_type|}}} | 이 지리가 형성된 지질 시대<!--Geologic period--> | {{{period_label|}}} <br />
|{{{period|}}}|{{{period_note|}}}|{{{period1|}}}|{{{period1_note|}}}|{{{period2|}}}|{{{period2_note|}}}|{{{period3|}}}|{{{period3_note|}}}|{{{period4|}}}|{{{period4_note|}}}|{{{period5|}}}|{{{period5_note|}}}|{{{period6|}}}|{{{period6_note|}}}|{{{period7|}}}|{{{period7_note|}}}|{{{period8|}}}|{{{period8_note|}}}|{{{period9|}}}|{{{period9_note|}}}|{{{period10|}}}|{{{period10_note|}}}|{{{period11|}}}|{{{period11_note|}}}|{{{period12|}}}|{{{period12_note|}}}|{{{period13|}}}|{{{period13_note|}}}|{{{period14|}}}|{{{period14_note|}}}|{{{period15|}}}|{{{period15_note|}}}| <br />
}} {{ {{#if: {{{plant|}}} | <br />
<br />
Geobox2 list{{#if:{{{plant_fold|}}}|_fold}} | Geobox 0}}<br />
| {{#if: {{{plant1|}}}| Plants | Plant }} | {{{plant_type|}}} | Major plants(s) of the area | {{{plant_label|}}}<br />
|{{{plant|}}}|{{{plant_note|}}}|{{{plant1|}}}|{{{plant1_note|}}}|{{{plant2|}}}|{{{plant2_note|}}}|{{{plant3|}}}|{{{plant3_note|}}}|{{{plant4|}}}|{{{plant4_note|}}}|{{{plant5|}}}|{{{plant5_note|}}}|{{{plant6|}}}|{{{plant6_note|}}}|{{{plant7|}}}|{{{plant7_note|}}}|{{{plant8|}}}|{{{plant8_note|}}}|{{{plant9|}}}|{{{plant9_note|}}}|{{{plant10|}}}|{{{plant10_note|}}}|{{{plant11|}}}|{{{plant11_note|}}}|{{{plant12|}}}|{{{plant12_note|}}}|{{{plant13|}}}|{{{plant13_note|}}}|{{{plant14|}}}|{{{plant14_note|}}}|{{{plant15|}}}|{{{plant15_note|}}}| <br />
}} {{ {{#if: {{{animal|}}} | <br />
<br />
Geobox2 list{{#if:{{{animal_fold|}}}|_fold}} | Geobox 0}}<br />
| {{#if: {{{plant1|}}}| Animals | Animal }} | {{{animal_type|}}} | Major animal(s) of the area | {{{animal_label|}}}<br />
|{{{animal|}}}|{{{animal_note|}}}|{{{animal1|}}}|{{{animal1_note|}}}|{{{animal2|}}}|{{{animal2_note|}}}|{{{animal3|}}}|{{{animal3_note|}}}|{{{animal4|}}}|{{{animal4_note|}}}|{{{animal5|}}}|{{{animal5_note|}}}|{{{animal6|}}}|{{{animal6_note|}}}|{{{animal7|}}}|{{{animal7_note|}}}|{{{animal8|}}}|{{{animal8_note|}}}|{{{animal9|}}}|{{{animal9_note|}}}|{{{animal10|}}}|{{{animal10_note|}}}|{{{animal11|}}}|{{{animal11_note|}}}|{{{animal12|}}}|{{{animal12_note|}}}|{{{animal13|}}}|{{{animal13_note|}}}|{{{animal14|}}}|{{{animal14_note|}}}|{{{animal15|}}}|{{{animal15_note|}}}| <br />
}} {{ {{#if: {{{author|}}} | <br />
<br />
Geobox2 list{{#if:{{{author_fold|}}}|_fold}} | Geobox 0}}<br />
| {{#if: {{{author1|}}}| Authors | Author }} | {{{author_type|}}} | Author/Creator | {{{author_label|}}}<br />
|{{{author|}}}|{{{author_note|}}}|{{{author1|}}}|{{{author1_note|}}}|{{{author2|}}}|{{{author2_note|}}}|{{{author3|}}}|{{{author3_note|}}}|{{{author4|}}}|{{{author4_note|}}}|{{{author5|}}}|{{{author5_note|}}}|{{{author6|}}}|{{{author6_note|}}}|{{{author7|}}}|{{{author7_note|}}}|{{{author8|}}}|{{{author8_note|}}}|{{{author9|}}}|{{{author9_note|}}}|{{{author10|}}}|{{{author10_note|}}}|{{{author11|}}}|{{{author11_note|}}}|{{{author12|}}}|{{{author12_note|}}}|{{{author13|}}}|{{{author13_note|}}}|{{{author14|}}}|{{{author14_note|}}}|{{{author15|}}}|{{{author15_note|}}}| <br />
}} {{ {{#if: {{{style|}}} | <br />
<br />
Geobox2 list{{#if:{{{style_fold|}}}|_fold}} | Geobox 0}}<br />
| {{#if: {{{style1|}}}| Styles | Style }} | {{{style_type|}}} | Style(s) in which the building is constructed | {{{style_label|}}}<br />
|{{{style|}}}|{{{style_note|}}}|{{{style1|}}}|{{{style1_note|}}}|{{{style2|}}}|{{{style2_note|}}}|{{{style3|}}}|{{{style3_note|}}}|{{{style4|}}}|{{{style4_note|}}}|{{{style5|}}}|{{{style5_note|}}}|{{{style6|}}}|{{{style6_note|}}}|{{{style7|}}}|{{{style7_note|}}}|{{{style8|}}}|{{{style8_note|}}}|{{{style9|}}}|{{{style9_note|}}}|{{{style10|}}}|{{{style10_note|}}}|{{{style11|}}}|{{{style11_note|}}}|{{{style12|}}}|{{{style12_note|}}}|{{{style13|}}}|{{{style13_note|}}}|{{{style14|}}}|{{{style14_note|}}}|{{{style15|}}}|{{{style15_note|}}}| <br />
}} {{ {{#if: {{{material|}}} | <br />
<br />
Geobox2 list{{#if:{{{material_fold|}}}|_fold}} | Geobox 0}}<br />
| {{#if: {{{material1|}}}| Materials | Material }} | {{{material_type|}}} | Material(s) in which the object is made | {{{material_label|}}}<br />
|{{{material|}}}|{{{material_note|}}}|{{{material1|}}}|{{{material1_note|}}}|{{{material2|}}}|{{{material2_note|}}}|{{{material3|}}}|{{{material3_note|}}}|{{{material4|}}}|{{{material4_note|}}}|{{{material5|}}}|{{{material5_note|}}}|{{{material6|}}}|{{{material6_note|}}}|{{{material7|}}}|{{{material7_note|}}}|{{{material8|}}}|{{{material8_note|}}}|{{{material9|}}}|{{{material9_note|}}}|{{{material10|}}}|{{{material10_note|}}}|{{{material11|}}}|{{{material11_note|}}}|{{{material12|}}}|{{{material12_note|}}}|{{{material13|}}}|{{{material13_note|}}}|{{{material14|}}}|{{{material14_note|}}}|{{{material15|}}}|{{{material15_note|}}}| <br />
}}<br />
<br />
{{Geobox2 end}}<br />
}}<br />
<br />
<!-- *** History & government *** --><br />
{{#if: {{{established|}}}{{{date|}}}{{{government|}}}{{{government_body|}}}{{{government|}}}{{{mayor|}}}{{{owner|}}}{{{leader|}}}|<br />
<br />
{{!}}- class="mergedtoprow" {{#if: {{{established|}}} | <br />
{{ {{#if: {{{established|}}} | Geobox2 data plain| Geobox 0}} <br />
| Founded | {{{established_type|}}} | Foundation date | {{{established_label|}}} <br />
|{{{established|}}}|{{{established_note|}}}|<br />
}} {{ {{#if: {{{established1|}}} | <br />
<br />
Geobox2 data | Geobox 0}} | sub = 1 <br />
| established 1 | {{{established1_type|}}} | Foundation date 1 | {{{established1_label|}}} <br />
|{{{established1|}}}|{{{established1_note|}}}|<br />
}} {{ {{#if: {{{established2|}}} | <br />
<br />
Geobox2 data | Geobox 0}} | sub = 1<br />
| established 2 | {{{established2_type|}}} | Foundation date 2 | {{{established2_label|}}}<br />
|{{{established2|}}}|{{{established2_note|}}}|<br />
}} {{ {{#if: {{{established3|}}} | <br />
<br />
Geobox2 data | Geobox 0}} | sub = 1<br />
| established 3 | {{{established3_type|}}} | Foundation date 3 | {{{established3_label|}}}<br />
|{{{established3|}}}|{{{established3_note|}}}|<br />
}} {{ {{#if: {{{established4|}}} | <br />
<br />
Geobox2 data | Geobox 0}} | sub = 1<br />
| established 4 | {{{established4_type|}}} | Foundation date 4 | {{{established4_label|}}}<br />
|{{{established4|}}}|{{{established4_note|}}}| <br />
}} }} {{#if: {{{date|}}} | <br />
<br />
{{ {{#if: {{{date|}}} | Geobox2 data | Geobox 0}} <br />
| Date | {{{date_type|}}} | Date | {{{date_label|}}} <br />
|{{{date|}}}|{{{date_note|}}}|<br />
}} {{ {{#if: {{{date1|}}} | <br />
<br />
Geobox2 data | Geobox 0}} | sub = 1 <br />
| date 1 | {{{date1_type|}}} | Date 1 | {{{date1_label|}}} <br />
|{{{date1|}}}|{{{date1_note|}}}|<br />
}} {{ {{#if: {{{date2|}}} | <br />
<br />
Geobox2 data | Geobox 0}} | sub = 1<br />
| date 2 | {{{date2_type|}}} | Date 2 | {{{date2_label|}}}<br />
| {{{date2|}}} | {{{date2_note|}}}| <br />
}} {{ {{#if: {{{date3|}}} | <br />
<br />
Geobox2 data | Geobox 0}} | sub = 1<br />
| date 3 | {{{date3_type|}}} | Date 3 | {{{date3_label|}}}<br />
| {{{date3|}}} | {{{date3_note|}}}| <br />
}} {{ {{#if: {{{date4|}}} | <br />
<br />
Geobox2 data | Geobox 0}} | sub = 1<br />
| date 4 | {{{date4_type|}}} | Date 4 | {{{date4_label|}}}<br />
| {{{date4|}}} | {{{date4_note|}}}| <br />
}} }} {{#if: {{{management|}}}{{{management_body|}}}{{{management_location|}}}{{{management_elevation|}}}{{{management_elevation_imperial|}}}{{{management_lat_d|}}} |<br />
{{ {{#if: {{{management|}}}{{{management_body|}}}{{{management_location|}}}{{{management_elevation|}}}{{{management_elevation_imperial|}}}{{{management_lat_d|}}} |<br />
<br />
Geobox2 data | Geobox 0}} <br />
| Management | {{{management_type|}}} | Region management/seat | {{{management_label|}}}<br />
| {{{management|}}}{{{management_body|}}} | {{{management_note|}}} | <br />
}} {{ {{#if: {{{management_location|}}} |<br />
<br />
Geobox2 location | Geobox 0}} | sub = 1 <br />
| location | {{{management_location_type|}}} | management center | {{{management_location_label|}}} <br />
|{{{management_location|}}}|{{{management_location_note|}}}<br />
|{{{management_municipality|}}}| {{{management_municipality1|}}} <br />
|{{{management_district|}}}|{{{management_district1|}}} <br />
|{{{management_region|}}}|{{{management_region1|}}} <br />
|{{{management_state|}}}|{{{management_state1|}}} <br />
|{{{management_country|}}}|{{{management_country1|}}} <br />
}} {{ {{#if: {{{management_elevation|}}}{{{management_elevation_imperial|}}} |<br />
<br />
Geobox2 unit | Geobox 0}} | sub = 1<br />
| elevation | | management elevation above sea level (ASL) | <br />
|height|m|ft| {{#if: {{{management_elevation_unit|}}} | {{{management_elevation_unit|}}} | {{{elevation_unit|}}} }} | {{{management_elevation|}}} | {{{management_elevation_imperial|}}} | {{#if: {{{management_elevation_round|}}} | {{{management_elevation_round|}}} | {{{elevation_round|0}}} }} | {{{management_elevation_note|}}} |<br />
}} {{ {{#if: {{{management_lat_d|}}} | <br />
<br />
Geobox2 coor | Geobox 0}} | sub = 1<br />
| coordinates | | management center geographic coordinates |<br />
|{{{management_lat_d|}}}|{{{management_lat_m|}}}|{{{management_lat_s|}}}|{{{management_lat_NS|}}}|{{{management_long_d|}}}|{{{management_long_m|}}}|{{{management_long_s|}}}|{{{management_long_EW|}}}|country={{{country|}}}|state={{#if: {{{state|}}}|{{{state}}}|{{{region|}}}}}|type={{{1|}}}|pop={{{population|}}}|coor_param={{#if: {{{management_coordinates_type|}}} | {{{management_coordinates_type|}}} | {{{coordinates_type|}}}}} | format={{#if:{{{management_coordinates_format|}}}|{{{management_coordinates_format|}}}|{{{coordinates_format|}}} }}|{{{management_coordinates_note|}}}|<br />
}} }} {{#if: {{{government|}}}{{{government_location|}}}{{{government_elevation|}}}{{{government_elevation_imperial|}}}{{{government_lat_d|}}} |<br />
{{ {{#if: {{{government|}}}{{{government_location|}}}{{{government_elevation|}}}{{{government_elevation_imperial|}}}{{{government_lat_d|}}} |<br />
<br />
Geobox2 data | Geobox 0}} <br />
| Government | {{{government_type|}}} | Region government/seat | {{{government_label|}}}<br />
| {{{government|}}} | {{{government_note|}}} | <br />
}} {{ {{#if: {{{government_location|}}} |<br />
<br />
Geobox2 location | Geobox 0}} | sub = 1 <br />
| location | {{{government_location_type|}}} | government center | {{{government_location_label|}}} <br />
|{{{government_location|}}}|{{{government_location_note|}}}<br />
|{{{government_municipality|}}}| {{{government_municipality1|}}} <br />
|{{{government_district|}}}|{{{government_district1|}}} <br />
|{{{government_region|}}}|{{{government_region1|}}} <br />
|{{{government_state|}}}|{{{government_state1|}}} <br />
|{{{government_country|}}}|{{{government_country1|}}} <br />
}} {{ {{#if: {{{government_elevation|}}}{{{government_elevation_imperial|}}} |<br />
<br />
Geobox2 unit | Geobox 0}} | sub = 1<br />
| elevation | | government elevation above sea level (ASL) | <br />
|height|m|ft| {{#if: {{{government_elevation_unit|}}} | {{{government_elevation_unit|}}} | {{{elevation_unit|}}} }} | {{{government_elevation|}}} | {{{government_elevation_imperial|}}} | {{#if: {{{government_elevation_round|}}} | {{{government_elevation_round|}}} | {{{elevation_round|0}}} }} | {{{government_elevation_note|}}} |<br />
}} {{ {{#if: {{{government_lat_d|}}} | <br />
<br />
Geobox2 coor | Geobox 0}} | sub = 1<br />
| coordinates | | government center geographic coordinates |<br />
|{{{government_lat_d|}}}|{{{government_lat_m|}}}|{{{government_lat_s|}}}|{{{government_lat_NS|}}}|{{{government_long_d|}}}|{{{government_long_m|}}}|{{{government_long_s|}}}|{{{government_long_EW|}}}|country={{{country|}}}|state={{#if: {{{state|}}}|{{{state}}}|{{{region|}}}}}|type={{{1|}}}|pop={{{population|}}}|coor_param={{#if: {{{government_coordinates_type|}}} | {{{government_coordinates_type|}}} | {{{coordinates_type|}}}}} | format={{#if:{{{government_coordinates_format|}}}|{{{government_coordinates_format|}}}|{{{coordinates_format|}}} }}|{{{government_coordinates_note|}}}|<br />
}} }} {{ {{#if: {{{owner|}}} | <br />
<br />
Geobox2 data | Geobox 0}} <br />
| Owner | {{{owner_type|}}} | Owner of the site | {{{owner_label|}}} <br />
|{{{owner|}}}|{{{owner_note|}}}| <br />
}} {{ {{#if: {{{mayor|}}} | <br />
<br />
Geobox2 data plain | Geobox 0}}<br />
| Mayor | {{{mayor_type|}}} | Mayor of the settlement | {{{mayor_label|}}} <br />
|{{{mayor|}}}{{#if: {{{mayor_party|}}}|&#32;(''{{{mayor_party}}}'')}}|{{{mayor_note|}}}| <br />
}} {{#if: {{{leader|}}} | <br />
<br />
{{ {{#if: {{{leader|}}} | Geobox2 data | Geobox 0}}<br />
| {{#switch: {{lc:{{{1|}}}}} | borough | city | settlement| town | township | village = Mayor | Leader }} | {{{leader_type|}}} | Leader | {{{leader_label|}}} <br />
|{{{leader|}}}{{#if: {{{leader_party|}}}|&#32;({{{leader_party}}})}}|{{{leader_note|}}}|<br />
}} {{ {{#if: {{{leader1|}}} | <br />
<br />
Geobox2 data | Geobox 0}} | sub = 1 <br />
| Leader 1 | {{{leader1_type|}}} | Leader 1 | {{{leader1_label|}}} <br />
|{{{leader1|}}}{{#if: {{{leader1_party|}}}|&#32;({{{leader1_party}}}})}}|{{{leader1_note|}}}| <br />
}} {{ {{#if: {{{leader2|}}} | <br />
<br />
Geobox2 data | Geobox 0}} | sub = 1 <br />
| Leader 2 | {{{leader2_type|}}} | Leader 2 | {{{leader2_label|}}} <br />
|{{{leader2|}}}{{#if: {{{leader1_party|}}}|&#32;({{{leader1_party}}}})}}|{{{leader2_note|}}}|<br />
}} {{ {{#if: {{{leader3|}}} | <br />
<br />
Geobox2 data | Geobox 0}} | sub = 1 <br />
| Leader 3 | {{{leader3_type|}}} | Leader 3 | {{{leader3_label|}}} <br />
|{{{leader3|}}}{{#if: {{{leader1_party|}}}|&#32;({{{leader1_party}}}})}}|{{{leader3_note|}}}|<br />
}} {{ {{#if: {{{leader4|}}} | <br />
<br />
Geobox2 data | Geobox 0}} | sub = 1 <br />
| Leader 4 | {{{leader4_type|}}} | Leader 4 | {{{leader4_label|}}} <br />
|{{{leader4|}}}{{#if: {{{leader1_party|}}}|&#32;({{{leader1_party}}}})}}|{{{leader4_note|}}}|<br />
}} }} <br />
<br />
{{Geobox2 end}}<br />
}}<br />
<br />
<!-- *** Access *** --><br />
{{#if: {{{public|}}}{{{visitation|}}}{{{access|}}}{{{ascent|}}}{{{discovery|}}} |<br />
<br />
{{!}}- class="mergedtoprow" {{ {{#if: {{{public|}}} | <br />
Geobox2 data plain | Geobox 0 }} <br />
| For public | {{{public_type|}}} | Public | {{{public_label|}}} <br />
|{{{public|}}}|{{{public_note|}}}| <br />
}} {{ {{#if: {{{visitation|}}} | <br />
<br />
Geobox2 data plain | Geobox 0 }}<br />
| Visitation | {{{visitation_type|}}} | Visitation (date) | {{{visitation_label|}}} <br />
|{{formatnum:{{{visitation|}}}}}{{#if: {{{visitation_date|}}}|&nbsp;(''{{{visitation_date}}}'')}}|{{{visitation_note|}}}| <br />
}} {{ {{#if: {{{access|}}} | <br />
<br />
Geobox2 data plain | Geobox 0 }} <br />
| Easiest access | {{{access_type|}}} | Easiest access | {{{access_label|}}} <br />
|{{{access|}}}|{{{acess_note|}}}|<br />
}} {{#if: {{{discovery|}}} | <br />
<br />
{{ {{#if: {{{discovery|}}} | Geobox2 list | Geobox 0}} <br />
| Discovered by | {{{discovery_type|}}}| Discovered by | {{{discovery_label|}}} <br />
|{{{discovery|}}}|{{{discovery_note|}}}|{{{discovery1|}}}|{{{discovery1_note|}}}|{{{discovery2|}}}|{{{discovery2_note|}}}|{{{discovery3|}}}|{{{discovery3_note|}}}|{{{discovery4|}}}|{{{discovery4_note|}}}|{{{discovery5|}}}|{{{discovery5_note|}}}|{{{discovery6|}}}|{{{discovery6_note|}}}|{{{discovery7|}}}|{{{discovery7_note|}}}|<br />
}} {{ {{#if: {{{discovery_date|}}} | <br />
<br />
Geobox2 data | Geobox2 list | Geobox 0}} | sub = 1 <br />
| date | {{{discovery_date_type|}}} | Year of discovery | {{{discovery_date_label|}}} <br />
|{{{discovery_date|}}}|{{{discovery_date_note|}}}| <br />
}} }} {{#if: {{{ascent|}}} | <br />
<br />
{{ {{#if: {{{ascent|}}} | Geobox2 list | Geobox 0}} <br />
| Ascended by | {{{ascent_type|}}}| First ascented by | {{{ascent_label|}}} <br />
|{{{ascent|}}}|{{{ascent_note|}}}|{{{ascent1|}}}|{{{ascent1_note|}}}|{{{ascent2|}}}|{{{ascent2_note|}}}|{{{ascent3|}}}|{{{ascent3_note|}}}|{{{ascent4|}}}|{{{ascent4_note|}}}|{{{ascent5|}}}|{{{ascent5_note|}}}|{{{ascent6|}}}|{{{ascent6_note|}}}|{{{ascent7|}}}|{{{ascent7_note|}}}|<br />
}} {{ {{#if: {{{ascent_date|}}} | <br />
<br />
Geobox2 data plain | Geobox 0 }} | sub = 1 <br />
| date | {{{ascent_date_type|}}} | Year of ascent | {{{ascent_date_label|}}} <br />
|{{{ascent_date|}}}|{{{ascent_date_note|}}}| <br />
}} }}<br />
<br />
{{Geobox2 end}}<br />
}}<br />
<br />
<!-- *** Codes *** --><br />
{{#if: {{{timezone|}}}{{{iso_code|}}}{{{postal_code|}}}{{{area_code|}}}{{{code|}}}{{{code1|}}}{{{code2|}}}{{{code3|}}}{{{code4|}}}|<br />
<br />
{{!}}- class="mergedtoprow" {{#if: {{{timezone|}}} | <br />
{{ {{#if: {{{timezone|}}} | Geobox2 data plain | Geobox 0}} <br />
| Timezone | {{{timezone_type|}}} | Basic timezone | {{{timezone_label|}}} <br />
| {{#ifexist: {{{timezone|}}} | [[{{{timezone|}}}]] | {{{timezone|}}} }}{{#if: {{{utc_offset|}}}| &#32;([[UTC{{{utc_offset}}}]]) }} | {{{timezone_note|}}}|<br />
}} {{ {{#if: {{{timezone_DST|}}} | <br />
<br />
Geobox2 data plain | Geobox 0}} | sub = 1<br />
| summer (DST) | {{{timezone_type_DST|}}} | Summer (Daylight saving) time | {{{timezone_DST_label|}}}<br />
| {{#ifexist: {{{timezone_DST|}}} | [[{{{timezone_DST|}}}]] | {{{timezone_DST|}}} }}{{#if: {{{utc_offset_DST|}}}| &#32;([[UTC{{{utc_offset_DST}}}]]) }} | {{{timezone_DST_note|}}}|<br />
}} }} {{ {{#if: {{{iso_code|}}} | <br />
<br />
Geobox2 data plain | Geobox 0 }} <br />
| ISO 3166-2 code | {{{iso_code_type|}}} | ISO 3166-2 code | {{{iso_code_label|}}} <br />
| [[ISO 3166-2:{{{iso_code|}}}|{{{iso_code|}}}-{{{iso_subcode|}}}]] | {{{iso_code_note|}}}| <br />
}} {{ {{#if: {{{postal_code|}}} | <br />
<br />
Geobox2 data plain | Geobox 0 }} <br />
| Postal code | {{{postal_code_type|}}} | Postal code | {{{postal_code_label|}}} <br />
| {{{postal_code|}}} | {{{postal_code_note|}}}| <br />
}} {{ {{#if: {{{area_code|}}} | <br />
<br />
Geobox2 data plain | Geobox 0 }} <br />
| Area code | {{{area_code_type|}}} | Area (Dialling) code | {{{area_code_label|}}} <br />
| {{{area_code|}}} | {{{area_code_note|}}}| <br />
}} {{ {{#if: {{{code|}}} | <br />
<br />
Geobox2 data plain | Geobox 0 }} <br />
| Code | {{{code_type|}}} | Another code | {{{code_label|}}} <br />
| {{{code|}}} |{{{code_note|}}}| <br />
}} {{ {{#if: {{{code1|}}} | <br />
<br />
Geobox2 data plain | Geobox 0 }} <br />
| Code 1 | {{{code1_type|}}} | Another code 1 | {{{code1_label|}}} <br />
| {{{code1|}}} |{{{code1_note|}}}|<br />
}} {{ {{#if: {{{code2|}}} | <br />
<br />
Geobox2 data plain | Geobox 0 }} <br />
| Code 2 | {{{code2_type|}}} | Another code 2 | {{{code2_label|}}} <br />
| {{{code2|}}} |{{{code2_note|}}}|<br />
}} {{ {{#if: {{{code3|}}} | <br />
<br />
Geobox2 data plain | Geobox 0 }} <br />
| Code 3 | {{{code3_type|}}} | Another code 3 | {{{code3_label|}}} <br />
| {{{code3|}}} |{{{code3_note|}}}|<br />
}} {{ {{#if: {{{code4|}}} | <br />
<br />
Geobox2 data plain | Geobox 0 }} <br />
| Code 4 | {{{code4_type|}}} | Another code 4 | {{{code4_label|}}} <br />
| {{{code4|}}} |{{{code4_note|}}}|<br />
}} <br />
<br />
{{Geobox2 end}}<br />
}}<br />
<br />
<!-- *** UNESCO etc. *** --><br />
{{#if: {{{whs_name|}}}{{{whs_criteria|}}}{{{whs_number|}}}{{{whs_region|}}}{{{whs_year|}}}{{{category_iucn|}}}{{{mab_name|}}}{{{mab_year|}}}{{{topo_map|}}} |<br />
<br />
{{!}}- class="mergedtoprow" {{#if: {{{whs_name|}}}{{{whs_criteria|}}}{{{whs_number|}}}{{{whs_region|}}}{{{whs_year|}}} | <br />
{{ {{#if: {{{whs_name|}}}{{{whs_criteria|}}}{{{whs_number|}}}{{{whs_region|}}}{{{whs_year|}}} | <br />
<br />
Geobox2 line plain | Geobox 0}} | style = background-color: #eeeeee<!--{{{배경색|{{{backcolor|{{Geobox2 color |{{{1|}}}}}}}}}}}-->; text-align: center; padding-top: 6px; padding-bottom: 3px; border-bottom: 1px solid #aaaaaa;<br />
| [[유네스코 세계유산|<span title="{{{whs_label|{{{name|}}}과 관련하여 지정되어 있는 유네스코 세계유산}}}" style="color: black">유네스코 세계유산</span>]]<!--[[World Heritage Site|UNESCO World Heritage Site]]--> | | {{{whs_label|{{{name|}}}과 관련하여 지정되어 있는 유네스코 세계유산}}}<!--This location has been inscribed on the UNSECO World Heritage Site List--> | <br />
}} {{ {{#if: {{{whs_name|}}} |<br />
<br />
Geobox2 data | Geobox 0}} | style = padding-top: 0.4em; <br />
| 이름<!--Name--> | | 유네스코 세계유산에 등재된 공식 이름<!--Name as inscribed on the UNSECO World Heritage Site List--> | <br />
| {{{whs_name|}}} | {{{whs_name_note|}}}|<br />
}} {{ {{#if: {{{whs_year|}}} | <br />
<br />
Geobox2 data plain | Geobox 0}} <br />
| 지정 년도<!--[[World Heritage Site#World Heritage Committee Session|Year]]--> | | 지정 년도 (위원회 회기 번호)<!--Year of inscription (session number)--> | <br />
| {{{whs_year|}}} (#{{#expr:({{{whs_year}}} - 1976)}})| {{{whs_year_note|}}} | <br />
}} {{ {{#if: {{{whs_number|}}} | <br />
<br />
Geobox2 data plain | Geobox 0}} <br />
| 지정 번호<!--Number--> | | 지정된 세계유산 번호<!--Number under which the site is registered--> | <br />
| [http://whc.unesco.org/en/list/{{{whs_number|}}} {{{whs_number|}}}]|{{{whs_number_note|}}} |<br />
}} {{ {{#if: {{{whs_region|}}} | <br />
<br />
Geobox2 data plain | Geobox 0}} <br />
| 지역<!--Region--> | | 유네스코의 지역 구분<!--Region as classified by UNESCO--> | <br />
| {{#switch: {{{whs_region|}}}<br />
| 1 = [[아프리카의 세계유산|아프리카]]<!--[[List of World Heritage Sites in Africa|Africa]]--><br />
| 2 = [[아시아의 세계유산|아랍]]<!--Arab States--><br />
| 2 = [[아시아의 세계유산|아시아·태평양]]<!--Asia-Pacific--><br />
| 3 = [[오세아니아의 세계유산|오세아니아]]<!--Oceania--><br />
| 4 = [[유럽의 세계유산|유럽]]<!--[[List of World Heritage Sites in Europe|Europe and North America]]--><br />
| 5 = [[남아메리카의 세계유산|남아메리카·카리브 제도]]<!--Latin America & Caribbean--><br />
| 6 = [[북아메리카의 세계유산|북아메리카]]<!--[[List of World Heritage Sites in Europe|Europe and North America]]--><br />
| {{{whs_region|}}} }} |{{{whs_region_note|}}} |<br />
}} {{ {{#if: {{{whs_criteria|}}} | <br />
<br />
Geobox2 data plain | Geobox 0}} <br />
| [[유네스코 세계유산#선정 기준|<span title="적용된 선정 기준" style="color: black">선정 기준</span>]]<!--[[World Heritage Site#Selection criteria|Criteria]]--> | | 적용된 선정 기준<!--Selection criteria--> | <br />
| {{{whs_criteria|}}} | {{{whs_criteria_note|}}} |<br />
}} }} {{ {{#if: {{{category_iucn|}}} | <br />
<br />
Geobox2 data plain| Geobox 0}} | style = "color: {{Geobox2 color | {{{1|}}} }}"<br />
| [[국제 자연 보호 연맹#IUCN 분류|<span title="IUCN 분류" style="color: black">IUCN 분류</span>]]<!--[[World Commission on Protected Areas#IUCN Categories of Protected Area|IUCN category]]--> | | IUCN 분류<!--IUCN category--> | <br />
| {{#switch: {{lc:{{{category_iucn|}}}}}<br />
| ia = Ia - 학술적(엄정)보호구역<!--Strict Nature Reserve--><br />
| ib = Ib - 원시야생지역<!--Wilderness Area--><br />
| ii = II - 국립공원<!--National Park--><br />
| iii = III - 자연기념물<!--Natural Monument--><br />
| iv = IV - 종 및 서식지관리지역<!--Habitat/Species government Area--><br />
| v = V - 육상(해상)경관보호지역<!--Protected Landscape/Seascape--><br />
| vi = VI - 자원관리보호지역<!--Managed Resource Protected Area--> |<br />
{{{category_iucn|}}} }} | {{{category_iucn_note|}}}|<br />
}} {{ {{#if: {{{topo_map|}}} |<br />
<br />
Geobox2 list plain| Geobox 0}}<br />
| {{#if: {{{topo1_map|}}} | Topo maps | Topo map }} | {{{topo_type|}}} | {{#if: {{{topo1_map|}}} | Topo maps | Topo map }} | {{{topo_label|}}}<br />
|{{#if: {{{topo_maker|}}}|{{Geobox2 link|{{{topo_maker|}}}}} }} {{{topo_map|}}}|{{{topo_note|}}}|{{#if: {{{topo1_maker|}}}|{{Geobox2 link|{{{topo1_maker|}}}}} }} {{{topo1_map|}}}|{{{topo1_note|}}}|{{#if: {{{topo2_maker|}}}|{{Geobox2 link|{{{topo2_maker|}}}}} }} {{{topo2_map|}}}|{{{topo2_note|}}}|{{#if: {{{topo3_maker|}}}|{{Geobox2 link|{{{topo3_maker|}}}}} }} {{{topo3_map|}}}|{{{topo3_note|}}}|{{#if: {{{topo4_maker|}}}|{{Geobox2 link|{{{topo4_maker|}}}}} }} {{{topo4_map|}}}|{{{topo4_note|}}}|{{#if: {{{topo5_maker|}}}|{{Geobox2 link|{{{topo5_maker|}}}}} }} {{{topo5_map|}}}|{{{topo5_note|}}}|{{#if: {{{topo6_maker|}}}|{{Geobox2 link|{{{topo6_maker|}}}}} }} {{{topo6_map|}}}|{{{topo6_note|}}}|{{#if: {{{topo7_maker|}}}|{{Geobox2 link|{{{topo7_maker|}}}}} }} {{{topo7_map|}}}|{{{topo7_note|}}}|{{#if: {{{topo8_maker|}}}|{{Geobox2 link|{{{topo8_maker|}}}}} }} {{{topo8_map|}}}|{{{topo8_note|}}}|{{#if: {{{topo9_maker|}}}|{{Geobox2 link|{{{topo9_maker|}}}}} }} {{{topo9_map|}}}|{{{topo9_note|}}}|{{#if: {{{topo10_maker|}}}|{{Geobox2 link|{{{topo10_maker|}}}}} }} {{{topo10_map|}}}|{{{topo10_note|}}}|{{#if: {{{topo11_maker|}}}|{{Geobox2 link|{{{topo11_maker|}}}}} }} {{{topo11_map|}}}|{{{topo11_note|}}}|{{#if: {{{topo12_maker|}}}|{{Geobox2 link|{{{topo12_maker|}}}}} }} {{{topo12_map|}}}|{{{topo12_note|}}}|{{#if: {{{topo13_maker|}}}|{{Geobox2 link|{{{topo13_maker|}}}}} }} {{{topo13_map|}}}|{{{topo13_note|}}}|{{#if: {{{topo14_maker|}}}|{{Geobox2 link|{{{topo14_maker|}}}}} }} {{{topo14_map|}}}|{{{topo14_note|}}}|{{#if: {{{topo15_maker|}}}|{{Geobox2 link|{{{topo15_maker|}}}}} }} {{{topo15_map|}}}|{{{topo15_note|}}}|<br />
}}<br />
<br />
{{Geobox2 end}}<br />
}}<br />
<br />
<!-- *** Free fields *** --><br />
{{#if: {{{free|}}}{{{free1|}}}{{{free2|}}}{{{free3|}}}{{{free4|}}}{{{free5|}}}{{{free6|}}}{{{free7|}}}{{{free8|}}}|<br />
<br />
{{!}}- class="mergedtoprow" {{ {{#if: {{{free|}}} | <br />
<br />
Geobox2 data plain|Geobox 0}}<br />
| Free | {{{free_type|}}} | Free field with no label | {{{free_label|}}} <br />
| {{{free|}}} | {{{free_note|}}}|<br />
}} {{ {{#if: {{{free1|}}} | <br />
<br />
Geobox2 data plain|Geobox 0}}<br />
| Free 1 | {{{free1_type|}}} | Free field 1 with no label | {{{free1_label|}}} <br />
| {{{free1|}}} | {{{free1_note|}}}| <br />
}} {{ {{#if: {{{free2|}}} | <br />
<br />
Geobox2 data plain|Geobox 0}}<br />
| Free 2 | {{{free2_type|}}} | Free field 2 with no label | {{{free2_label|}}} <br />
| {{{free2|}}} | {{{free2_note|}}}|<br />
}} {{ {{#if: {{{free3|}}} | <br />
<br />
Geobox2 data|Geobox 0}}<br />
| Free 3 | {{{free3_type|}}} | Free field 3 with no label | {{{free3_label|}}} <br />
| {{{free3|}}} | {{{free3_note|}}}| <br />
}} {{ {{#if: {{{free4|}}} | <br />
<br />
Geobox2 data|Geobox 0}}<br />
| Free 4 | {{{free4_type|}}} | Free field 4 with no label | {{{free4_label|}}} <br />
| {{{free4|}}} | {{{free4_note|}}}| <br />
}} {{ {{#if: {{{free5|}}} |<br />
<br />
Geobox2 data|Geobox 0}}<br />
| Free 5 | {{{free5_type|}}} | Free field 5 with no label | {{{free5_label|}}} <br />
| {{{free5|}}} | {{{free5_note|}}}| <br />
}} {{ {{#if: {{{free6|}}} |<br />
<br />
Geobox2 data|Geobox 0}}<br />
| Free 6 | {{{free6_type|}}} | Free field 6 with no label | {{{free6_label|}}} <br />
| {{{free6|}}} | {{{free6_note|}}}| <br />
}} {{ {{#if: {{{free7|}}} |<br />
<br />
Geobox2 data|Geobox 0}}<br />
| Free 7 | {{{free7_type|}}} | Free field 7 with no label | {{{free7_label|}}} <br />
| {{{free7|}}} | {{{free7_note|}}}| <br />
}} {{ {{#if: {{{free8|}}} |<br />
<br />
Geobox2 data|Geobox 0}}<br />
| Free 8 | {{{free8_type|}}} | Free field 8 with no label | {{{free8_label|}}} <br />
| {{{free8|}}} | {{{free8_note|}}}| <br />
}}<br />
{{Geobox2 end}}<br />
}}<br />
<br />
<!-- *** 위치 지도 필드 *** --><br />
{{#if: {{{location_map|}}}|<br />
{{!}}-<br />
{{!}}colspan=2{{!}}<center>{{{location_map}}}</center>}} <br />
<br />
<!-- *** Map *** --><br />
|- <br />
{{ {{#if: {{{map|}}} | Geobox2 map | Geobox 0}} | {{{map|}}} | {{{map_caption|}}} | {{{map_size|275}}} | {{#if:{{{map_locator|}}}|{{#if:{{{long_d|}}}|{{Geobox coor2dec|{{{long_d|}}}|{{{long_m|}}}|{{{long_s|}}}|{{{long_EW|}}}|4}}| {{#if:{{{mouth_long_d|}}}|{{Geobox coor2dec|{{{mouth_long_d|}}}|{{{mouth_long_m|}}}|{{{mouth_long_s|}}}|{{{mouth_long_EW|}}}|4}}| {{#if:{{{capital_long_d|}}}|{{Geobox coor2dec|{{{capital_long_d|}}}|{{{capital_long_m|}}}|{{{capital_long_s|}}}|{{{capital_long_EW|}}}|4}}| }} }} }}|{{{map_locator_x|}}}}} | {{#if:{{{map_locator|}}}|{{#if:{{{lat_d|}}}|{{Geobox coor2dec|{{{lat_d|}}}|{{{lat_m|}}}|{{{lat_s|}}}|{{{lat_NS|}}}|4}}| {{#if:{{{mouth_lat_d|}}}|{{Geobox coor2dec|{{{mouth_lat_d|}}}|{{{mouth_lat_m|}}}|{{{mouth_lat_s|}}}|{{{mouth_lat_NS|}}}|4}}| {{#if:{{{capital_lat_d|}}}|{{Geobox coor2dec|{{{capital_lat_d|}}}|{{{capital_lat_m|}}}|{{{capital_lat_s|}}}|{{{capital_lat_NS|}}}|4}}| }} }} }}|{{{map_locator_y|}}}}}| {{{map_locator|}}} | {{{map_background|}}}| table |{{{map_alt|}}}}} <br />
{{ {{#if: {{{map1|}}} | Geobox2 map | Geobox 0}} | {{{map1|}}} | {{{map1_caption|}}} | {{{map1_size|}}} | {{#if:{{{map1_locator|}}}|{{#if:{{{long_d|}}}|{{Geobox coor2dec|{{{long_d|}}}|{{{long_m|}}}|{{{long_s|}}}|{{{long_EW|}}}|4}}| {{#if:{{{mouth_long_d|}}}|{{Geobox coor2dec|{{{mouth_long_d|}}}|{{{mouth_long_m|}}}|{{{mouth_long_s|}}}|{{{mouth_long_EW|}}}|4}}| {{#if:{{{capital_long_d|}}}|{{Geobox coor2dec|{{{capital_long_d|}}}|{{{capital_long_m|}}}|{{{capital_long_s|}}}|{{{capital_long_EW|}}}|4}}| }} }} }}|{{{map1_locator_x|}}}}} | {{#if:{{{map1_locator|}}}|{{#if:{{{lat_d|}}}|{{Geobox coor2dec|{{{lat_d|}}}|{{{lat_m|}}}|{{{lat_s|}}}|{{{lat_NS|}}}|4}}| {{#if:{{{mouth_lat_d|}}}|{{Geobox coor2dec|{{{mouth_lat_d|}}}|{{{mouth_lat_m|}}}|{{{mouth_lat_s|}}}|{{{mouth_lat_NS|}}}|4}}| {{#if:{{{capital_lat_d|}}}|{{Geobox coor2dec|{{{capital_lat_d|}}}|{{{capital_lat_m|}}}|{{{capital_lat_s|}}}|{{{capital_lat_NS|}}}|4}}| }} }} }}|{{{map1_locator_y|}}}}}| {{{map1_locator|}}} | {{{map1_background|}}}| table |{{{map1_alt|}}}}} <br />
{{ {{#if: {{{map2|}}} | Geobox2 map | Geobox 0}} | {{{map2|}}} | {{{map2_caption|}}} | {{{map2_size|}}} | {{#if:{{{map2_locator|}}}|{{#if:{{{long_d|}}}|{{Geobox coor2dec|{{{long_d|}}}|{{{long_m|}}}|{{{long_s|}}}|{{{long_EW|}}}|4}}| {{#if:{{{mouth_long_d|}}}|{{Geobox coor2dec|{{{mouth_long_d|}}}|{{{mouth_long_m|}}}|{{{mouth_long_s|}}}|{{{mouth_long_EW|}}}|4}}| {{#if:{{{capital_long_d|}}}|{{Geobox coor2dec|{{{capital_long_d|}}}|{{{capital_long_m|}}}|{{{capital_long_s|}}}|{{{capital_long_EW|}}}|4}}| }} }} }}|{{{map2_locator_x|}}}}} | {{#if:{{{map2_locator|}}}|{{#if:{{{lat_d|}}}|{{Geobox coor2dec|{{{lat_d|}}}|{{{lat_m|}}}|{{{lat_s|}}}|{{{lat_NS|}}}|4}}| {{#if:{{{mouth_lat_d|}}}|{{Geobox coor2dec|{{{mouth_lat_d|}}}|{{{mouth_lat_m|}}}|{{{mouth_lat_s|}}}|{{{mouth_lat_NS|}}}|4}}| {{#if:{{{capital_lat_d|}}}|{{Geobox coor2dec|{{{capital_lat_d|}}}|{{{capital_lat_m|}}}|{{{capital_lat_s|}}}|{{{capital_lat_NS|}}}|4}}| }} }} }}|{{{map2_locator_y|}}}}}| {{{map2_locator|}}} | {{{map2_background|}}}| table |{{{map2_alt|}}}}} <br />
|- <br />
<br />
<!-- *** Websites *** --><br />
{{#if: {{{commons|}}}{{{statistics|}}}{{{website|}}}|<br />
{{!}}- {{ {{#if: {{{commons|}}} | <br />
<br />
Geobox2 line plain| Geobox 0}} <br />
| 위키미디어 공용 | {{{commons_type|}}} | 위키미디어 공용에 관련 미디어 분류가 있습니다:<!--Wikimedia Commons has more media related to--> {{{name|}}} | {{{commons_label|}}} <br />
| <!--[[commons:Category:{{{commons|}}}{{!}}{{{commons_ko|{{{name|}}}}}}]]--><span class{{=}}plainlinks>[{{fullurl:Commons:Category:{{{commons|}}}}}?uselang{{=}}ko {{#if: {{{commons_ko|}}}|{{{commons_ko|}}}|{{{name|}}}}}]</span> | {{{commons_note|}}}|<br />
}} {{ {{#if: {{{statistics|}}} | <br />
<br />
Geobox2 line plain| Geobox 0}} <br />
| Statistics| {{{statistics_type|}}} | Ststistical data related to the location | {{{statistics_label|}}} <br />
| {{{statistics|}}}{{#if: {{{statistics_date|}}}|&nbsp; (''as of {{{statistics_date|}}}'') }} | {{{statistics_note|}}}|<br />
}} {{ {{#if: {{{website|}}} | <br />
<br />
Geobox2 line plain| Geobox 0}} <br />
| Website | {{{website_type|}}} | Official/Major website | {{{website_label|}}} <br />
| {{{website|}}} | {{{website_note|}}}|<br />
}} <br />
<br />
{{Geobox2 end}}<br />
}}<br />
<br />
<!-- *** References *** --><br />
|- {{ {{#if: {{{references|}}} | <br />
Geobox2 line plain| Geobox 0}}<br />
| | {{{references_type|}}} | 참고 문헌<!--References--> | {{{references_label|}}} <br />
| {{{references|}}} | {{{references_note|}}}|<br />
}}<br />
<br />
<!-- *** Footnotes *** --><br />
|- {{ {{#if: {{{footnotes|}}} | <br />
Geobox2 line plain| Geobox 0}}<br />
| | {{{footnotes_type|}}} | Footnotes | {{{footnotes_label|}}} <br />
| {{{footnotes|}}} | {{{footnotes_note|}}}|<br />
}}<br />
<br />
|}<!-- *** Auto-categorisation removed per Wikipedia:Categories_for_discussion/Log/2007_October_25#Geobox_categories {{#if:{{{coordinates_type|}}}|[[Category:Geobox2 needing maintenance]]}} --></includeonly></onlyinclude></div>
박현정
http://dh.aks.ac.kr/~phj/wiki/index.php?title=%EC%A0%84%EC%9E%90%EC%A7%80%EB%8F%84%EB%A7%8C%EB%93%A4%EA%B8%B0&diff=808
전자지도만들기
2021-01-18T12:35:57Z
<p>박현정: </p>
<hr />
<div>본 위키 페이지는 한국학대학원 인문정보학과 DH위키페이지의 나의 전자지도 만들기를 참고하여 만들었습니다. <br />
<br />
*http://dh.aks.ac.kr/Edu/wiki/index.php/수원의_모습<br />
*http://dh.aks.ac.kr/Edu/wiki/index.php/나의_전자지도_제작_방법<br />
<br />
==나의 전자지도 예시==<br />
===랜드마크가 되는 곳===<br />
월드컵경기장, 경기아트센터, 아주대학교병원, 경희대학교, 경기대학교, 성균관대학교 <br/><br/><br />
<googlemap width="800" height="400" lat="37.286526" lon="127.036850" type="normal" zoom="12" icon="http://maps.google.com/mapfiles/marker.png"><br />
37.286526, 127.036850, 월드컵경기장<br />
37.261541, 127.037576, 경기아트센터<br />
37.279432, 127.047469 , 아주대학교병원<br />
37.242953, 127.080079 , 경희대학교국제캠퍼스<br />
37.300522, 127.035819, 경기대학교<br />
37.293920, 126.975414, 성균관대학교<br />
37.275098, 127.057536, 중앙기독초등학교<br />
</googlemap><br />
<br/><br />
<br/><br />
===문화유산이나 관광지===<br />
수원화성, 행궁, 지지대고개, 노송지대<br/><br/><br />
<googlemap width="800" height="400" lat="37.299992" lon="127.001014 " type="normal" zoom="12" icon="http://maps.google.com/mapfiles/marker.png"><br />
37.288544, 127.013934, 수원화성<br />
37.281955, 127.013727, 행궁<br />
37.327648, 126.985252, 지지대고개<br />
37.315306, 126.986946, 노송지대<br />
</googlemap><br />
<br/><br/><br />
===물건을 사고 파는 곳===<br />
영동시장, 지동시장, 광교아비뉴프랑, 앨리웨이<br/><br/><br />
<googlemap width="800" height="400" lat="37.28" lon="127.036" type="normal" zoom="14" icon="http://maps.google.com/mapfiles/marker.png"><br />
37.276949, 127.018659, 영동시장<br />
37.277702, 127.019279, 지동시장<br />
37.290434, 127.050734, 광교아비뉴프랑<br />
37.274510, 127.062504, 앨리웨이<br />
</googlemap><br />
<br/><br/><br />
===교통의 중심인 곳===<br />
수원역, 광교중앙역, 수원 종합버스터미널, 영통역<br/><br/><br />
<googlemap width="800" height="400" lat="37.28" lon="127.036" type="normal" zoom="12" icon="http://maps.google.com/mapfiles/marker.png"><br />
37.266596, 126.999422, 수원역<br />
37.288432, 127.051658, 광교중앙역<br />
37.250904, 127.019713, 수원버스터미널<br />
37.251535, 127.071326, 영통역<br />
37.245816, 127.057361, 망포역<br />
37.261952, 127.030741, 수원시청역<br />
</googlemap><br />
<br/><br/><br />
===사람들의 생활을 편리하게 도와주는 곳===<br />
푸른숲 도서관, 경기 도청, 수원 시청, 아주대학교 병원, 수원 우편 집중국<br/><br/><br />
<googlemap width="800" height="400" lat="37.28" lon="127.04" type="normal" zoom="13" icon="http://maps.google.com/mapfiles/marker.png"><br />
37.281202, 127.066608, 푸른숲도서관<br />
37.275052, 127.009445, 경기도청<br />
37.263454, 127.028653, 수원시청<br />
37.279432, 127.047469, 아주대학교병원<br />
37.254249, 127.076186, 수원우편집중국<br />
</googlemap><br />
<br />
<br />
==나의 전자지도 제작 방법==<br />
#전자지도 상에 표시할 관심 지점(Point of Interst, POI)을 정한다.<br />
#관심 지점의 경위도 좌표를 구한다.<br />
## [http://maps.google.com 구글 맵] 상에 찾고자 하는 지점을 검색<br />
## '구글 맵'에 표시된 관심 지점 위에서 마우스 오른쪽 버튼 클릭한 후, "이곳이 궁금한가요?"를 선택<br />
## '구글 맵'이 알려주는 경도, 위도 값을 복사<br />
#나의 위키 문서에 다음과 같이 CODING<br />
<br />
==googlemap 요소의 Attributes== <br />
*width .... 지도 표시 창의 넓이: 절대값 또는 상대값으로 표시 (400, 600, 100%, 90%)<br />
*height .... 지도 표시 창의 높이: 절대값으로 표시<br />
*lat .... latitude, 표시할 지도 중심부의 위도<br />
*lon .... longitude, 표시할 지도 중심부의 경도<br />
*type .... 표시할 지도의 초기 형태: normal, satellite, hybrid<br />
*zoom .... 축척 0~19<br />
*icon .... 관심 지점 표시에 쓸 아이콘 이미지 URL<br />
<br />
==googlemap 요소의 Data Value== <br />
<pre><br />
36.56591, 127.517885, [[청주 이항희 가옥]]<br />
-------- ---------- --------------------<br />
위도 경도 POI 이름 및 링크<br />
</pre><br />
<br />
=='''간단한 구글 맵''' 사용 예시==<br />
<br />
===스크립트===<br />
<pre><br />
<googlemap width="600" height="300" lat="36.56591" lon="127.517885" type="normal" zoom="12" <br />
icon="http://maps.google.com/mapfiles/marker.png"><br />
36.56591, 127.517885, [[청주 이항희 가옥]]<br />
</googlemap><br />
</pre><br />
<br />
===표시===<br />
<googlemap width="600" height="300" lat="36.56591" lon="127.517885" type="normal" zoom="12" icon="http://maps.google.com/mapfiles/marker.png"><br />
36.56591, 127.517885, [[청주 이항희 가옥]]<br />
</googlemap><br />
<br />
==응용==<br />
<br />
===Path: 경로 표시=== <br />
<br />
<googlemap lat="37.38" lon="127.099" zoom="12"><br />
3#00FFFF<br />
37.393512, 127.053715<br />
37.392142, 127.090316<br />
37.357394, 127.081634<br />
37.386235, 127.135188<br />
</googlemap><br />
<br />
<pre><br />
<googlemap lat="37.38" lon="127.099" zoom="12"><br />
3#00FFFF<br />
37.393512, 127.053715<br />
37.392142, 127.090316<br />
37.357394, 127.081634<br />
37.386235, 127.135188<br />
</googlemap><br />
</pre><br />
* <nowiki><googlemap></nowiki> 태그 안의 데이타 영역에서 먼저 선의 굵기 및 색상 값을 입력하고, 그 다음 줄부터 각 지점의 좌표와 이동 순서를 차례로 입력.<br />
* 선의 굵기 및 색상 지정 방법<br />
**3#000000 .... 3: 선 굵기, ##00FFFF: 선 색상<br />
<br />
===Areas: 구역 표시===<br />
<br />
<googlemap lat="37.38" lon="127.099" zoom="12"><br />
3#00FFFF (#40FFFF00)<br />
37.357394, 127.081634<br />
37.386235, 127.135188<br />
37.393512, 127.053715<br />
</googlemap><br />
<br />
<pre><br />
<googlemap lat="37.38" lon="127.099" zoom="12"><br />
3#00FFFF (#40FFFF00)<br />
37.357394, 127.081634<br />
37.386235, 127.135188<br />
37.393512, 127.053715<br />
</googlemap><br />
</pre><br />
<br />
* <nowiki><googlemap></nowiki> 태그 안의 데이타 영역에서 먼저 구역(Area) 표시 선의 굵기 및 색상 값을 입력하고, 두번째 줄부터 각 지점의 좌표를 차례로 입력.<br />
* 선의 굵기, 색상, 구역 내부 색상 지정 방법<br />
**3#00FFFF ..... 3: 선 굵기, #000000: 선 색상<br />
**(#40FFFF00) ..... 40: 투명도(투명도 값: 00 ~ FF), #FFFF00: 구역 내부 색상<br />
<br />
===Marker 설정하기===<br />
<br />
<googlemap lat="37.38" lon="127.099" zoom="12" type="normal" <br />
icons="http://digerati.aks.ac.kr/VR/style/{label}.png"><br />
3#007F7F<br />
(school) 37.393512, 127.053715<br />
(pavilion_b) 37.392142, 127.090316<br />
(house) 37.357394, 127.081634<br />
(pavilion_r) 37.386235, 127.135188<br />
</googlemap><br />
<br />
<pre><br />
<googlemap lat="37.38" lon="127.099" zoom="12" type="normal" <br />
icons="http://digerati.aks.ac.kr/VR/style/{label}.png"><br />
3#007F7F<br />
(school) 37.393512, 127.053715<br />
(pavilion_b) 37.392142, 127.090316<br />
(house) 37.357394, 127.081634<br />
(pavilion_r) 37.386235, 127.135188<br />
</googlemap><br />
</pre><br />
<br />
<html><br />
<img src="http://digerati.aks.ac.kr/VR/style/school.png" width="40"> http://digerati.aks.ac.kr/VR/style/school.png<br />
<br/><br/><br />
<img src="http://digerati.aks.ac.kr/VR/style/house.png" width="40"> http://digerati.aks.ac.kr/VR/style/house.png<br />
<br/><br><br />
<img src="http://digerati.aks.ac.kr/VR/style/pavilion_b.png" width="40"> http://digerati.aks.ac.kr/VR/style/pavilion_b.png<br />
<br/><br><br />
<img src="http://digerati.aks.ac.kr/VR/style/pavilion_r.png" width="40"> http://digerati.aks.ac.kr/VR/style/pavilion_r.png<br />
<br/><br<br />
</html></div>
박현정
http://dh.aks.ac.kr/~phj/wiki/index.php?title=%EC%A0%84%EC%9E%90%EC%A7%80%EB%8F%84%EB%A7%8C%EB%93%A4%EA%B8%B0&diff=807
전자지도만들기
2021-01-18T12:23:51Z
<p>박현정: </p>
<hr />
<div>본 위키 페이지는 한국학대학원 인문정보학과 DH위키페이지의 나의 전자지도 만들기를 참고하여 만들었습니다. <br />
<br />
*http://dh.aks.ac.kr/Edu/wiki/index.php/수원의_모습<br />
*http://dh.aks.ac.kr/Edu/wiki/index.php/나의_전자지도_제작_방법<br />
{{#ask:<br />
[[Category:Media]]<br />
|?GIS<br />
|format=googlemap<br />
}}<br />
<br />
==나의 전자지도 예시==<br />
===랜드마크가 되는 곳===<br />
월드컵경기장, 경기아트센터, 아주대학교병원, 경희대학교, 경기대학교, 성균관대학교 <br/><br/><br />
<googlemap width="800" height="400" lat="37.286526" lon="127.036850" type="normal" zoom="12" icon="http://maps.google.com/mapfiles/marker.png"><br />
37.286526, 127.036850, 월드컵경기장<br />
37.261541, 127.037576, 경기아트센터<br />
37.279432, 127.047469 , 아주대학교병원<br />
37.242953, 127.080079 , 경희대학교국제캠퍼스<br />
37.300522, 127.035819, 경기대학교<br />
37.293920, 126.975414, 성균관대학교<br />
37.275098, 127.057536, 중앙기독초등학교<br />
</googlemap><br />
<br/><br />
<br/><br />
===문화유산이나 관광지===<br />
수원화성, 행궁, 지지대고개, 노송지대<br/><br/><br />
<googlemap width="800" height="400" lat="37.299992" lon="127.001014 " type="normal" zoom="12" icon="http://maps.google.com/mapfiles/marker.png"><br />
37.288544, 127.013934, 수원화성<br />
37.281955, 127.013727, 행궁<br />
37.327648, 126.985252, 지지대고개<br />
37.315306, 126.986946, 노송지대<br />
</googlemap><br />
<br/><br/><br />
===물건을 사고 파는 곳===<br />
영동시장, 지동시장, 광교아비뉴프랑, 앨리웨이<br/><br/><br />
<googlemap width="800" height="400" lat="37.28" lon="127.036" type="normal" zoom="14" icon="http://maps.google.com/mapfiles/marker.png"><br />
37.276949, 127.018659, 영동시장<br />
37.277702, 127.019279, 지동시장<br />
37.290434, 127.050734, 광교아비뉴프랑<br />
37.274510, 127.062504, 앨리웨이<br />
</googlemap><br />
<br/><br/><br />
===교통의 중심인 곳===<br />
수원역, 광교중앙역, 수원 종합버스터미널, 영통역<br/><br/><br />
<googlemap width="800" height="400" lat="37.28" lon="127.036" type="normal" zoom="12" icon="http://maps.google.com/mapfiles/marker.png"><br />
37.266596, 126.999422, 수원역<br />
37.288432, 127.051658, 광교중앙역<br />
37.250904, 127.019713, 수원버스터미널<br />
37.251535, 127.071326, 영통역<br />
37.245816, 127.057361, 망포역<br />
37.261952, 127.030741, 수원시청역<br />
</googlemap><br />
<br/><br/><br />
===사람들의 생활을 편리하게 도와주는 곳===<br />
푸른숲 도서관, 경기 도청, 수원 시청, 아주대학교 병원, 수원 우편 집중국<br/><br/><br />
<googlemap width="800" height="400" lat="37.28" lon="127.04" type="normal" zoom="13" icon="http://maps.google.com/mapfiles/marker.png"><br />
37.281202, 127.066608, 푸른숲도서관<br />
37.275052, 127.009445, 경기도청<br />
37.263454, 127.028653, 수원시청<br />
37.279432, 127.047469, 아주대학교병원<br />
37.254249, 127.076186, 수원우편집중국<br />
</googlemap><br />
<br />
<br />
==나의 전자지도 제작 방법==<br />
#전자지도 상에 표시할 관심 지점(Point of Interst, POI)을 정한다.<br />
#관심 지점의 경위도 좌표를 구한다.<br />
## [http://maps.google.com 구글 맵] 상에 찾고자 하는 지점을 검색<br />
## '구글 맵'에 표시된 관심 지점 위에서 마우스 오른쪽 버튼 클릭한 후, "이곳이 궁금한가요?"를 선택<br />
## '구글 맵'이 알려주는 경도, 위도 값을 복사<br />
#나의 위키 문서에 다음과 같이 CODING<br />
<br />
==googlemap 요소의 Attributes== <br />
*width .... 지도 표시 창의 넓이: 절대값 또는 상대값으로 표시 (400, 600, 100%, 90%)<br />
*height .... 지도 표시 창의 높이: 절대값으로 표시<br />
*lat .... latitude, 표시할 지도 중심부의 위도<br />
*lon .... longitude, 표시할 지도 중심부의 경도<br />
*type .... 표시할 지도의 초기 형태: normal, satellite, hybrid<br />
*zoom .... 축척 0~19<br />
*icon .... 관심 지점 표시에 쓸 아이콘 이미지 URL<br />
<br />
==googlemap 요소의 Data Value== <br />
<pre><br />
36.56591, 127.517885, [[청주 이항희 가옥]]<br />
-------- ---------- --------------------<br />
위도 경도 POI 이름 및 링크<br />
</pre><br />
<br />
=='''간단한 구글 맵''' 사용 예시==<br />
<br />
===스크립트===<br />
<pre><br />
<googlemap width="600" height="300" lat="36.56591" lon="127.517885" type="normal" zoom="12" <br />
icon="http://maps.google.com/mapfiles/marker.png"><br />
36.56591, 127.517885, [[청주 이항희 가옥]]<br />
</googlemap><br />
</pre><br />
<br />
===표시===<br />
<googlemap width="600" height="300" lat="36.56591" lon="127.517885" type="normal" zoom="12" icon="http://maps.google.com/mapfiles/marker.png"><br />
36.56591, 127.517885, [[청주 이항희 가옥]]<br />
</googlemap><br />
<br />
==응용==<br />
<br />
===Path: 경로 표시=== <br />
<br />
<googlemap lat="37.38" lon="127.099" zoom="12"><br />
3#00FFFF<br />
37.393512, 127.053715<br />
37.392142, 127.090316<br />
37.357394, 127.081634<br />
37.386235, 127.135188<br />
</googlemap><br />
<br />
<pre><br />
<googlemap lat="37.38" lon="127.099" zoom="12"><br />
3#00FFFF<br />
37.393512, 127.053715<br />
37.392142, 127.090316<br />
37.357394, 127.081634<br />
37.386235, 127.135188<br />
</googlemap><br />
</pre><br />
* <nowiki><googlemap></nowiki> 태그 안의 데이타 영역에서 먼저 선의 굵기 및 색상 값을 입력하고, 그 다음 줄부터 각 지점의 좌표와 이동 순서를 차례로 입력.<br />
* 선의 굵기 및 색상 지정 방법<br />
**3#000000 .... 3: 선 굵기, ##00FFFF: 선 색상<br />
<br />
===Areas: 구역 표시===<br />
<br />
<googlemap lat="37.38" lon="127.099" zoom="12"><br />
3#00FFFF (#40FFFF00)<br />
37.357394, 127.081634<br />
37.386235, 127.135188<br />
37.393512, 127.053715<br />
</googlemap><br />
<br />
<pre><br />
<googlemap lat="37.38" lon="127.099" zoom="12"><br />
3#00FFFF (#40FFFF00)<br />
37.357394, 127.081634<br />
37.386235, 127.135188<br />
37.393512, 127.053715<br />
</googlemap><br />
</pre><br />
<br />
* <nowiki><googlemap></nowiki> 태그 안의 데이타 영역에서 먼저 구역(Area) 표시 선의 굵기 및 색상 값을 입력하고, 두번째 줄부터 각 지점의 좌표를 차례로 입력.<br />
* 선의 굵기, 색상, 구역 내부 색상 지정 방법<br />
**3#00FFFF ..... 3: 선 굵기, #000000: 선 색상<br />
**(#40FFFF00) ..... 40: 투명도(투명도 값: 00 ~ FF), #FFFF00: 구역 내부 색상<br />
<br />
===Marker 설정하기===<br />
<br />
<googlemap lat="37.38" lon="127.099" zoom="12" type="normal" <br />
icons="http://digerati.aks.ac.kr/VR/style/{label}.png"><br />
3#007F7F<br />
(school) 37.393512, 127.053715<br />
(pavilion_b) 37.392142, 127.090316<br />
(house) 37.357394, 127.081634<br />
(pavilion_r) 37.386235, 127.135188<br />
</googlemap><br />
<br />
<pre><br />
<googlemap lat="37.38" lon="127.099" zoom="12" type="normal" <br />
icons="http://digerati.aks.ac.kr/VR/style/{label}.png"><br />
3#007F7F<br />
(school) 37.393512, 127.053715<br />
(pavilion_b) 37.392142, 127.090316<br />
(house) 37.357394, 127.081634<br />
(pavilion_r) 37.386235, 127.135188<br />
</googlemap><br />
</pre><br />
<br />
<html><br />
<img src="http://digerati.aks.ac.kr/VR/style/school.png" width="40"> http://digerati.aks.ac.kr/VR/style/school.png<br />
<br/><br/><br />
<img src="http://digerati.aks.ac.kr/VR/style/house.png" width="40"> http://digerati.aks.ac.kr/VR/style/house.png<br />
<br/><br><br />
<img src="http://digerati.aks.ac.kr/VR/style/pavilion_b.png" width="40"> http://digerati.aks.ac.kr/VR/style/pavilion_b.png<br />
<br/><br><br />
<img src="http://digerati.aks.ac.kr/VR/style/pavilion_r.png" width="40"> http://digerati.aks.ac.kr/VR/style/pavilion_r.png<br />
<br/><br<br />
</html></div>
박현정
http://dh.aks.ac.kr/~phj/wiki/index.php?title=%EC%A0%84%EC%9E%90%EC%A7%80%EB%8F%84%EB%A7%8C%EB%93%A4%EA%B8%B0&diff=806
전자지도만들기
2021-01-18T12:22:27Z
<p>박현정: </p>
<hr />
<div>본 위키 페이지는 한국학대학원 인문정보학과 DH위키페이지의 나의 전자지도 만들기를 참고하여 만들었습니다. <br />
<br />
*http://dh.aks.ac.kr/Edu/wiki/index.php/수원의_모습<br />
*http://dh.aks.ac.kr/Edu/wiki/index.php/나의_전자지도_제작_방법<br />
<nowiki>{{#ask:<br />
[[Category:Media]]<br />
|?GIS<br />
|format=googlemap<br />
}}</nowiki><br />
<br />
==나의 전자지도 예시==<br />
===랜드마크가 되는 곳===<br />
월드컵경기장, 경기아트센터, 아주대학교병원, 경희대학교, 경기대학교, 성균관대학교 <br/><br/><br />
<googlemap width="800" height="400" lat="37.286526" lon="127.036850" type="normal" zoom="12" icon="http://maps.google.com/mapfiles/marker.png"><br />
37.286526, 127.036850, 월드컵경기장<br />
37.261541, 127.037576, 경기아트센터<br />
37.279432, 127.047469 , 아주대학교병원<br />
37.242953, 127.080079 , 경희대학교국제캠퍼스<br />
37.300522, 127.035819, 경기대학교<br />
37.293920, 126.975414, 성균관대학교<br />
37.275098, 127.057536, 중앙기독초등학교<br />
</googlemap><br />
<br/><br />
<br/><br />
===문화유산이나 관광지===<br />
수원화성, 행궁, 지지대고개, 노송지대<br/><br/><br />
<googlemap width="800" height="400" lat="37.299992" lon="127.001014 " type="normal" zoom="12" icon="http://maps.google.com/mapfiles/marker.png"><br />
37.288544, 127.013934, 수원화성<br />
37.281955, 127.013727, 행궁<br />
37.327648, 126.985252, 지지대고개<br />
37.315306, 126.986946, 노송지대<br />
</googlemap><br />
<br/><br/><br />
===물건을 사고 파는 곳===<br />
영동시장, 지동시장, 광교아비뉴프랑, 앨리웨이<br/><br/><br />
<googlemap width="800" height="400" lat="37.28" lon="127.036" type="normal" zoom="14" icon="http://maps.google.com/mapfiles/marker.png"><br />
37.276949, 127.018659, 영동시장<br />
37.277702, 127.019279, 지동시장<br />
37.290434, 127.050734, 광교아비뉴프랑<br />
37.274510, 127.062504, 앨리웨이<br />
</googlemap><br />
<br/><br/><br />
===교통의 중심인 곳===<br />
수원역, 광교중앙역, 수원 종합버스터미널, 영통역<br/><br/><br />
<googlemap width="800" height="400" lat="37.28" lon="127.036" type="normal" zoom="12" icon="http://maps.google.com/mapfiles/marker.png"><br />
37.266596, 126.999422, 수원역<br />
37.288432, 127.051658, 광교중앙역<br />
37.250904, 127.019713, 수원버스터미널<br />
37.251535, 127.071326, 영통역<br />
37.245816, 127.057361, 망포역<br />
37.261952, 127.030741, 수원시청역<br />
</googlemap><br />
<br/><br/><br />
===사람들의 생활을 편리하게 도와주는 곳===<br />
푸른숲 도서관, 경기 도청, 수원 시청, 아주대학교 병원, 수원 우편 집중국<br/><br/><br />
<googlemap width="800" height="400" lat="37.28" lon="127.04" type="normal" zoom="13" icon="http://maps.google.com/mapfiles/marker.png"><br />
37.281202, 127.066608, 푸른숲도서관<br />
37.275052, 127.009445, 경기도청<br />
37.263454, 127.028653, 수원시청<br />
37.279432, 127.047469, 아주대학교병원<br />
37.254249, 127.076186, 수원우편집중국<br />
</googlemap><br />
<br />
<br />
==나의 전자지도 제작 방법==<br />
#전자지도 상에 표시할 관심 지점(Point of Interst, POI)을 정한다.<br />
#관심 지점의 경위도 좌표를 구한다.<br />
## [http://maps.google.com 구글 맵] 상에 찾고자 하는 지점을 검색<br />
## '구글 맵'에 표시된 관심 지점 위에서 마우스 오른쪽 버튼 클릭한 후, "이곳이 궁금한가요?"를 선택<br />
## '구글 맵'이 알려주는 경도, 위도 값을 복사<br />
#나의 위키 문서에 다음과 같이 CODING<br />
<br />
==googlemap 요소의 Attributes== <br />
*width .... 지도 표시 창의 넓이: 절대값 또는 상대값으로 표시 (400, 600, 100%, 90%)<br />
*height .... 지도 표시 창의 높이: 절대값으로 표시<br />
*lat .... latitude, 표시할 지도 중심부의 위도<br />
*lon .... longitude, 표시할 지도 중심부의 경도<br />
*type .... 표시할 지도의 초기 형태: normal, satellite, hybrid<br />
*zoom .... 축척 0~19<br />
*icon .... 관심 지점 표시에 쓸 아이콘 이미지 URL<br />
<br />
==googlemap 요소의 Data Value== <br />
<pre><br />
36.56591, 127.517885, [[청주 이항희 가옥]]<br />
-------- ---------- --------------------<br />
위도 경도 POI 이름 및 링크<br />
</pre><br />
<br />
=='''간단한 구글 맵''' 사용 예시==<br />
<br />
===스크립트===<br />
<pre><br />
<googlemap width="600" height="300" lat="36.56591" lon="127.517885" type="normal" zoom="12" <br />
icon="http://maps.google.com/mapfiles/marker.png"><br />
36.56591, 127.517885, [[청주 이항희 가옥]]<br />
</googlemap><br />
</pre><br />
<br />
===표시===<br />
<googlemap width="600" height="300" lat="36.56591" lon="127.517885" type="normal" zoom="12" icon="http://maps.google.com/mapfiles/marker.png"><br />
36.56591, 127.517885, [[청주 이항희 가옥]]<br />
</googlemap><br />
<br />
==응용==<br />
<br />
===Path: 경로 표시=== <br />
<br />
<googlemap lat="37.38" lon="127.099" zoom="12"><br />
3#00FFFF<br />
37.393512, 127.053715<br />
37.392142, 127.090316<br />
37.357394, 127.081634<br />
37.386235, 127.135188<br />
</googlemap><br />
<br />
<pre><br />
<googlemap lat="37.38" lon="127.099" zoom="12"><br />
3#00FFFF<br />
37.393512, 127.053715<br />
37.392142, 127.090316<br />
37.357394, 127.081634<br />
37.386235, 127.135188<br />
</googlemap><br />
</pre><br />
* <nowiki><googlemap></nowiki> 태그 안의 데이타 영역에서 먼저 선의 굵기 및 색상 값을 입력하고, 그 다음 줄부터 각 지점의 좌표와 이동 순서를 차례로 입력.<br />
* 선의 굵기 및 색상 지정 방법<br />
**3#000000 .... 3: 선 굵기, ##00FFFF: 선 색상<br />
<br />
===Areas: 구역 표시===<br />
<br />
<googlemap lat="37.38" lon="127.099" zoom="12"><br />
3#00FFFF (#40FFFF00)<br />
37.357394, 127.081634<br />
37.386235, 127.135188<br />
37.393512, 127.053715<br />
</googlemap><br />
<br />
<pre><br />
<googlemap lat="37.38" lon="127.099" zoom="12"><br />
3#00FFFF (#40FFFF00)<br />
37.357394, 127.081634<br />
37.386235, 127.135188<br />
37.393512, 127.053715<br />
</googlemap><br />
</pre><br />
<br />
* <nowiki><googlemap></nowiki> 태그 안의 데이타 영역에서 먼저 구역(Area) 표시 선의 굵기 및 색상 값을 입력하고, 두번째 줄부터 각 지점의 좌표를 차례로 입력.<br />
* 선의 굵기, 색상, 구역 내부 색상 지정 방법<br />
**3#00FFFF ..... 3: 선 굵기, #000000: 선 색상<br />
**(#40FFFF00) ..... 40: 투명도(투명도 값: 00 ~ FF), #FFFF00: 구역 내부 색상<br />
<br />
===Marker 설정하기===<br />
<br />
<googlemap lat="37.38" lon="127.099" zoom="12" type="normal" <br />
icons="http://digerati.aks.ac.kr/VR/style/{label}.png"><br />
3#007F7F<br />
(school) 37.393512, 127.053715<br />
(pavilion_b) 37.392142, 127.090316<br />
(house) 37.357394, 127.081634<br />
(pavilion_r) 37.386235, 127.135188<br />
</googlemap><br />
<br />
<pre><br />
<googlemap lat="37.38" lon="127.099" zoom="12" type="normal" <br />
icons="http://digerati.aks.ac.kr/VR/style/{label}.png"><br />
3#007F7F<br />
(school) 37.393512, 127.053715<br />
(pavilion_b) 37.392142, 127.090316<br />
(house) 37.357394, 127.081634<br />
(pavilion_r) 37.386235, 127.135188<br />
</googlemap><br />
</pre><br />
<br />
<html><br />
<img src="http://digerati.aks.ac.kr/VR/style/school.png" width="40"> http://digerati.aks.ac.kr/VR/style/school.png<br />
<br/><br/><br />
<img src="http://digerati.aks.ac.kr/VR/style/house.png" width="40"> http://digerati.aks.ac.kr/VR/style/house.png<br />
<br/><br><br />
<img src="http://digerati.aks.ac.kr/VR/style/pavilion_b.png" width="40"> http://digerati.aks.ac.kr/VR/style/pavilion_b.png<br />
<br/><br><br />
<img src="http://digerati.aks.ac.kr/VR/style/pavilion_r.png" width="40"> http://digerati.aks.ac.kr/VR/style/pavilion_r.png<br />
<br/><br<br />
</html></div>
박현정
http://dh.aks.ac.kr/~phj/wiki/index.php?title=%EC%A0%84%EC%9E%90%EC%A7%80%EB%8F%84%EB%A7%8C%EB%93%A4%EA%B8%B0&diff=805
전자지도만들기
2021-01-18T09:13:04Z
<p>박현정: </p>
<hr />
<div>본 위키 페이지는 한국학대학원 인문정보학과 DH위키페이지의 나의 전자지도 만들기를 참고하여 만들었습니다. <br />
<br />
http://dh.aks.ac.kr/Edu/wiki/index.php/수원의_모습<br />
http://dh.aks.ac.kr/Edu/wiki/index.php/나의_전자지도_제작_방법<br />
<br />
==나의 전자지도 예시==<br />
===랜드마크가 되는 곳===<br />
월드컵경기장, 경기아트센터, 아주대학교병원, 경희대학교, 경기대학교, 성균관대학교 <br/><br/><br />
<googlemap width="800" height="400" lat="37.286526" lon="127.036850" type="normal" zoom="12" icon="http://maps.google.com/mapfiles/marker.png"><br />
37.286526, 127.036850, 월드컵경기장<br />
37.261541, 127.037576, 경기아트센터<br />
37.279432, 127.047469 , 아주대학교병원<br />
37.242953, 127.080079 , 경희대학교국제캠퍼스<br />
37.300522, 127.035819, 경기대학교<br />
37.293920, 126.975414, 성균관대학교<br />
37.275098, 127.057536, 중앙기독초등학교<br />
</googlemap><br />
<br/><br />
<br/><br />
===문화유산이나 관광지===<br />
수원화성, 행궁, 지지대고개, 노송지대<br/><br/><br />
<googlemap width="800" height="400" lat="37.299992" lon="127.001014 " type="normal" zoom="12" icon="http://maps.google.com/mapfiles/marker.png"><br />
37.288544, 127.013934, 수원화성<br />
37.281955, 127.013727, 행궁<br />
37.327648, 126.985252, 지지대고개<br />
37.315306, 126.986946, 노송지대<br />
</googlemap><br />
<br/><br/><br />
===물건을 사고 파는 곳===<br />
영동시장, 지동시장, 광교아비뉴프랑, 앨리웨이<br/><br/><br />
<googlemap width="800" height="400" lat="37.28" lon="127.036" type="normal" zoom="14" icon="http://maps.google.com/mapfiles/marker.png"><br />
37.276949, 127.018659, 영동시장<br />
37.277702, 127.019279, 지동시장<br />
37.290434, 127.050734, 광교아비뉴프랑<br />
37.274510, 127.062504, 앨리웨이<br />
</googlemap><br />
<br/><br/><br />
===교통의 중심인 곳===<br />
수원역, 광교중앙역, 수원 종합버스터미널, 영통역<br/><br/><br />
<googlemap width="800" height="400" lat="37.28" lon="127.036" type="normal" zoom="12" icon="http://maps.google.com/mapfiles/marker.png"><br />
37.266596, 126.999422, 수원역<br />
37.288432, 127.051658, 광교중앙역<br />
37.250904, 127.019713, 수원버스터미널<br />
37.251535, 127.071326, 영통역<br />
37.245816, 127.057361, 망포역<br />
37.261952, 127.030741, 수원시청역<br />
</googlemap><br />
<br/><br/><br />
===사람들의 생활을 편리하게 도와주는 곳===<br />
푸른숲 도서관, 경기 도청, 수원 시청, 아주대학교 병원, 수원 우편 집중국<br/><br/><br />
<googlemap width="800" height="400" lat="37.28" lon="127.04" type="normal" zoom="13" icon="http://maps.google.com/mapfiles/marker.png"><br />
37.281202, 127.066608, 푸른숲도서관<br />
37.275052, 127.009445, 경기도청<br />
37.263454, 127.028653, 수원시청<br />
37.279432, 127.047469, 아주대학교병원<br />
37.254249, 127.076186, 수원우편집중국<br />
</googlemap><br />
<br />
<br />
==나의 전자지도 제작 방법==<br />
#전자지도 상에 표시할 관심 지점(Point of Interst, POI)을 정한다.<br />
#관심 지점의 경위도 좌표를 구한다.<br />
## [http://maps.google.com 구글 맵] 상에 찾고자 하는 지점을 검색<br />
## '구글 맵'에 표시된 관심 지점 위에서 마우스 오른쪽 버튼 클릭한 후, "이곳이 궁금한가요?"를 선택<br />
## '구글 맵'이 알려주는 경도, 위도 값을 복사<br />
#나의 위키 문서에 다음과 같이 CODING<br />
<br />
==googlemap 요소의 Attributes== <br />
*width .... 지도 표시 창의 넓이: 절대값 또는 상대값으로 표시 (400, 600, 100%, 90%)<br />
*height .... 지도 표시 창의 높이: 절대값으로 표시<br />
*lat .... latitude, 표시할 지도 중심부의 위도<br />
*lon .... longitude, 표시할 지도 중심부의 경도<br />
*type .... 표시할 지도의 초기 형태: normal, satellite, hybrid<br />
*zoom .... 축척 0~19<br />
*icon .... 관심 지점 표시에 쓸 아이콘 이미지 URL<br />
<br />
==googlemap 요소의 Data Value== <br />
<pre><br />
36.56591, 127.517885, [[청주 이항희 가옥]]<br />
-------- ---------- --------------------<br />
위도 경도 POI 이름 및 링크<br />
</pre><br />
<br />
=='''간단한 구글 맵''' 사용 예시==<br />
<br />
===스크립트===<br />
<pre><br />
<googlemap width="600" height="300" lat="36.56591" lon="127.517885" type="normal" zoom="12" <br />
icon="http://maps.google.com/mapfiles/marker.png"><br />
36.56591, 127.517885, [[청주 이항희 가옥]]<br />
</googlemap><br />
</pre><br />
<br />
===표시===<br />
<googlemap width="600" height="300" lat="36.56591" lon="127.517885" type="normal" zoom="12" icon="http://maps.google.com/mapfiles/marker.png"><br />
36.56591, 127.517885, [[청주 이항희 가옥]]<br />
</googlemap><br />
<br />
==응용==<br />
<br />
===Path: 경로 표시=== <br />
<br />
<googlemap lat="37.38" lon="127.099" zoom="12"><br />
3#00FFFF<br />
37.393512, 127.053715<br />
37.392142, 127.090316<br />
37.357394, 127.081634<br />
37.386235, 127.135188<br />
</googlemap><br />
<br />
<pre><br />
<googlemap lat="37.38" lon="127.099" zoom="12"><br />
3#00FFFF<br />
37.393512, 127.053715<br />
37.392142, 127.090316<br />
37.357394, 127.081634<br />
37.386235, 127.135188<br />
</googlemap><br />
</pre><br />
* <nowiki><googlemap></nowiki> 태그 안의 데이타 영역에서 먼저 선의 굵기 및 색상 값을 입력하고, 그 다음 줄부터 각 지점의 좌표와 이동 순서를 차례로 입력.<br />
* 선의 굵기 및 색상 지정 방법<br />
**3#000000 .... 3: 선 굵기, ##00FFFF: 선 색상<br />
<br />
===Areas: 구역 표시===<br />
<br />
<googlemap lat="37.38" lon="127.099" zoom="12"><br />
3#00FFFF (#40FFFF00)<br />
37.357394, 127.081634<br />
37.386235, 127.135188<br />
37.393512, 127.053715<br />
</googlemap><br />
<br />
<pre><br />
<googlemap lat="37.38" lon="127.099" zoom="12"><br />
3#00FFFF (#40FFFF00)<br />
37.357394, 127.081634<br />
37.386235, 127.135188<br />
37.393512, 127.053715<br />
</googlemap><br />
</pre><br />
<br />
* <nowiki><googlemap></nowiki> 태그 안의 데이타 영역에서 먼저 구역(Area) 표시 선의 굵기 및 색상 값을 입력하고, 두번째 줄부터 각 지점의 좌표를 차례로 입력.<br />
* 선의 굵기, 색상, 구역 내부 색상 지정 방법<br />
**3#00FFFF ..... 3: 선 굵기, #000000: 선 색상<br />
**(#40FFFF00) ..... 40: 투명도(투명도 값: 00 ~ FF), #FFFF00: 구역 내부 색상<br />
<br />
===Marker 설정하기===<br />
<br />
<googlemap lat="37.38" lon="127.099" zoom="12" type="normal" <br />
icons="http://digerati.aks.ac.kr/VR/style/{label}.png"><br />
3#007F7F<br />
(school) 37.393512, 127.053715<br />
(pavilion_b) 37.392142, 127.090316<br />
(house) 37.357394, 127.081634<br />
(pavilion_r) 37.386235, 127.135188<br />
</googlemap><br />
<br />
<pre><br />
<googlemap lat="37.38" lon="127.099" zoom="12" type="normal" <br />
icons="http://digerati.aks.ac.kr/VR/style/{label}.png"><br />
3#007F7F<br />
(school) 37.393512, 127.053715<br />
(pavilion_b) 37.392142, 127.090316<br />
(house) 37.357394, 127.081634<br />
(pavilion_r) 37.386235, 127.135188<br />
</googlemap><br />
</pre><br />
<br />
<html><br />
<img src="http://digerati.aks.ac.kr/VR/style/school.png" width="40"> http://digerati.aks.ac.kr/VR/style/school.png<br />
<br/><br/><br />
<img src="http://digerati.aks.ac.kr/VR/style/house.png" width="40"> http://digerati.aks.ac.kr/VR/style/house.png<br />
<br/><br><br />
<img src="http://digerati.aks.ac.kr/VR/style/pavilion_b.png" width="40"> http://digerati.aks.ac.kr/VR/style/pavilion_b.png<br />
<br/><br><br />
<img src="http://digerati.aks.ac.kr/VR/style/pavilion_r.png" width="40"> http://digerati.aks.ac.kr/VR/style/pavilion_r.png<br />
<br/><br<br />
</html></div>
박현정
http://dh.aks.ac.kr/~phj/wiki/index.php?title=%EC%A0%84%EC%9E%90%EC%A7%80%EB%8F%84%EB%A7%8C%EB%93%A4%EA%B8%B0&diff=804
전자지도만들기
2021-01-18T09:11:10Z
<p>박현정: </p>
<hr />
<div>본 위키 페이지는 한국학대학원 인문정보학과 DH위키페이지의 나의 전자지도 만들기를 참고하여 만들었습니다. <br />
<br />
http://dh.aks.ac.kr/Edu/wiki/index.php/수원의_모습<br />
http://dh.aks.ac.kr/Edu/wiki/index.php/나의_전자지도_제작_방법<br />
<br />
==나의 전자지도 예시==<br />
<googlemap width="600" height="300" lat="37.391794" lon="127.056611" type="normal" zoom="15" icon="http://maps.google.com/mapfiles/marker.png"><br />
37.391794, 127.056611<br />
</googlemap><br />
<br />
==나의 전자지도 제작 방법==<br />
#전자지도 상에 표시할 관심 지점(Point of Interst, POI)을 정한다.<br />
#관심 지점의 경위도 좌표를 구한다.<br />
## [http://maps.google.com 구글 맵] 상에 찾고자 하는 지점을 검색<br />
## '구글 맵'에 표시된 관심 지점 위에서 마우스 오른쪽 버튼 클릭한 후, "이곳이 궁금한가요?"를 선택<br />
## '구글 맵'이 알려주는 경도, 위도 값을 복사<br />
#나의 위키 문서에 다음과 같이 CODING<br />
<br />
==googlemap 요소의 Attributes== <br />
*width .... 지도 표시 창의 넓이: 절대값 또는 상대값으로 표시 (400, 600, 100%, 90%)<br />
*height .... 지도 표시 창의 높이: 절대값으로 표시<br />
*lat .... latitude, 표시할 지도 중심부의 위도<br />
*lon .... longitude, 표시할 지도 중심부의 경도<br />
*type .... 표시할 지도의 초기 형태: normal, satellite, hybrid<br />
*zoom .... 축척 0~19<br />
*icon .... 관심 지점 표시에 쓸 아이콘 이미지 URL<br />
<br />
==googlemap 요소의 Data Value== <br />
<pre><br />
36.56591, 127.517885, [[청주 이항희 가옥]]<br />
-------- ---------- --------------------<br />
위도 경도 POI 이름 및 링크<br />
</pre><br />
<br />
=='''간단한 구글 맵''' 사용 예시==<br />
<br />
===스크립트===<br />
<pre><br />
<googlemap width="600" height="300" lat="36.56591" lon="127.517885" type="normal" zoom="12" <br />
icon="http://maps.google.com/mapfiles/marker.png"><br />
36.56591, 127.517885, [[청주 이항희 가옥]]<br />
</googlemap><br />
</pre><br />
<br />
===표시===<br />
<googlemap width="600" height="300" lat="36.56591" lon="127.517885" type="normal" zoom="12" icon="http://maps.google.com/mapfiles/marker.png"><br />
36.56591, 127.517885, [[청주 이항희 가옥]]<br />
</googlemap><br />
<br />
==응용==<br />
<br />
===Path: 경로 표시=== <br />
<br />
<googlemap lat="37.38" lon="127.099" zoom="12"><br />
3#00FFFF<br />
37.393512, 127.053715<br />
37.392142, 127.090316<br />
37.357394, 127.081634<br />
37.386235, 127.135188<br />
</googlemap><br />
<br />
<pre><br />
<googlemap lat="37.38" lon="127.099" zoom="12"><br />
3#00FFFF<br />
37.393512, 127.053715<br />
37.392142, 127.090316<br />
37.357394, 127.081634<br />
37.386235, 127.135188<br />
</googlemap><br />
</pre><br />
* <nowiki><googlemap></nowiki> 태그 안의 데이타 영역에서 먼저 선의 굵기 및 색상 값을 입력하고, 그 다음 줄부터 각 지점의 좌표와 이동 순서를 차례로 입력.<br />
* 선의 굵기 및 색상 지정 방법<br />
**3#000000 .... 3: 선 굵기, ##00FFFF: 선 색상<br />
<br />
===Areas: 구역 표시===<br />
<br />
<googlemap lat="37.38" lon="127.099" zoom="12"><br />
3#00FFFF (#40FFFF00)<br />
37.357394, 127.081634<br />
37.386235, 127.135188<br />
37.393512, 127.053715<br />
</googlemap><br />
<br />
<pre><br />
<googlemap lat="37.38" lon="127.099" zoom="12"><br />
3#00FFFF (#40FFFF00)<br />
37.357394, 127.081634<br />
37.386235, 127.135188<br />
37.393512, 127.053715<br />
</googlemap><br />
</pre><br />
<br />
* <nowiki><googlemap></nowiki> 태그 안의 데이타 영역에서 먼저 구역(Area) 표시 선의 굵기 및 색상 값을 입력하고, 두번째 줄부터 각 지점의 좌표를 차례로 입력.<br />
* 선의 굵기, 색상, 구역 내부 색상 지정 방법<br />
**3#00FFFF ..... 3: 선 굵기, #000000: 선 색상<br />
**(#40FFFF00) ..... 40: 투명도(투명도 값: 00 ~ FF), #FFFF00: 구역 내부 색상<br />
<br />
===Marker 설정하기===<br />
<br />
<googlemap lat="37.38" lon="127.099" zoom="12" type="normal" <br />
icons="http://digerati.aks.ac.kr/VR/style/{label}.png"><br />
3#007F7F<br />
(school) 37.393512, 127.053715<br />
(pavilion_b) 37.392142, 127.090316<br />
(house) 37.357394, 127.081634<br />
(pavilion_r) 37.386235, 127.135188<br />
</googlemap><br />
<br />
<pre><br />
<googlemap lat="37.38" lon="127.099" zoom="12" type="normal" <br />
icons="http://digerati.aks.ac.kr/VR/style/{label}.png"><br />
3#007F7F<br />
(school) 37.393512, 127.053715<br />
(pavilion_b) 37.392142, 127.090316<br />
(house) 37.357394, 127.081634<br />
(pavilion_r) 37.386235, 127.135188<br />
</googlemap><br />
</pre><br />
<br />
<html><br />
<img src="http://digerati.aks.ac.kr/VR/style/school.png" width="40"> http://digerati.aks.ac.kr/VR/style/school.png<br />
<br/><br/><br />
<img src="http://digerati.aks.ac.kr/VR/style/house.png" width="40"> http://digerati.aks.ac.kr/VR/style/house.png<br />
<br/><br><br />
<img src="http://digerati.aks.ac.kr/VR/style/pavilion_b.png" width="40"> http://digerati.aks.ac.kr/VR/style/pavilion_b.png<br />
<br/><br><br />
<img src="http://digerati.aks.ac.kr/VR/style/pavilion_r.png" width="40"> http://digerati.aks.ac.kr/VR/style/pavilion_r.png<br />
<br/><br<br />
</html><br />
<br />
===KML 파일 불러오기===<br />
<googlemap lat="36.216770" lon="127.613973" type="hybrid" zoom="8"> <br />
http://digerati.aks.ac.kr/DhLab/2017/111/Tutorials/E001.kml<br />
</googlemap><br />
<br />
<pre><br />
<googlemap lat="36.216770" lon="127.613973" type="hybrid" zoom="8"> <br />
http://digerati.aks.ac.kr/DhLab/2017/111/Tutorials/E001.kml<br />
</googlemap><br />
</pre><br />
<br />
※ KML File Source 보기: [[E001.kml]]<br />
<br />
<!--<br />
===KML로 내보내기===<br />
예시: <googlemapkml article="나의 전자지도 제작 방법">View in Google Earth</googlemapkml><br />
<br />
<pre><br />
<googlemapkml article="나의 전자지도 제작 방법">View in Google Earth</googlemapkml><br />
</pre><br />
--></div>
박현정
http://dh.aks.ac.kr/~phj/wiki/index.php?title=%EC%A0%84%EC%9E%90%EC%A7%80%EB%8F%84%EB%A7%8C%EB%93%A4%EA%B8%B0&diff=803
전자지도만들기
2021-01-18T09:08:30Z
<p>박현정: 새 문서: 본 위키 페이지는 한국학대학원 인문정보학과 DH위키페이지의 나의 전자지도 만들기를 참고하여 만들었습니다. http://dh.aks.ac.kr/Edu/wiki/ind...</p>
<hr />
<div>본 위키 페이지는 한국학대학원 인문정보학과 DH위키페이지의 나의 전자지도 만들기를 참고하여 만들었습니다. <br />
<br />
http://dh.aks.ac.kr/Edu/wiki/index.php/수원의_모습<br />
<br />
==나의 전자지도 예시==<br />
<googlemap width="600" height="300" lat="37.391794" lon="127.056611" type="normal" zoom="15" icon="http://maps.google.com/mapfiles/marker.png"><br />
37.391794, 127.056611<br />
</googlemap><br />
<br />
==나의 전자지도 제작 방법==<br />
#전자지도 상에 표시할 관심 지점(Point of Interst, POI)을 정한다.<br />
#관심 지점의 경위도 좌표를 구한다.<br />
## [http://maps.google.com 구글 맵] 상에 찾고자 하는 지점을 검색<br />
## '구글 맵'에 표시된 관심 지점 위에서 마우스 오른쪽 버튼 클릭한 후, "이곳이 궁금한가요?"를 선택<br />
## '구글 맵'이 알려주는 경도, 위도 값을 복사<br />
#나의 위키 문서에 다음과 같이 CODING<br />
<br />
==googlemap 요소의 Attributes== <br />
*width .... 지도 표시 창의 넓이: 절대값 또는 상대값으로 표시 (400, 600, 100%, 90%)<br />
*height .... 지도 표시 창의 높이: 절대값으로 표시<br />
*lat .... latitude, 표시할 지도 중심부의 위도<br />
*lon .... longitude, 표시할 지도 중심부의 경도<br />
*type .... 표시할 지도의 초기 형태: normal, satellite, hybrid<br />
*zoom .... 축척 0~19<br />
*icon .... 관심 지점 표시에 쓸 아이콘 이미지 URL<br />
<br />
==googlemap 요소의 Data Value== <br />
<pre><br />
36.56591, 127.517885, [[청주 이항희 가옥]]<br />
-------- ---------- --------------------<br />
위도 경도 POI 이름 및 링크<br />
</pre><br />
<br />
=='''간단한 구글 맵''' 사용 예시==<br />
<br />
===스크립트===<br />
<pre><br />
<googlemap width="600" height="300" lat="36.56591" lon="127.517885" type="normal" zoom="12" <br />
icon="http://maps.google.com/mapfiles/marker.png"><br />
36.56591, 127.517885, [[청주 이항희 가옥]]<br />
</googlemap><br />
</pre><br />
<br />
===표시===<br />
<googlemap width="600" height="300" lat="36.56591" lon="127.517885" type="normal" zoom="12" icon="http://maps.google.com/mapfiles/marker.png"><br />
36.56591, 127.517885, [[청주 이항희 가옥]]<br />
</googlemap><br />
<br />
==응용==<br />
<br />
===Path: 경로 표시=== <br />
<br />
<googlemap lat="37.38" lon="127.099" zoom="12"><br />
3#00FFFF<br />
37.393512, 127.053715<br />
37.392142, 127.090316<br />
37.357394, 127.081634<br />
37.386235, 127.135188<br />
</googlemap><br />
<br />
<pre><br />
<googlemap lat="37.38" lon="127.099" zoom="12"><br />
3#00FFFF<br />
37.393512, 127.053715<br />
37.392142, 127.090316<br />
37.357394, 127.081634<br />
37.386235, 127.135188<br />
</googlemap><br />
</pre><br />
* <nowiki><googlemap></nowiki> 태그 안의 데이타 영역에서 먼저 선의 굵기 및 색상 값을 입력하고, 그 다음 줄부터 각 지점의 좌표와 이동 순서를 차례로 입력.<br />
* 선의 굵기 및 색상 지정 방법<br />
**3#000000 .... 3: 선 굵기, ##00FFFF: 선 색상<br />
<br />
===Areas: 구역 표시===<br />
<br />
<googlemap lat="37.38" lon="127.099" zoom="12"><br />
3#00FFFF (#40FFFF00)<br />
37.357394, 127.081634<br />
37.386235, 127.135188<br />
37.393512, 127.053715<br />
</googlemap><br />
<br />
<pre><br />
<googlemap lat="37.38" lon="127.099" zoom="12"><br />
3#00FFFF (#40FFFF00)<br />
37.357394, 127.081634<br />
37.386235, 127.135188<br />
37.393512, 127.053715<br />
</googlemap><br />
</pre><br />
<br />
* <nowiki><googlemap></nowiki> 태그 안의 데이타 영역에서 먼저 구역(Area) 표시 선의 굵기 및 색상 값을 입력하고, 두번째 줄부터 각 지점의 좌표를 차례로 입력.<br />
* 선의 굵기, 색상, 구역 내부 색상 지정 방법<br />
**3#00FFFF ..... 3: 선 굵기, #000000: 선 색상<br />
**(#40FFFF00) ..... 40: 투명도(투명도 값: 00 ~ FF), #FFFF00: 구역 내부 색상<br />
<br />
===Marker 설정하기===<br />
<br />
<googlemap lat="37.38" lon="127.099" zoom="12" type="normal" <br />
icons="http://digerati.aks.ac.kr/VR/style/{label}.png"><br />
3#007F7F<br />
(school) 37.393512, 127.053715<br />
(pavilion_b) 37.392142, 127.090316<br />
(house) 37.357394, 127.081634<br />
(pavilion_r) 37.386235, 127.135188<br />
</googlemap><br />
<br />
<pre><br />
<googlemap lat="37.38" lon="127.099" zoom="12" type="normal" <br />
icons="http://digerati.aks.ac.kr/VR/style/{label}.png"><br />
3#007F7F<br />
(school) 37.393512, 127.053715<br />
(pavilion_b) 37.392142, 127.090316<br />
(house) 37.357394, 127.081634<br />
(pavilion_r) 37.386235, 127.135188<br />
</googlemap><br />
</pre><br />
<br />
<html><br />
<img src="http://digerati.aks.ac.kr/VR/style/school.png" width="40"> http://digerati.aks.ac.kr/VR/style/school.png<br />
<br/><br/><br />
<img src="http://digerati.aks.ac.kr/VR/style/house.png" width="40"> http://digerati.aks.ac.kr/VR/style/house.png<br />
<br/><br><br />
<img src="http://digerati.aks.ac.kr/VR/style/pavilion_b.png" width="40"> http://digerati.aks.ac.kr/VR/style/pavilion_b.png<br />
<br/><br><br />
<img src="http://digerati.aks.ac.kr/VR/style/pavilion_r.png" width="40"> http://digerati.aks.ac.kr/VR/style/pavilion_r.png<br />
<br/><br<br />
</html><br />
<br />
===KML 파일 불러오기===<br />
<googlemap lat="36.216770" lon="127.613973" type="hybrid" zoom="8"> <br />
http://digerati.aks.ac.kr/DhLab/2017/111/Tutorials/E001.kml<br />
</googlemap><br />
<br />
<pre><br />
<googlemap lat="36.216770" lon="127.613973" type="hybrid" zoom="8"> <br />
http://digerati.aks.ac.kr/DhLab/2017/111/Tutorials/E001.kml<br />
</googlemap><br />
</pre><br />
<br />
※ KML File Source 보기: [[E001.kml]]<br />
<br />
<!--<br />
===KML로 내보내기===<br />
예시: <googlemapkml article="나의 전자지도 제작 방법">View in Google Earth</googlemapkml><br />
<br />
<pre><br />
<googlemapkml article="나의 전자지도 제작 방법">View in Google Earth</googlemapkml><br />
</pre><br />
--></div>
박현정
http://dh.aks.ac.kr/~phj/wiki/index.php?title=%EC%A0%84%EC%9E%90%EC%B1%85&diff=802
전자책
2021-01-18T07:56:28Z
<p>박현정: /* 전자책 만드는 순서 */</p>
<hr />
<div>=sigil=<br />
*시길 다운로드: http://sigil-ebook.com<br />
*sigil-0.96-window-x64-setup.exe 다운받기<br />
*isbn 발급방법: [http://seoji.nl.go.kr/isbn/isbnBook/IsbnBookSearch.do 서지정보유통시스템] 가입, 로그인<br />
<br />
=플랫폼=<br />
*리디북스: www://ridibooks.com/event/67<br />
*교보문고, 한국이퍼브, 유페이퍼, 북큐브<br />
<br />
=상업용 무료 이미지 사이트=<br />
*https://pixabay.com<br />
*https://www.freepik.com<br />
*https://unsplash.com<br />
*https://gratisography.com<br />
*https://morguefile.com<br />
<br />
=전자책 출판사 만드는 순서=<br />
# 시길 설치하기. 그전에 책을 위한 원고작성 및 자료모음이 먼저. <br />
# 시길을 이용한 전자책만들기. 완성<br />
# 출판사 등록을 위한 구청(문화체육과)방문<br />
# 구청 재방문 서류 받기, 받은 서류(등록증)로 세무서에 가서 신고<br />
# 계약하고자 하는 플랫폼(전자책을 내놓을 배부할 회사)마다 요구하는 서류가 다름. 사업자 통장과 사업자공인인증서 미리 준비. <br />
# 각 유통사 플렛폼에 메일을 보내고, 서류 준비. <br />
# 서지정보시스템에 들어가서 isbn, cip를 발행하고 전자책에도 등록.<br />
# 각각의 scm 사이트에 isbn, cip를 등록. <br />
# 각 회사에서 정산금액을 메일로 알려주면 홈텍스에서 세금계산서를 발생. 출판사는 면세사업자</div>
박현정
http://dh.aks.ac.kr/~phj/wiki/index.php?title=%EC%A0%84%EC%9E%90%EC%B1%85&diff=801
전자책
2021-01-18T07:24:43Z
<p>박현정: /* 전자책 만드는 순서 */</p>
<hr />
<div>=sigil=<br />
*시길 다운로드: http://sigil-ebook.com<br />
*sigil-0.96-window-x64-setup.exe 다운받기<br />
*isbn 발급방법: [http://seoji.nl.go.kr/isbn/isbnBook/IsbnBookSearch.do 서지정보유통시스템] 가입, 로그인<br />
<br />
=플랫폼=<br />
*리디북스: www://ridibooks.com/event/67<br />
*교보문고, 한국이퍼브, 유페이퍼, 북큐브<br />
<br />
=상업용 무료 이미지 사이트=<br />
*https://pixabay.com<br />
*https://www.freepik.com<br />
*https://unsplash.com<br />
*https://gratisography.com<br />
*https://morguefile.com<br />
<br />
=전자책 만드는 순서=<br />
# 시길 설치하기. 그전에 책을 위한 원고작성 및 자료모음이 먼저. <br />
# 시길을 이용한 전자책만들기. 완성<br />
# 출판사 등록을 위한 구청(문화체육과)방문<br />
# 구청 재방문 서류 받기, 받은 서류(등록증)로 세무서에 가서 신고<br />
# 계약하고자 하는 플랫폼(전자책을 내놓을 배부할 회사)마다 요구하는 서류가 다름. 사업자 통장과 사업자공인인증서 미리 준비. <br />
# 각 유통사 플렛폼에 메일을 보내고, 서류 준비. <br />
# 서지정보시스템에 들어가서 isbn, cip를 발행하고 전자책에도 등록.<br />
# 각각의 scm 사이트에 isbn, cip를 등록. <br />
# 각 회사에서 정산금액을 메일로 알려주면 홈텍스에서 세금계산서를 발생. 출판사는 면세사업자</div>
박현정
http://dh.aks.ac.kr/~phj/wiki/index.php?title=%EC%A0%84%EC%9E%90%EC%B1%85&diff=800
전자책
2021-01-16T06:36:40Z
<p>박현정: </p>
<hr />
<div>=sigil=<br />
*시길 다운로드: http://sigil-ebook.com<br />
*sigil-0.96-window-x64-setup.exe 다운받기<br />
*isbn 발급방법: [http://seoji.nl.go.kr/isbn/isbnBook/IsbnBookSearch.do 서지정보유통시스템] 가입, 로그인<br />
<br />
=플랫폼=<br />
*리디북스: www://ridibooks.com/event/67<br />
*교보문고, 한국이퍼브, 유페이퍼, 북큐브<br />
<br />
=상업용 무료 이미지 사이트=<br />
*https://pixabay.com<br />
*https://www.freepik.com<br />
*https://unsplash.com<br />
*https://gratisography.com<br />
*https://morguefile.com<br />
<br />
=전자책 만드는 순서=<br />
1. 시길 설치하기. 그전에 책을 위한 원고작성 및 자료모음이 먼저. <br />
2. 시길을 이용한 전자책만들기. 완성<br />
3. 출판사 등록을 위한 구청(문화체육과)방문<br />
4. 구청 재방문 서류 받기, 받은 서류(등록증)로 세무서에 가서 신고<br />
5. 계약하고자 하는 플랫폼(전자책을 내놓을 배부할 회사)마다 요구하는 서류가 다름. 사업자 통장과 사업자공인인증서 미리 준비. <br />
6. 각 유통사 플렛폼에 메일을 보내고, 서류 준비. <br />
7. 서지정보시스템에 들어가서 isbn, cip를 발행하고 전자책에도 등록.<br />
8. 각각의 scm 사이트에 isbn, cip를 등록. <br />
9. 각 회사에서 정산금액을 메일로 알려주면 홈텍스에서 세금계산서를 발생. 출판사는 면세사업자</div>
박현정
http://dh.aks.ac.kr/~phj/wiki/index.php?title=%EC%A0%84%EC%9E%90%EC%B1%85&diff=799
전자책
2021-01-16T05:19:33Z
<p>박현정: 새 문서: =sigil= *시길 다운로드: http://sigil-ebook.com *sigil-0.96-window-x64-setup.exe 다운받기 *isbn 발급방법: [http://seoji.nl.go.kr/isbn/isbnBook/IsbnBookSearch.do 서지정...</p>
<hr />
<div>=sigil=<br />
*시길 다운로드: http://sigil-ebook.com<br />
*sigil-0.96-window-x64-setup.exe 다운받기<br />
*isbn 발급방법: [http://seoji.nl.go.kr/isbn/isbnBook/IsbnBookSearch.do 서지정보유통시스템] 가입, 로그인<br />
<br />
=플랫폼=<br />
*리디북스: www://ridibooks.com/event/67<br />
*교보문고</div>
박현정
http://dh.aks.ac.kr/~phj/wiki/index.php?title=%EB%8C%80%EB%AC%B8&diff=793
대문
2021-01-05T12:43:22Z
<p>박현정: /* 2020년 */</p>
<hr />
<div>__NOTOC__<br />
='''한국학대학원'''=<br />
<br/><br />
=='''2020년'''==<br />
===[[인문정보학2020|인문정보학]] 수업===<br />
<br />
===[[외국어습득론]] 수업===<br />
<br />
===[[종교와 현대사회1]] 수업===<br />
<br />
===[http://www.digerati.kr/mediawiki/index.php/2020_%EB%94%94%EC%A7%80%ED%84%B8_%EC%9D%B8%EB%AC%B8%ED%95%99_%EB%8C%80%ED%9A%8C 2020디지털인문학대회]===<br />
<br />
===[http://dh.aks.ac.kr/~metaArchive/wiki/index.php/%EB%8C%80%EB%AC%B8 경기도박물관프로젝트]===<br />
*참고눈문<br />
#초등교육과정과 연계된 박물관 어린이용 가이드 개발 및 활용방안 / 손명선. 청람사학. Vol. 13 (2006) pg. 121, 29 p.<br />
# 박물관을 활용한 ‘지역사 하기’ 교수 · 학습 방안 연구 / A Study on Teaching-Learning Methods of 'Doing Local History' Using Museums / 김민정.<br />
#박물관과 미술관 전시품을 활용한 STEAM 교육 프로그램 개발 Development of STEAM Program Utilizing Museum and Art Gallery Exhibits / 최유현외 5명. 실과교육연구, 21(1), pp.183-199 Feb, 2015<br />
<br />
*관련교육과정<br />
#사회과 초4 우리가 알아보는 고장 이야기<br />
[4사01-03] 고장과 관련된 옛이야기를 통하여 고장의 역사적인 유래와 특징을 설명한다.<br />
[4사01-04] 고장에 전해 내려오는 대표적인 문화유산을 살펴보고 고장에 대한 자긍심을 기른다.<br />
#사회과 초4 우리가 알아보는 지역의 역사<br />
[4사03-03] 우리 지역을 대표하는 유 · 무형의 문화유산을 알아보고, 지역의 문화유산을 소중히 여기는 태도를 갖는다.<br />
[4사03-04] 우리 지역과 관련된 역사적 인물의 삶을 알아보고, 지역의 역사에 대해 자부심을 갖는다.<br />
<br />
===cc라이센스===<br />
#ccO: 마음대로 상업용으로 가능한 사진<br />
#cc by: 저작자표시<br />
#cc by-nc: 저작자표시-비영리<br />
#cc-by-nd: 저작자표시-변경금지<br />
#cc-by-sa: 저작자표시-동일조건변경허락<br />
#by-nc-sa: 저작자표시-비영리-동일조건 변경 허락<br />
#by-nc-nd: 저작자표시-비영리-변경금지</div>
박현정
http://dh.aks.ac.kr/~phj/wiki/index.php?title=%EB%8C%80%EB%AC%B8&diff=792
대문
2021-01-01T15:16:20Z
<p>박현정: /* 경기도박물관프로젝트 */</p>
<hr />
<div>__NOTOC__<br />
='''한국학대학원'''=<br />
<br/><br />
=='''2020년'''==<br />
===[[인문정보학2020|인문정보학]] 수업===<br />
<br />
===[[외국어습득론]] 수업===<br />
<br />
===[[종교와 현대사회1]] 수업===<br />
<br />
===[http://www.digerati.kr/mediawiki/index.php/2020_%EB%94%94%EC%A7%80%ED%84%B8_%EC%9D%B8%EB%AC%B8%ED%95%99_%EB%8C%80%ED%9A%8C 2020디지털인문학대회]===<br />
<br />
===[http://dh.aks.ac.kr/~metaArchive/wiki/index.php/%EB%8C%80%EB%AC%B8 경기도박물관프로젝트]===<br />
*참고눈문<br />
#초등교육과정과 연계된 박물관 어린이용 가이드 개발 및 활용방안 / 손명선. 청람사학. Vol. 13 (2006) pg. 121, 29 p.<br />
# 박물관을 활용한 ‘지역사 하기’ 교수 · 학습 방안 연구 / A Study on Teaching-Learning Methods of 'Doing Local History' Using Museums / 김민정.<br />
#박물관과 미술관 전시품을 활용한 STEAM 교육 프로그램 개발 Development of STEAM Program Utilizing Museum and Art Gallery Exhibits / 최유현외 5명. 실과교육연구, 21(1), pp.183-199 Feb, 2015<br />
<br />
*관련교육과정<br />
#사회과 초4 우리가 알아보는 고장 이야기<br />
[4사01-03] 고장과 관련된 옛이야기를 통하여 고장의 역사적인 유래와 특징을 설명한다.<br />
[4사01-04] 고장에 전해 내려오는 대표적인 문화유산을 살펴보고 고장에 대한 자긍심을 기른다.<br />
#사회과 초4 우리가 알아보는 지역의 역사<br />
[4사03-03] 우리 지역을 대표하는 유 · 무형의 문화유산을 알아보고, 지역의 문화유산을 소중히 여기는 태도를 갖는다.<br />
[4사03-04] 우리 지역과 관련된 역사적 인물의 삶을 알아보고, 지역의 역사에 대해 자부심을 갖는다.</div>
박현정