내맘대로의 EPUB 제작 가이드

Sigil 1.7.0 버전이 나왔습니다.

이번 버전에서는 정규식 검증 기능이 추가되었습니다.

정규식이 올바르지 않으면 [바꾸기] 아래에 경고 표시가 뜨고,

정규식 위에 마우스를 올려 놓으면 무엇이 문제인지 설명이 표시됩니다.

그 외에 자잘한 오류가 개선되었습니다.

자세한 내용은 여기를 참고하세요.

https://github.com/Sigil-Ebook/Sigil/releases

CSS가 뭔지 모르는 사람들을 위한 WYSIWYG 방식 CSS 편집기 플러그인입니다.

https://drive.google.com/file/d/1eRqDzPa737p1EYhtJ5naN1sopaSXq_Cc/view?usp=sharing 

Sigil에서 플러그인을 설치한 후 실행하세요.

플러그인을 어떻게 설치하는지 모르는 분이라면 이 플러그인 설치해도 사용 못합니다.

Sigil을 먼저 공부하세요.

왼쪽에는 CSS 속성이, 오른쪽에는 스타일용 샘플이 표시됩니다.

Examples를 누르면 샘플을 바꿀 수 있습니다.

왼쪽 메뉴에서 CSS 속성을 선택하면 조절을 할 수 있습니다.

속성을 조절하면 샘플에 반영됩니다.

CSS 스타일을 만들면 오른쪽 상단에서 CSS를 선택합니다.

CSS 스타일을 복사해 Sigil의 CSS에 붙여 넣습니다.

지금까지 작업한 것과 다른 테두리 스타일을 만났습니다.

글자가 테두리 보다 길어요.

이런 테두리는 어떻게 그릴까요?

Previous imageNext image

이것 역시 border-image로 그릴 수 있습니다.

뭔가 엄청난게 있을 것 같지만, 아주 단순합니다.

결정적인 힌트를 드릴게요.

아! 하고 느끼셨나요^^?

​

재미있는 테두리가 많이 쓰인 책이에요.

이런 테두리는 어떻게 그릴까요?

​

이 테두리의 이미지입니다.

보기엔 2겹, 3겹으로 된 테두리 처럼 보이지만 선 하나로 그린 테두리예요.

​

그럼 이건 어떻게 그릴까요?

바깥 테두리를 그리고, 안쪽에 다른 테두리를 그렸을까요?

이럴 때는 아주 단순하게 생각을 하면 돼요.

어디에서 어디까지를 테두리로 잡느냐가 기준이 됩니다.

단선 테두리 안에 이중선 테두리를 넣는 것도 방법이지만,

그냥 단선과 이중선을 포함해서 하나의 테두리를 보면 훨씬 간단해 집니다.

​

모두 border-image 속성을 이용했습니다.

border-image 모르는 분은 없을거예요.

이 속성으로 저런 다양한 테두리를 만들 수 있느냐, 없느냐의 차이가 있지요.

속성을 어떻게 활용하느냐, 이게 중급에서 고급으로 넘어 가는 핵심이에요.

​

전자책에서는 이렇게 보입니다.

그나저나, Sigil 리디움 뷰어 플러그인 너무너무너무너무 편하고 좋네요 ^^

검수할 때 너무 편해요.

재미있는 플러그인 3개가 추가됐습니다.

EPUB 뷰어 라이브러리의 대표 3총사가 Sigil 플러그인으로 들어왔습니다.

Readium은 설명이 필요 없는 뷰어지요. 국내외 유통사 중 리디움 소스 참고하지 않은 뷰어가 없을거에요.

Sigil로 편집한 책을 클릭 한번 하면 리디움 뷰어로 열어 볼 수 있습니다.

Readium 만큼 유명한 공개 EPUB 뷰어 소스가 epubjs입니다. 자바 스크립트로 만들어 홈페이지에 EPUB을 추가할 수 있지요. Web 브라우저용 EPUB 뷰어의 기본 소스로 많이 활용됩니다.

https://www.mobileread.com/forums/showthread.php?t=247431

대표사진 삭제

사진 설명을 입력하세요.

대표사진 삭제

사진 설명을 입력하세요.

대표사진 삭제

사진 설명을 입력하세요.