내맘대로의 EPUBGUIDE.NET에서 편집자의 의도를 그대로 살려 전자책을 제작해 드립니다.
종이책의 편집 스타일을 최대한 유지하며, 팝업 주석 처리, 이미지 확대 축소 등 전자책의 장점을 반영하여 전자책을 제작합니다. 탬플릿을 사용하지 않고, 책 한권 한권 고유 스타일을 살리기 때문에 전자책에서도 종이책 디자인을 느낄 수 있습니다.
한국출판문화진흥원의 [텍스트형 전자책 제작 지원 사업] 선정 도서는 ‘제작 난이도별 제작비 산정 기준에 근거하여’ 제작 단가를 산정하고, 일정에 맞춰 제작을 해 드리니 많은 문의 바랍니다. 자세한 내용은 여기로: https://www.epubguide.net/notice/309오래 전 작성된 글은 현재의 Sigil 버전과 차이가 날 수 있습니다. 등록 일자를 확인 하고 1년 이상 지난 글은 변경된 내용이 있는지 확인하시기 바랍니다.
이런 스타일을 뭐라고 이름 붙일지 모르겠네요.
종이책(왼쪽)에서는 왼쪽으로 페이지 세로에 꽉 차게 영역을 만든 후 본문의 제목이나 저자 설명 같은 부연설명을 넣었습니다.
다음 페이지는 왼쪽 박스 영역 없는, 배경색만 있는 페이지예요.
전자책은 페이지를 구분할 수 없기 때문에 저걸 한 페이지로 맞추려는 노력을 하기 보다는, 왼쪽 글상자를 만들고, 안에 내용을 채워 넣는게 좋아요.
오른쪽이 EPUB입니다.
![](https://blog.kakaocdn.net/dn/CIIG6/btrnv2BuHew/LJoPSlxMznf4sagIyE1nMk/img.png)
![](https://blog.kakaocdn.net/dn/bsxPt8/btrnrdjGo1h/KRkzeKcO7jKBTvSBb2BvL1/img.png)
이렇게 만들면 한가지 문제가 생깁니다.
휴대폰처럼 세로로 길면 캡처한 이미지 처럼 보입니다.
하지만 세로 폭이 좁은 화면에서는 왼쪽 글상자가 다음페이지로 넘어갈 수 있어요.
이건 그러려니 하고 넘어가야돼요.
이거 맞추겠다고 가로폭 늘리고 세로폭 줄이면, 더 좁은 화며에서 똑같은 문제가 생기고, 그러다 보면 가로로 넣어야 하거든요.
![](https://blog.kakaocdn.net/dn/c2S2Ei/btrns32vDqW/5cHEtUxYkk58gCUsgQcnck/img.png)
![](https://blog.kakaocdn.net/dn/RUiCq/btrnuXHJOEC/WASyUgC7WXX6G3JOrK12VK/img.png)
아예 EPUB용은 디자인을 바꿔 가로로 넣는 것도 좋습니다.
하지만, 디자인은 유지하면서 글상자가 다음 페이지로 넘어가면 안된다. 이런건 불가능하지요. 네모난 동그라미를 그려달라는 소리와 같아요.
'EPUB 편집 가이드 > EPUB을 위한 CSS' 카테고리의 다른 글
[CSS 스타일 샘플] 난외 편집 (0) | 2022.05.12 |
---|---|
[CSS 스타일 샘플] 한시의 번역과 한자 원문 스타일 (0) | 2022.03.18 |
알라딘 뷰어 이미지 문제 해결을 위한 Tip (0) | 2021.10.22 |
[CSS 스타일 샘플] ruby를 쓰지 않고 글자 위에 점찍기 (0) | 2021.09.01 |
[CSS 스타일 샘플] 간만에 flex 사용한 스타일 (0) | 2021.08.06 |