본문 바로가기

전자책만들기/아래아한글로 epub전자책 만들기6

epub 2를 epub 3로 변환, 플러그인 0. 먼저 소개하는 글 https://leeebook.tistory.com/39 1. epub 3 위에 링크한 글에서, epub 3는 epub 2의 기본 요소에 더해서 좀 더 다양한 기능을 구현할 수 있다고 말씀드렸는데요. 그렇다면 왜 대부분 전자책을 epub 3로 만들지 않고 epub 2로 만들까요? 고정된 레이아웃이나 멀티미디어 지원 등 epub 3에서만 고유하게 구현되는 기능들 중 대부분이, 텍스트와 간단한 이미지 위주의 기존 대부분 전자책에서는 쓰이지 않기 때문일 것 같습니다. 제작이 조금 더 어려워진다는 점도 물론 이유가 될 수 있겠습니다. epub 2 수준에서 충분히 제작이 가능한데 굳이 epub 3를 만들 필요가 크지 않다는 뜻입니다. 그래도 위 소개한 글에 나온 것처럼, ruby 태그를 사.. 2021. 5. 29.
아래아한글로 전자책 만들기 5. html 태그 속성 정리 아래아한글로 전자책 만들기 4. 스타일시트 만들기, 기본 태그들 지난 글에 이어서, 이번에는 클래스(class)에 지정할 수 있는 여러 속성들을 정리하겠습니다. "전자책 만들기"가 핵심인 만큼, 전자책을 만드는 데에 필요한 속성들을 위주로 씁니다. 1. 글꼴(Font) 속성을 정리하기 전에, 책의 기본이라고 할 수 있을 글꼴부터 정리해야겠습니다. 영어 책들은 따로 글꼴 파일을 넣지 않아도 될 것입니다. 기본적으로 html에서 지원하는 글꼴이 있기 때문입니다. 하지만 기본 한글 글꼴은 책에 쓰기에는 적당하지 않기 때문에, 글꼴(폰트) 파일을 따로 추가합니다. 다만, 폰트에도 저작권이 있으니 아무 글꼴이나 막 쓰기 전에, 전자책 제작에 사용 가능한 폰트인지 확인하셔야 합니다. 무료로 사용 가능한 폰트 중에서.. 2021. 3. 24.
아래아한글로 전자책 만들기 4. 스타일시트 만들기, 기본 태그들 아래아한글로 전자책 만들기 3. head 구문 변경하기, 그리고 스타일시트 지난 글에서는 간단하게 스타일시트 만드는 법을 설명해 드렸습니다. 이 스타일시트에 제목과 본문 등등의 여러 스타일들을 담아 두면 전자책을 만들 때 간단하게 불러와서 적용할 수 있습니다. 1. 스타일 중에서도 가장 기본인 것이 태그입니다. 아래는 하나의 예시입니다. p{ /*본문 기본*/ font-family: "kopub_bl"; font-size: 1em; line-height: 1.8em; margin: 0; padding: 0; text-indent: 1em; text-align: justify; } 는 본문 등 대부분의 기본 요소에 쓰는 태그라고 보면 되겠습니다. 메인 텍스트, 인용문, 주석, 이미지 캡션, 등등 거의 모든.. 2021. 3. 23.
아래아한글로 전자책 만들기 3. head 구문 변경하기, 그리고 스타일시트 아래아한글로 전자책 만들기 2. 시길에서 htm 파일 불러오기(+ 간단히 살펴보기) 지난 글에서 좀 막막한 화면을 보았습니다. 그 막막함의 원인인 부분을 정리하겠습니다. 1. head 란 말 그대로 이 문서의 머리입니다. 이 문서의 제목은 무엇이며, 어떤 성질을 지니고 있는가, 그런 것들을 저장해 둔 부분이고, 실제 화면에 텍스트로 나타나지는 않습니다. (head에 관한 더 자세한 설명은 여기에서 보실 수 있습니다. 전자책을 만들 때 필수적으로 알아야 하는 내용들은 아니지만 알아두면 좀 더 유용하기는 합니다.) 시길의 head에서 특히 중요한 것이 부분을 지우고, 아래와 같은 문구를 넣으면, 이제 스타일시트를 참조할 수 있게 됩니다. 이렇게 하면 전자책 만들기의 한 단계를 더 나아간 셈입니다. 스타일시트.. 2021. 3. 16.
아래아한글로 전자책 만들기 2. 시길에서 htm 파일 불러오기(+ 간단히 살펴보기) 아래아한글로 전자책 만들기 1. hwp 파일을 htm 문서로 저장하기(한글2010/한글2018) hwp 파일을 htm으로 저장했다면, 시길(Sigil)에 이 htm 파일을 불러옵니다. 이 단계는 아주 간단합니다. 시길 프로그램을 실행한 후, 화면 왼쪽에 있는 Book Browser 창에서 마우스 우클릭 후 'Add Existing Files'를 클릭합니다. 그 후 저장해 놓은 htm 파일을 불러오면 됩니다. 위 사진에서는 Text 폴더에 마우스 우클릭을 했지만, 아무 항목에나 대고 우클릭 후 파일을 추가해도 상관없습니다. 그림파일은 Images 폴더로, 폰트 파일은 Fonts 폴더로, htm 파일은 Text 폴더로, 프로그램이 알아서 분류해서 추가해 주기 때문입니다. htm 파일을 추가한 후, Text .. 2021. 3. 8.