posted by 내.맘.대.로 2022. 6. 2. 10:36

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

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

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

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

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

EPUBGUIDE.NET의 핵심만 모았다. 전자책 편집자를 위한 필독서!

책표지

클릭 편집 탬플릿 제공,

왕초보를 위한
클릭으로 EPUB 만들기

정가 : 9,900원 할인: 8,910원

책표지

기초부터 전자책 제작 실습까지

Sigil 완벽 가이드

정가: 18,000원 할인: 16,200 원

300x250

CSS는 계속 바뀝니다.

새로 추가되고, 없어지기도 합니다.

그래서 늘 공부를 해야하지요.

새로 추가된 CSS라고 해도, 이미 몇년 전 부터 사용을 한 분들도 많을거예요.

CSS는 표준이 되기 전에 아주 오랜 시간 테스트를 합니다.

브라우저에 적용이 된 후에도 최소 3~4년 이상 검증을 거치지요.

그래서 '난 오래 전부터 썼는데' 싶은 속성도 '새로운' 표준 CSS라고 할 때가 있습니다.

정확한 구분은 아니지만, css 속성이나 값 앞에

-moz-, -webkit- 같은 브라우저 표시를 해야 한다면 표준 검토 단계의 속성이라고 보시면 됩니다.

최근(이라 해도 2~3년 사이)에 부라우저에서 통합해 사용할 수 있게 된 속성을 3개 소개합니다.

국내 주요 유통사 전자책 뷰어에서 사용 가능한,

전자책 만들 때 아주 유용한 속성들입니다.

* 단, 구형 기기에서는 작동을 하지 않을 수 있습니다.

break-inside

이 속성은 page-break 라는 속성에서 파생된 속성입니다.

표준으로 확정되기 전에는 page-break-inside 라고 표기를 했는데,

표준으로 확정이 되면서 break-inside로 대체되었습니다.

모든 브라우저에서 break-inside를 적용할 수 있습니다.

calc

이건 속성의 값입니다.

width나 height 같이 단위를 값으로 갖는 속성에 사용할 수 있습니다.

아직 최종 확정 상태는 아니지만, 국내 주요 유통사는 모두 지원을 합니다.

이 속성은 1년 전에는 제대로 안먹혔는데, 최근에 다시 테스트를 해 보니 잘 먹히네요.

Attribute Selectors

이건 좀 오래 된 속성이에요.

아직 최종 확정 상태는 아니지만, 국내 주요 유통사 모두 지원을 합니다.

이미지나 글상자 처럼 비슷한 속성이 여려개 필요할 때 사용하면 아주 좋습니다.

똑같은 속성을 서로 다른 클래스에 무한 반복 시킬 때가 종종 있었는데,

이걸로 한방에 해결했지요.

이 3가지 속성을 사용할 때는 다음을 주의하세요.

1. 국내 주요 유통사(교보, 리디, 알라딘, 예스)의 전자책 뷰어에서 확인했습니다.

2. 안드로이드 8 이후 버전에서 테스트 했습니다. 이전 버전에서는 문제가 생길 수 있습니다.

300x250
posted by 내.맘.대.로 2022. 5. 26. 09:20

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

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

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

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

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

EPUBGUIDE.NET의 핵심만 모았다. 전자책 편집자를 위한 필독서!

책표지

클릭 편집 탬플릿 제공,

왕초보를 위한
클릭으로 EPUB 만들기

정가 : 9,900원 할인: 8,910원

책표지

기초부터 전자책 제작 실습까지

Sigil 완벽 가이드

정가: 18,000원 할인: 16,200 원

300x250

sigil_ko.qm
0.43MB

Sigil 1.9.10 버전은 검색창이 개선되었습니다.

그런데 번역 올가 있고(죄송 ㅜ.ㅜ)

개선된 UI에 적응 못하는 분들이 계셔서 번역을 수정했습니다.

 

정규식 옵션에 Dot all을 최소일치로 잘못 번역했습니다. 이 부분을 수정했습니다.

 

검색 버튼이 아이콘으로 바뀌면서 기능을 확인하기 어렵다는 분들이 계셔서 팝업 설명 창에 기능 이름을 추가했습니다.

 

이 파일을 Sigil 설치 폴더 > translations > 폴더에 덮어 쓴 후 Sigil을 새로 시작하면 반영됩니다.

300x250
posted by 내.맘.대.로 2022. 5. 24. 10:17

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

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

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

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

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

EPUBGUIDE.NET의 핵심만 모았다. 전자책 편집자를 위한 필독서!

책표지

클릭 편집 탬플릿 제공,

왕초보를 위한
클릭으로 EPUB 만들기

정가 : 9,900원 할인: 8,910원

책표지

기초부터 전자책 제작 실습까지

Sigil 완벽 가이드

정가: 18,000원 할인: 16,200 원

300x250

Sigil 1.9.10 버전이 업데이트 되었습니다.

이번 업데이트의 메인은 검색입니다.

검색 버튼이 아이콘으로 바뀌었고, 다양한 기능이 추가되었습니다.

이번 업데이트에서는 검색 할 때 [태그 제외] 기능이 추가됐습니다.

기다리던 기능이어서 반갑네요.

그리고 모두바꾸기에 [테스트 실행] 기능이 추가됐어요.

모두 바꾸기를 테스트로 실행해 보고, 결과에서 원치 않는 항목을 제외시킨 후 적용을 할 수 있습니다.

자세한 내용은 Sigil 홈페이지에서 확인하세요~

https://sigil-ebook.com/sigil/download/

 

새로운 기능

- FindReplace 대화 상자 UI 재설계

- FindReplace "텍스트" 전용 체크박스 추가 및 검색에서 태그 제외 지원

- 팝업 메뉴를 통해 CodeView에 추가된 Toggle Line Wrap Mode 및 지원 추가

- "모두 바꾸기" 역할을 하는 테스트 실행 바꾸기 대화 상자를 추가합니다. (Shift + 모두 카운트)

- 사용자가 원하지 않는 항목을 삭제할 수 있도록 교체 필터 대화 상자 추가

모두 바꾸기(Shift + 모두 바꾸기)를 적용하기 전의 바꾸기

- 저장된 검색에 카운트 보고서를 추가하여 검색별로 저장된 검색 그룹 수를 표시합니다.

300x250
posted by 내.맘.대.로 2022. 5. 17. 09:09

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

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

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

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

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

EPUBGUIDE.NET의 핵심만 모았다. 전자책 편집자를 위한 필독서!

책표지

클릭 편집 탬플릿 제공,

왕초보를 위한
클릭으로 EPUB 만들기

정가 : 9,900원 할인: 8,910원

책표지

기초부터 전자책 제작 실습까지

Sigil 완벽 가이드

정가: 18,000원 할인: 16,200 원

300x250

전자책 편집 할 때 많이 사용하는 유용한 팁 몇개 정리해 봅니다.

 

먼저, 형광펜 스타일 밑줄입니다.

span 태그로 묶고 배경색 넣으면 형광펜 스타일을 간단히 만들 수 있지만, 

글자 중간에만, 아니면 아래나 위쪽에 형광펜을 칠하고 싶다면?

 

PDF 원본

장 제목에서 처럼 글자 아래에만 형광펜을 칠하고 싶을 때 linear-gradient를 사용할 수 있습니다.

background-image로 배경을 넣을 때 linear-gradient를 쓰는 것이지요.

EPUB 스타일

 

모든 장 제목에 똑같은 불릿이 붙는다면 어떻게 하시겠어요?

많은 분들이 이미지를 직접 넣을거예요.

제목이 10개든, 100개든....

제목이 100개고 100개에 모두 똑같은 불릿이 붙는다면 작업이 불편하겠지요? 

PDF 원본

EPUB에서 이렇게 보이지만, 여기엔 이미지가 하나도 들어가지 않았습니다.

 

  <h3><span class="title_chapNo">1장</span> 지금 ETF에 주목해야 하는 이유</h3>

 

코드가 이렇게 깔끔해요. 불릿이 붙었지만 이미지는 없습니다.

있지만 없는, 이런 편집은 psudo 클래스를 사용합니다.

before, after psudo 클래스를 사용하면, 코드를 깔끔하게 정리하면서 원하는 불릿을 넣을 수 있습니다.

EPUB 스타일

 

끝으로, 상자 위에 상자 걸치는 방법이에요.

[정리하기] 제목 상자는 보라색 상자 위에 살짝 걸쳐 있습니다.

PDF 원본

EPUB에서는 이렇게 만들었어요.

같은 방법으로 화살표도 올릴 수 있는데, 안에 넣어도 깔끔하게 표현이 되서 그대로 뒀습니다.

이렇게 하려면 margin을 이용하면 됩니다. margin은 마이너스(-) 값을 가질 수 있어 이런 스타일을 표현할 수 있습니다.

300x250