'epub' 태그의 글 목록 (3 Page)

일	월	화	수	목	금	토
	1	2	3	4	5	6
7	8	9	10	11	12	13
14	15	16	17	18	19	20
21	22	23	24	25	26	27
28	29	30

클릭으로 EPUB 만들기 - 이미지 넣기 예제

posted by 내.맘.대.로 2023. 3. 20. 11:02

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

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

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

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

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

'왕초보를 위한 클릭으로 EPUB 만들기'에서 설명한 이미지 넣기 영상입니다.

클릭 편집 탬플릿을 그대로 사용해, 마우스 클릭으로 왼쪽, 가운데, 오른쪽 정렬 이미지를 넣었습니다.

어때요. 이미지 넣기 참 쉽지요^^?

왕초보를 위한 클릭으로 EPUB 만들기 | 박웅영 | 내맘대로- 교보ebook

내맘대로의 EPUBGUIDE.NET인터넷에서 전자책(EPUB)을 검색하면 언제나 EPUBGUIDE.NET으로 연결된다. 초보자든 숙련자든 전자책 편집자라면 방문 할 수 밖에 없는 내맘대로의 EPUBGUIDE.NET EPUB 전문 편집자도

ebook-product.kyobobook.co.kr

저작자표시 비영리 변경금지 (새창열림)

'Sigil 사용 설명서' 카테고리의 다른 글

Sigil의 Workspace 활용하기 - 강제종료로 날려버린 3시간 복구하기 (0)	2023.03.23
클릭으로 EPUB 만들기 - 제목 편집 (0)	2023.03.20
Sigil 1.9.3 업데이트 안 (0)	2023.03.17
sigil에서 사용하는 특수 클래스/태그/속성 (0)	2023.02.14
아마도 평생 한번 겪을까 싶은 Sigil의 특이한 오류 (0)	2022.09.07

[CSS 스타일 샘플] 다양한 테두리(글상자) 샘플

EPUB 편집 가이드/EPUB을 위한 CSS

posted by 내.맘.대.로 2023. 1. 19. 09:14

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

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

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

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

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

전자책 만들다 보면 다양한 테두리를 그리게 됩니다.

테두리 모양은 전부 제각각이라 초보 편집자에게 종종 질문을 받아요.

테두리는 아무리 복잡해도 '기본'만 알면 쉽게 그릴 수 있습니다.

그 기본이란,

border(border와 연결된 속성 전부)

border-image

background(background와 연결된 속성 전부)

이렇게 3개.

이 3개가 어떻게 쓰이는지 예시로 보여드릴게요.

아래 예시 이미지는 모두 왼쪽이 종이책(PDF), 오른쪽이 전자책입니다.

1. 패턴이 들어간 테두리 선, 그리고 안쪽 영역 라운딩 처리

이런 테두리는 background-image를 사용합니다.

박스를 2개 그리지요. 패턴 이미지가 있는 바깥쪽 상자, 그리고 흰색 안쪽 상자.

안쪽 상자에 border-top-left-radius를 주면 라운드 처리를 할 수 있지요.

2. 너무 쉬운데 의외로 그릴 줄 아는 사람이 별로 없는 테두리

이런 테두리는 아주 그리기 쉽습니다.

border와 border-radius 속성만 있으면 됩니다. 상자도 하나면 되고요.

border-radius를 어떻게 쓰는지 공부하면, 아주 쉽게 그릴 수 있는 테두리입니다.

이 테두리는 여러가지로 활용을 할 수 있습니다.

예를 들어 이런거.

앞쪽에 있는 반달 모양의 원형 테두리 역시 border와 border-radius로 만들 수 있어요.

위, 아래, 좌, 우, 타원형, 원형 등 어떤 형태로든 만들 수 있기 때문에

연 평균 200~300권 만들다 보면 10번 정도 쓰게 되는 스타일입니다. 이정도면 엄청 높은 빈도예요.

3. 팁상자/상자형 각주 스타일

이건 단순하게 border만 이용하면 됩니다.

너무 쉬워서 설명할 필요도 없을 것 같지만,

의외로 float 속성을 모르는 사람들이 많아 가볍게 언급합니다.

float은 이미지에만 사용하는 줄 아는 초보 편집자가 많아요. float은 block, inline 속성 태그면 어디든 쓸 수 있어요.

4. border로 그릴 수 없을 때는 border-image로 그리면 된다

이런 테두리는 border로 그릴 수 없습니다.

위, 왼쪽은 2줄, 각 모서리 모양이 모두 다르고, 오른쪽 아래에는 돋보기 아이콘까지 들어있지요.

이런 테두리를 그리라고 하면 상자를 여러개 중첩시킬 생각을 하는데,

그냥 border-image를 쓰면 간단해요.

5. border와 background의 활용

이건 2번에서 설명한 테두리와 똑같아요. border와 border-radius를 이용했지요.

그런데 왼쪽 위에 연필 아이콘이 있습니다.

이렇게 연필 아이콘이 있으면, 이미지를 직접 삽입하는 분들이 많더라구요.

그냥 background-image를 쓰세요.

왜? 간단하니까.

종이책(PDF)

전자책(EPUB)

이미지를 직접 삽입한다면 태그가

</div>

이렇게 되고

배경이미지를 쓰면

이렇게 끝나거든요.

6. 한쪽 모양만 다른 테두리

4개 면은 border로 그릴 수 있는데 한쪽만 그릴 수 없다면?

이렇게 복잡하게 생각하지 마세요.

그냥, 이건 border-image로 그리면 됩니다.

4번이랑 이거랑 똑같아요. 4개 면이 다르던, 한쪽 면이 다르던

border로 그릴 수 없다면 border-image를 쓰면 됩니다.

저작자표시 비영리 변경금지 (새창열림)

'EPUB 편집 가이드 > EPUB을 위한 CSS' 카테고리의 다른 글

투명한 배경색을 넣고 싶을 때 (0)	2023.10.26
[CSS 스타일 샘플] :nth-child(1) (0)	2023.02.10
글자 위에 점 찍기... 이런 훌륭한 속성을 모르고 있었다니 ㅜ.ㅜ (0)	2022.11.15
인라인(inline), 내부(internal), 외부(external) CSS 사용하기 (1)	2022.10.27
[CSS 스타일 샘플] 일러두기, 페이지 아래에 글자 배치 (0)	2022.10.20

EPUB 보는 법

Tip&Tech

posted by 내.맘.대.로 2022. 12. 13. 14:36

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

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

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

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

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

EPUB은 EPUB 뷰어를 설치한 후 볼 수 있습니다.

애플의 기기(컴퓨터, 태블릿, 폰 등)에는 EPUB을 지원하는 iBooks가 기본적으로 설치되어 있고

일부 삼성 태블릿 등에도 EPUB을 볼 수 있는 뷰어가 설치되어 있습니다.

EPUB뷰어가 설치되어 있지 않다면, 뷰어를 설치해야 합니다.

다양한 뷰어가 있는데, 플랫폼에 따라 쓸만한 뷰어를 추천해 드리겠습니다.

1. PC

Calibre : https://calibre-ebook.com/

PC환경에서 가장 인기 있는 전자책 뷰어 중 하나입니다.

윈도우, 맥, 리눅스 등 다양한 플랫폼을 지원하고 EPUB2, EPUB3를 모두 지원합니다.

책을 관리할 수 있는 서재가 있고, EPUB 외에도 다양한 전자책 유형을 지원합니다.

Readium : https://chrome.google.com/webstore/detail/readium/fepbnnnkkadjhjahcafoaglimekefifl/related?hl=ko

크롬 브라우저에 확장프로그램으로 설치할 수 있습니다.

EPUB 표준을 가장 잘 구현한 프라우저로, 전자책 제작자라면 기본 검수용으로 사용하기 좋습니다.

크롬 확장 프로그램을 설치할 수 있는 플랫폼에 사용할 수 있습니다.

Thorium Reader : https://www.edrlab.org/software/thorium-reader/

장애인접근성 기능이 강화된 전자책 뷰어입니다.

Readium 리더를 기반으로 한 설치형 전자책 뷰어입니다.

2. 스마트폰/태블릿

Aldiko Next: 범용으로 사용하기 좋은 기본 뷰어입니다.

안드로이드: https://play.google.com/store/apps/details?id=com.aldiko.android&hl=ko&gl=US

아이폰 : https://apps.apple.com/us/app/aldiko-next/id1476410111

3. 유통사를 통해 구매한 책

교보, 리디, 알라딘, 예스24 등의 전자책 유통사는 전용 뷰어를 제공합니다.

유통사를 통해 구입한 책은 해당 유통사의 뷰어로만 볼 수 있습니다.

유통사 뷰어는 사용자 EPUB을 추가하는 기능이 있습니다.

유통사 뷰어를 통해서도 EPUB을 볼 수 있습니다.

저작자표시 비영리 변경금지 (새창열림)

'Tip&Tech' 카테고리의 다른 글

클릭으로 EPUB 만들기 - 기본 설정 (0)	2023.03.23
구 버전 Quark Express 압축 파일 sit 압축 해제 하는 방법 (2)	2022.08.02
구 버전 Quark 압축 파일(sit) 압축 풀고 변환하는 방법 (0)	2022.08.02
EPUB으로 스도쿠 게임을.... (0)	2022.06.15
종이책 없는 전자책 제작, 원고의 분량 계산은? (0)	2022.04.22

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

Sigil 사용 설명서

posted by 내.맘.대.로 2022. 6. 9. 09:43

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

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

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

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

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

전자책 입문자, 초급자를 위한 전자책을 출간했습니다.

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

전자책 제작 강의를 하면서 입문자/초보자는 HTML과 CSS를 전혀 모르는 분들이 많았습니다.

초급 수업 조차 따라오기 버거워 하더라구요.

그래서 HTML과 CSS를 몰라도 Sigil(시길)로 EPUB을 만들 수 있는 방법을 고민한 결과가 이 책입니다.

수업에 종종 활용을 해서, 클릭 편집 수업을 들은 분들은 익숙한 내용일 거예요.

편집을 하는 중에는 무료로 PDF를 공개했는데

무료 버전에서 담지 못한 내용이 추가되었습니다.

전자책 제작을 하지만, 디자인은 똥손인데

[독립출판 식목일]님의 도움으로 편집 디자인도 깔끔하게 바꿨습니다.

이 책은 입문자와 초보자를 위한 책입니다.

전자책 제작 강의를 들어도 전자책을 만들기 어려운 분들이 보시면 좋아요.

스타일 탬플릿을 이용해 클릭만 하면 스타일이 적용되도록 했습니다.

그리고 스타일의 값만 조정하면 간단히 나만의 스타일을 만들 수 있지요.

초보자인데 당장 전자책을 만들어야 한다,

전자책 제작에 입문하고 싶은데 무엇 부터 해야 할 지 모르겠다 하는 분들께 권해드립니다.

교보문고

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

인터넷에서 전자책(EPUB)을 검색하면 언제나 EPUBGUIDE.NET으로 연결된다. 초보자든 숙련자든 전자책 편집자라면 방문 할 수 밖에 없는 내맘대로의 EPUBGUIDE.NET EPUB 전문 편집자도 궁금한 게 있으면 제

digital.kyobobook.co.kr

리디북스

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

인터넷에서 전자책(EPUB)을 검색하면언제나 EPUBGUIDE.NET으로 연결된다.초보자든 숙련자든전자책 편집자라면 방문 할 수 밖에 없는 내맘대로의 EPUBGUIDE.NETEPUB 전문 편집자도궁금한 게 있으면 제일

ridibooks.com

저작자표시 비영리 변경금지 (새창열림)