posted by 내.맘.대.로 2016. 3. 16. 19:23

내맘대로의 EPUBGUIDE.NET에서 편집자의 의도를 그대로 살려 전자책을 제작해 드립니다.

종이책의 편집 스타일을 최대한 유지하며, 팝업 주석 처리, 이미지 확대 축소 등 전자책의 장점을 반영하여 전자책을 제작합니다. 탬플릿을 사용하지 않고, 책 한권 한권 고유 스타일을 살리기 때문에 전자책에서도 종이책 디자인을 느낄 수 있습니다.

한국출판문화진흥원의 [텍스트형 전자책 제작 지원 사업] 선정 도서는 ‘제작 난이도별 제작비 산정 기준에 근거하여’ 제작 단가를 산정하고, 일정에 맞춰 제작을 해 드리니 많은 문의 바랍니다.

자세한 내용은 여기로: https://www.epubguide.net/notice/309

오래 전 작성된 글은 현재의 Sigil 버전과 차이가 날 수 있습니다. 등록 일자를 확인 하고 1년 이상 지난 글은 변경된 내용이 있는지 확인하시기 바랍니다.

스타일을 편집하기 전에 사용할 글꼴, 이미지 등을 먼저 불러오면 작업을 편하게 진행할 있다이미지는 편집 전에 모두 준비해 둬야 하고, 글꼴은 기본 글꼴을 추가한 편집하면서 필요한 글꼴을 추가해도 된다.

 

  1. 글꼴 추가
    1. 찾아보기의 Fonts 폴더에서 마우스 오른쪽 버튼을 누른다.

 

 

  1. 대화 상자에서 필요한 글꼴을 선택해 추가한다. 여기서는 무료로 사용할 있는 나눔고딕과 은바탕 글꼴을 사용할 것이다.

 


 

  1.  CSS 글꼴 추가

글꼴 파일을 추가했다면 이제 CSS 글꼴을 추가해야 한다.


@font-face {

font-family: "강조글꼴";

src: url("../Fonts/NanumGothicBold.ttf");

}

 

@font-face {

font-family: "기본글꼴";

src: url("../Fonts/UnBatang.ttf");

}


  1. 공통 스타일 지정

공통 스타일은 전체에 적용되는 스타일이다. 모든 단락(p 태그) 사이의 줄간격이 많이 떨어진 전자책을 적이 있을 것이다. 이는 편집자가 의도한 경우 보다는 스타일을 몰라 줄간격을 붙이지 않았을 가능성이 높다. 아래 공통 스타일을 추가하면 이런 문제를 간단히 해결할 있다.

 

*{

margin : 0;

padding : 0;

}

 

*는 컴퓨터에서 '모든 것'에 해당하는 와일드카드 문자다. 예를 들어 모든 jpg 이미지 파일을 찾고 싶다면 [찾기] 메뉴에서 *.jpg를 하면 된다. CSS에서는 모든 스타일에 상속되는 스타일을 의미한다. 

 

  1. 이미지 추가

글꼴을 추가했으면 이제 이미지를 추가한다. 이미지는 책에 들어갈 순서에 맞춰 미리 정리를 두는게 좋다. 이미지 역시 폰트를 추가하는 방법과 동일하게 진행한다.

여기서는 이미지가 들어갈 순서에 맞춰 img001, img002…로 이름을 정리했다. 이렇게 정리를 놓으면 이미지가 들어갈 위치를 찾아 쉽게 추가를 있다

반응형