posted by 내.맘.대.로 2024. 1. 23. 08:17

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

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

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

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

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

이 글은 2024년 1월 23일 기준입니다. 유통사가 뷰어 업데이트를 하면 문제가 해결될 수 있습니다.

 

CSS 값 중 max와 min이라는 값이 있습니다.

 

이미지 폭을 조절할 때, 일정 해상도 까지는 화면에 맞춰 키우고,

일정 폭을 넘어가면 고정 값으로 하고 싶을 때,

 

width : 고정값;

max-width : 100%;

 

이렇게 하면 됩니다.

이 의미는 이미지를 고정값으로 보줘라.

하지만 고정값 보다 폭이 작으면 폭에 맞춰 100%로 맞춰라.

입니다.

 

이걸 한 줄로 표현을 하면

 

width : min( 고정값, 100%)

 

이렇게 할 수 있어요.

 

하지만 교보ebook(PC), 예스24(PC)는 이 값을 지원하지 않습니다.

 

이 값을 사용하면 문제가 생길 수 있어 두 유통사가 해결하기 전까지는 사용하지 않는 것이 좋습니다.

반응형
posted by 내.맘.대.로 2024. 1. 16. 10:33

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

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

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

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

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

Sigil에서 본문 검색을 하는데 태그만 찾을 때가 있습니다.

클래스 이름에 찾고 싶은 단어가 들어갔거나

p*, i* 처럼 정규식을 쓰면 이런 문제가 생기지요.

예를 들어, 본문에 있는 영어 단어만 찾아 첨자 스타일을 적용하고 싶다.

([a-zA-z]++)

찾기에 정규식을 이렇게 넣으면,

본문의 단어보다 p, div, sub 같은 태그가 더 많이 걸립니다.

<p class="style_name">본문에 있는 영어 단어keyword 찾기</p>

이런 코드가 있고, 찾고 싶은 내용은 keyword인데,

정규식에서 영문자만 찾으라고 식을 넣어 검색하면

p, class, style, name를 모두 찾습니다.

이러면 정규식을 쓰는 것 보다 하나씩 확인해 스타일을 적용하는게 빠르겠다는 생각이 들지요.

이럴 때 쓰는 정규식 설정이 [텍스트]예요.

[텍스트] 설정의 기능은 이렇습니다.

HTML 파일에서 태그는 제외하고 검색을 하는 기능이지요.

이렇게 설정을 한 후

<p class="style_name">본문에 있는 영어 단어keyword 찾기</p>

이런 코드에서 찾기를 하면

태그와 태그 안의 class, id, title 등의 요소는 무시하고 본문에 있는 영어 단어만 찾습니다.

반응형
posted by 내.맘.대.로 2023. 12. 29. 08:33

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

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

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

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

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

전자책을 만들다 보면 애매한 길이를 잡아야 할 때가 있습니다.

폭 100%에서 2em만 빼야 한다던가...

예를 들면 이런거.

이런 스타일 만드는 방법은 여러가지예요.

그런데 저 선을 background-image, linear-gradient 조합으로 만들고

background-size로 맞춘다. 이렇게 생각했을 때 문제가 되는 부분은 선의 길이지요.

예전에는 선 길이를 3000px 정도 줬습니다. 그럼 UHD 모니터도 문제 없었지요.

그런데 지금은 3000px보다 해상도가 좋은 모니터가 나오니 문제가 됩니다.

그렇다고 5000px, 10000px... 무한대로 갈 수도 없고.

이럴 때 calc 속성을 써보세요.

100%-5em

이렇게 하면 화면 폭 100% 길이에서 5em 만큼 빠진 길이로 항상 맞춰줍니다.

이미지 폭 맞출 때,

좀 안다는 분들은

width : ...

max-width : ...

이렇게 할 거예요.

여기서 조금 더 아는 분들은

width : min(...)

이렇게 합니다.

width + max-width, width + min-width 조합을

min, max 속성으로 처리할 수 있어요.

더 자세한 내용을 알고 싶다면

https://www.w3schools.com/css/css_math_functions.asp

 

CSS Math Functions

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

www.w3schools.com

 

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Functions

 

CSS value functions - CSS: Cascading Style Sheets | MDN

CSS value functions are statements that invoke special data processing or calculations to return a CSS value for a CSS property. CSS value functions represent more complex data types and they may take some input arguments to calculate the return value.

developer.mozilla.org

 

반응형
posted by 내.맘.대.로 2023. 12. 14. 10:15

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

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

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

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

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

알라딘 뷰어(PC)에서 차례가 표시되지 않는 이슈가 있습니다.

뷰어의 기능 제한이기 때문에 오류는 아닙니다. PC 뷰어만 확인을 했고, 모바일 뷰어는 확인하지 않았습니다.

하지만 차례가 보이지 않기 때문에 제작상의 문제로 생각할 수 있습니다.

알라딘 뷰어에서 차례가 표시되지 않는 것은 제작 문제가 아니라 뷰어에서 표시하지 않는 것이니 제작/검수 할 때 참고하시기 바랍니다.

 

전자책 편집시 생성한 차례는 아래와 같습니다.

총 4단계로 제목이 구분되어 있고, 각 단계 별로 상위 제목에 포함되어 있습니다.

 

알라딘 뷰어에서는 3단계 까지만 차례가 표시되고 4단계 이후는 나타나지 않습니다.

또한 2단계 까지만 들여쓰기로 단계를 구분하고 3단계는 2단계와 같은 선에 배치됩니다.

 

교보ebook은 제목을 모두 표시하지만 제목 단계 구분을 3단계 까지만 합니다.

4단계 부터는 3단계와 동일한 선에 표시합니다.

아마도 단계 구분을 위해 들여쓰기를 계속 하면 오른쪽 끝에서 제목이 잘리는 문제 때문에 이렇게 지정한 것 같네요. 

 

리디 뷰어는 4단계 까지 제목이 표시됩니다.

이 책이 4단계 까지만 있어 5단계 이후는 알 수 없습니다.

 

 

반응형
posted by 내.맘.대.로 2023. 12. 12. 11:34

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

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

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

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

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

Sigil 메뉴 번역을 하다 보니 항상 다음 버전의 기능을 미리 만나볼 수 있어요.

이번 업데이트는 정말 기다리던 기능이 개선되었습니다.

그 외에 키보드 단축키를 많이 쓰는 분들을 위해 몇가지 추가 기능이 생겼어요.

이번 업데이트에서 (개인적으로) 최고의 기능 개선은

Goto Style 할 때 combinator 클래스를 찾아 간다는 점이에요.

Sigil의 옥의 티 중 하나였는데 이번에 개선이 되네요.

그리고 각 창을 단축키를 이용해 이동할 수 있게 되었습니다.

이것도 익숙해 지면 아주 편할 것 같아요.

자세한 업데이트/버그 개선은 아래와 같습니다.

New Features

- assign menu accelerators P - &Plugins, and K - Chec&kpoints (thank you BeckyEbook)

- add ability to change keyboard focus using keyboard shortcuts or menus

to BookBrowser, Preview, CodeView, ClipsWindow, and TableOfContents Windows

- preserve Media Overlay Active Classes when deleting unused classes

- Goto Link Or Style (or Ctrl-Clicking on a class will now search selectors

with combinators if notthing found in normal css classes

Bug Fixes

- patch Qt6.5.3 to avoid transient child window resize bug on Windows

- fix QuickParser bug when parseing attribute names not properly ignoreing all legal whitespace

- make OPF parsing robust to alternative whitespace usage as well

- fix creation of thumbnails of svg images in SelectFiles and Image Report for macOS

반응형
posted by 내.맘.대.로 2023. 12. 7. 10:06

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

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

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

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

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

Sigil에는 전자책을 제작할 때

작업 속도를 높이고 편집을 편하게 돕는 많은 기능이 있습니다.

문제가 생겼을 때(강제종료 경험 종종 할 거예요) 쉽게 해결할 수 있도록 돕는 기능도 있지요.

여기에 소개하는 기능이 없다면

이미지 100개, 주석 1000개, 외국어 병용 표기 1000개, 본문 중간 중간 박스글 있는 책을

하루에 편집하기 어렵지요.

이런 기능을 몰랐을 때 또는 없었을 때는 이런 책을 편집할 때 3~4일 걸렸지만

지금은 Sigil의 기능 덕분에 웬만한 책은 하루면 끝을 내요.

Sigil 강의를 듣는 초보/중급 편집자라면 강사에게 꼭 물어서 익혀야 하는 Sigil 최애 기능 Best를 정리해 봤습니다.

1. 플러그인 사용법

Sigil 사용하면서 플러그인 사용 안하는 사람 없지요...

라고 생각했는데 플러그인이 뭔지도 모르는 사람이 많아요.

Sigil의 꽃은 플러그인입니다. 플러그인이 없는 Sigil은 30% 정도?????

반드시 알아야 하는 필수 기능이에요.

2. EPUBCheck

Sigil로 편집한 책의 적합성 검사를 하는데

pagina epubcheck나 web용 EPUBCheck를 얘기하는 이상한 사람들이 있어요.

Sigil의 EPUBCheck를 쓰세요.

오류가 있으면 오류 위치와 원인, 수정 방법을 알려주고

오류를 클릭하면 해당 위치로 바로 이동합니다.

최신 버전이 나오면 알아서 자동으로 업데이트까지 하지요.

외부 EPUBCheck는 쓸 필요가 전혀 없어요.

EPUB 문법 검사가 아니에요. EPUBCheck에요.

EPUB 문법 검사 알려주면, 꼭 EPUBCheck 사용법 알려달라고 하세요.

3. Readium 리더

책을 다 만들었나요?

그럼 검수를 해야지요.

저장한 EPUB 파일을 찾고. 뷰어를 실행하고, 뷰어에서 파일을 불러오고....

이럴 필요 없어요.

Sigil에서 Readium 리더를 실행시키면 됩니다.

물론 유통사 별로 약간 차이는 있지만,

유통사 뷰어로 옮기기 전에 완성한 모양을 볼 수 있어요.

그리고, 웬만한 편집은 국내 주요 유통사와 똑같이 보입니다.

4. 클립 편집

Sigil의 가장 강력한 편집 기능인데

의외로 모르는 사람이 많네요.

'클립 아세요?'

'네. 알아요."

'많이 사용해요?'

'아니요.'

'그럼 모르는 거예요.'

클립을 제대로 알면 사용을 안 할 수가 없습니다.

그러니 반드시 사용법을 익혀두세요.

5. 체크포인트

책 한권 편집하면, 체크포인트 100번은(좀 과장이고, 아무튼 많이) 누릅니다.

물론, 100권을 편집해도 체크포인트로 복구하는건 1번 있을까 말까 해요.

하지만 그 한 번이 5~6시간 아껴줍니다.

누르는 건 1초, 복구할 일은 거의 없지만

1년에 한두번 아주 큰 도움을 줄 거예요.

6. 몇 개의 단축키

수업을 하다 보면 CSS로 이동해 클래스 스타일을 수정하고

CSS로 이동하기 전의 HTML 페이지로 바로 넘어와요.

다른 수강생들은 HTML 파일 찾고, 이동하고, 편집하던 곳 찾고... 이러느라 한참 걸리지요.

그래서 눈치 빠른 수강생은 물어봅니다.

어떻게 그리 빨리 위치를 찾냐고.

여는 태그, 닫는 태그가 있습니다.

인디자인/HWP/DOC 문서를 EPUB으로 변환하다 보면

태그를 엄청 많이 삭제해야돼요.

삭제할 게 수십개, 수백개면 정규식을 쓰는데

1개면?

이때 태그쌍 제거 단축키를 쓰지요.

알아두면 편집 속도 10%쯤 빠르게 해 주는 단축키가 있습니다.

단축키 어디서 봐요? 라고 물어보세요.

단축키 지정 안된 기능은 어떻게 지정해요? 도 물어보세요.

7. 사용자 탬플릿

Sigil에서 빈 파일을 열면

정말 텅 빈 아무것도 없는 파일이 열려요.

그런데, 각자 자주 사용하는 스타일 모음 css 파일 하나쯤 있잖아요.

빈 파일 열때 내가 항상 쓰는 css 파일이 자동으로 연결되면 편하겠지요?

아니면 <title></title> 태그에 <title>본문</title> 처럼 값을 넣고 싶다던가,

빈 HTML 파일을 불러와도 스타일 시트가 자동으로 연결되게 하고 싶다던가...

Sigil에 이런 기능이 있어요.

그게 사용자 탬플릿이에요.

이건 반드시 알아야합니다!!!

8. Template2 플러그인

이거 모르면 작업 시간 1시간 늘어나는거예요.

클릭 한번으로 내가 자주 사용하는 EPUB 탬플릿을 불러올 수 있지요.

설명이 필요 없습니다. 그냥 써 보세요.

모르는 사람은 있어도, 알면서 안 쓰는 사람은 없으니까요.

9. 주석 플러그인

주석을 쉽게 달아주는 플러그인이에요.

말이 더 필요한가요?

여러개의 주석 플러그인이 있는데 footnotelinker 추천합니다.

사용법은 아주 쉬운데, 모르면 또 엄청 어려워요.

그러니 강사에게 주석 플러그인 사용법을 알려달라고 하세요.

1000개쯤 되는 주석을 10분이면 붙일 수 있는데 꼭 알아야겠지요?

10. Saved Search

Sigil 사용법을 조금 익히면 Saved Search의 가치를 알게 될 거예요.

저도 Saved Search를 수십개 저장해 놓고 책 만들 때 마다 꺼내 쓰고 있어요.

클립만큼 많이 쓰는 기능이지만 조금 어려워 10위로...

하지만 중급 이상 되면 클립이 1위, Saved Search가 2위라고 해도 될 정도로 많이 씁니다.

Saved Search를 어떻게 쓰는지 꼭 알려달라고 하세요.

이거 알면 10시간짜리 작업을 6~7시간으로 확 줄일 수 있습니다.

이 외에도 아주 많은 기능이 있지만,

강의 시간은 짧고 배울건 많으니

최소한 이정도는 꼭 알려달라고 하세요.

반응형