디지털북센터 하반기 정규 교육프로그램 수강생 모집 공고(8월 18일부터)

카테고리 없음 2020. 8. 9. 11:43

http://www.kdpub.org/sub0401_view.php?idx=87

 

디지털 북센터 정규 교육 공지 공유드립니다.

전자책 제작 교육도 있으니 전자책 제작에 관심있는 분들은 8월 18일 기억해 두셨다가 신청하세요~

초급, 중급 2개 과정이 있는데 중급 과정은 제가 진행합니다.

상반기 교육은 수강생의 제작 경험 편차가 심해 초급도, 중급도 아닌 애매한 교육이 되어버렸어요.

초급 수업 끝나고 중급 수업이 진행돼야 했는데, 코로나 이슈로 밀리고, 일정이 꼬여 중급을 먼저 시작했어요.

하반기 교육은 수강생 수준 보다는 교육 과정에 충실하려고 합니다.

전자책 제작 경험이 없는 분들은 초급을 신청하시고,

중급은 Sigil 사용법, HTML과 CSS의 기초 정도는 아는 분들이라 생각하고 수업 난이도 조절 없이 강행(?) 하겠습니다^^

Sigil 사용법도 모르는 분들은 초급 과정을 신청해 주세요.

중급 수업에서는 메뉴 설명도 하지 않을 생각입니다.

참... 압축파일 어떻게 푸는지, 다운로드 받은 파일이 어디 있는지도 모르는 분들은 초급을 들으세요.

상반기 수업은 이런 부분까지 설명을 했지만, 하반기 수업에서는 이런 설명 절대 안합니다 ^^

전자책 제작 경험이 있는데,

더 잘 만들고, 더 빠르게 만들고 싶지만 벽을 만나 어려움을 느끼는 분들이 신청하셨으면 좋겠어요.

10일 후 부터 모집 진행합니다.

저한테 가끔 고급진(?) 질문 하는 수준의 전자책 편집자 분들과 만났으면 하는 바람입니다~

설정

트랙백

댓글

[CSS 스타일 샘플] 간단해 보이지만 복잡했던 장제목 스타일

어떻게 스타일 잡을까 고민하느라 시간이 한참 걸렸네요.

PDF로 보면 이런 모양입니다.

이 스타일이 까다로왔던 이유는

상단 굵은 줄과 장제목, 제목 사이의 빨간 줄이 글자 크기가 바뀔 때 같이 움직여야 해서였어요.

글자 크기 바꾸면 장번호도 크거나 작아져야 하는데, 그에 맞춰 상단 줄과 중간 빨간 줄이 같이 움직여야 하지요.

거기에 폭이 바뀌면 제목쪽만 움직여야 하니 여러 조건을 한번에 맞춰야 했습니다.

요즘 grid를 많이 쓰네요.

처음에 table로 작업할까 했는데, 제목 처리 하려면 헤딩 태그를 써야하니 테이블은 제외시켰고,

몇가지 방법을 생각해 하나씩 적용해 보다 그나마 코드가 간단한 방식을 찾은게 grid입니다.

<div class="ChapLine">

<div class="ChapLineRed"></div>

<div class="ChapLineGrey"></div>

</div>

<h3><span class="ChapTXT">CHAPTER</span><span class="ChapNo">10</span> <span class="ChapTitle">첫 번째 파이프라인<br/> PDF 전자책</span></h3>

===

h3 {

display : grid;

grid-template-areas :

"ChapTXT ChapTitle"

"ChapNo ChapTitle";

grid-template-columns : 2.5em auto;

grid-template-rows : 0.5em;

font-size : 2em;

align-content: center;

margin-bottom : 5em !important;

}

.ChapLine {

display : grid;

grid-template-areas :

'ChapLineRed ChapLineGrey';

grid-template-columns : 2.5em auto;

grid-template-rows : 5px auto;

font-size : 2em;

margin-bottom : 15px;

}

.ChapLineRed {

grid-area: ChapLineRed;

background-color : #EA5A4F;

}

.ChapLineGrey {

grid-area: ChapLineGrey;

background-color : #BFC0C0;

}

.ChapTXT {

font-size : 0.4em;

color : #EA5A4F;

justify-content: left;

}

.ChapNo {

display: flex;

grid-area: ChapNo;

box-sizing: border-box;

font-size: 1.8em;

color : #EA5A4F;

line-height : 1em;

align-items: flex-start;

justify-content: left;

}

.ChapTitle {

display : flex;

grid-area : ChapTitle;

box-sizing: border-box;

font-family: "제목고딕";

border-left : 1px solid #EA5A4F;

padding-left : 0.5em;

line-height : 1em;

}

설정

트랙백

댓글

EPUB에서 일본어 세로쓰기

 

sample_epub3.epub
0.00MB

일본어 세로쓰기 문의주신 분이 있어 스타일 샘플 올립니다.

 

Sigil 1.3.0 버전에서 일본어 세로쓰기 편집을 완벽히 지원합니다.

제발 Sigil 구버전 사용하지 마시고, 최신버전을 이용하세요.

 

Sigil을 이용한다는 것은 HTML과 CSS를 편집할 수 있다는 뜻이겠지요.

HTML과 CSS를 모르면 Sigil이 아닌, 

이펍스타일리스트나 윙크 같은 WYSIWYG 편집 기능 제공하는 편집기를 사용하세요.

이펍스타일리스트나 윙크도 Sigil 못지 않게 아주 좋은 편집기입니다.

 

 

일본어 세로쓰기는 이렇게 보입니다.

하지만 문제가 있어요.

 

첫째, 일본어 세로쓰기는 EPUB3에서 제대로 지원합니다. EPUB2 표준에서는 공식적으로 지원하지 않기 때문에 EPUB3로 편집하는게 좋습니다.

 

둘째, 교보, 예스24, 알라딘, 리디 뷰어에서는 EPUB3를 지원하나 모든 뷰어가 세로쓰기를 지원하지 않습니다.

리디 뷰어만 세로쓰기 속성을 무시하고 가로쓰기로 표현하고, 그 외 유통사는 볼 수 없습니다.

 

국내 유통사에 판매할 생각 없다면 세로쓰기로 편집해도 됩니다.

국내 유통사에 판매할 생각이라면, 세로쓰기는 포기하세요.

언젠가 지원이 될거예요. 그때 까지는 유통하고 싶어도 방법이 없습니다.

 

세로쓰기 방법은 샘플 파일로 대신하겠습니다.

심플 파일 다운 받아 Sigil 최신 버전으로 보세요.

 

그리고,

일본어 교재여서 모든 내용을 세로쓰기 할 필요는 없지만, 본문 내에 박스 처리해서 세로쓰기를 하는건 가능합니다.

교보, 리디, 예스24, 알라딘은 박스 처리한 세로쓰기는 볼 수 있습니다.

세로쓰기를 하면 영문, 숫자는 90도 돌아갑니다. 영문과 숫자는 horizontal 스타일을 적용해야 제대로 보이니 참고하세요.

설정

트랙백

댓글