brunch

Sigil로 시작하는 EPUB 전자책 만들기

초보자를 위한 Sigil 설치부터 EPUB 전자책 만들기 까지


sigil 사용방법을 배워보겠습니다.



epub 형식의 전자책을 만들 때는 sigil 이라는 무료 프로그램을 사용할 수 있습니다.



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



위의 다운로드 링크에서 윈도우 버전, 맥 버전의 sigil 프로그램이 있으니 자신의 컴퓨터에 해당하는 버전의 sigil을 다운로드 받아주세요.



저는 윈도우를 사용하고 있어서 Latest Windows x64 download를 클릭했습니다.








AD_4nXeRbY-TyGjWVz0jfEd-cepgA8D1X-c3zhKBn4Y_FGbYBtUW4r5CTg9MFbmxcDGtCov6hGMUYQto7aMf-6xyI3emVDC6MTpGvutB5cQU5SGDnkW6QR-xcMSMWCaWOPd5ad9Yy2O6MSSo3vUnh7qox-1BZIA?key=cQwEsZx0IsmZcSY3a-b5Zjkz


다운로드가 완료되면 바탕화면에 이렇게 sigil 아이콘이 생깁니다.








AD_4nXctn3eBP7SV1Bnj6MkdjLnZkaUbLUo_0f34erGfWoR3E9pjfCzRFzgabO-inuqHMjR1b4OsFeHJX0gpQdNa-QyII7657NXulS8MmuO1etaXP8gF4RFc2QLg7e_x76fXcf9bsEc38Z76wKAwvjA2MAgjnF8?key=cQwEsZx0IsmZcSY3a-b5Zjkz


sigil을 열면 이렇게 화면을 편집하는 프로그램의 모습이 나옵니다. sigil은 워드나 한글같은 문서작성 프로그램의 일종이라고 생각하시면 됩니다. HTML 을 공부하고 홈페이지를 만들어본 경험이 있으시다면 더 쉽게 배우실 수 있습니다.









AD_4nXdz-57VOtGnHtMg2WwknUeV6TKuTDzkRvNGc9nzsz0sYF6bSB9Y2p3YKa3z3v1MVBhmQdFwU-X4jzNK3bTCip56kOqAAkSXPYt0u6C5uLC03CdxwrPSmNHa_TWey4yiGVbgieYYSuQB4LUgXNgBANa9s3M?key=cQwEsZx0IsmZcSY3a-b5Zjkz


가운데 <p> 태그와 </p> 태그 사이에 글을 쓰면 오른쪽 미리보기에서 볼 수 있습니다.










AD_4nXe_ift-h2hftK39oJnBQM0BXfpVO9nqW2JUBR_ja8f2mM8b9OlRyLf7e3PAO1rgNGQXzwWD93e4ibAN2oqdTL-Ht-yGzpHKJXhyI4L6uDyNx4frr9TOzUc6Nw0gStjsQBlVEJ1uBOrzFNLwg5b5OUoUGgE?key=cQwEsZx0IsmZcSY3a-b5Zjkz


<h1></h1> 태그는 제목입니다. 이렇게 다양한 태그들을 공부해서 전자책을 만들 수 있습니다. 한번 차근차근 1페이지로 만들어진 전자책을 만들어보겠습니다.












AD_4nXcZNdli0Kn6iCj-YYR2nVM3dT63wyYY2qVbd0unDXPSd3JKhJE9VkZLw8N_X0KpnLeFSs7IBnZae1S5_YDqd5aann8MZOqzheWKZwJ2Gu-uQV0kpaTaGxK31ih-Zrrspu3CvZXjuK7GfeleeDsvnw7bHQ?key=cQwEsZx0IsmZcSY3a-b5Zjkz


이번에는 빈 HTML 파일을 추가해보겠습니다. 왼쪽 [책 찾아보기] 에서 [OEBPS/Text/Section0001.xhtml] 을 마우스 우클릭하고 나오는 메뉴 중에 [빈 HTML 파일 추가하기] 를 누릅니다.



책 찾아보기에 나오는 Text폴더는 책의 원고 페이지 부분에 해당합니다. Styles에는 CSS 파일을 추가해서 Epub 전자책의 디자인을 좀 더 유려하게 만들 수 있습니다. Images에는 표지 이미지, 책 속에 들어가는 이미지들을 업로드하는 폴더 입니다. Fonts에는 전자책에 사용할 폰트를 업로드합니다.



우선 이정도만 알고 있어도 간단한 전자책을 만들 수 있습니다.










AD_4nXckN4JFxOgFv2dOF-akBcZWwI5YmjaCFmSRRVK4jTY9_sxQnD2SLI4jSkJ8Mv_uaKlQqjyGnIqS8aCV7arZAEo8Faff53Cze-nWc3QJE7r-udw64T9HcU-2gzA-VHdJr5Sb1LOCuvvitTnADPwjiYYfBt8?key=cQwEsZx0IsmZcSY3a-b5Zjkz


이번에는 추가된 OEBPS/Text/Section0001.xhtml 파일의 이름을 바꿔보겠습니다. 우클릭한 후 메뉴에서 [이름 바꾸기]를 클릭하면 이름을 바꿀 수 있습니다. 첫번째 페이지에 표지를 만들기 위해서 Cover로 이름을 바꾸었습니다.









AD_4nXeykdzOF_dIQAAJuWNaMOiVlZYHF2LxajY-2h17b1wfmgoOho6W6-so_F641yNj6CPSjeKk3C3az45qvtYCoFv4bLofTLMzs1zgz1dQ6r1ovg2rrQE_t3XKB7A03PRd9kqYHXs8MXVIE8NZH5GWe1p6iwc?key=cQwEsZx0IsmZcSY3a-b5Zjkz


표지 이미지를 업로드 하는 방법은 우선 Images 폴더를 우클릭한 후에 [기존 파일 추가]를 눌러서 표지로 사용할 이미지를 업로드합니다.












AD_4nXcyPLMUoN5SFY6_xH3clVBrXrsOi6RLrRyIg8FoxFIrQ5XV9XgYQIIH3adyzESt2wnxbIMiwykCGgP1niNQonNpYMbwsqzn9y8gZmdKP_xibPy8wI2MyOrgMMJJmsy0t_WYkE8EVpfWH7kb_bbH4Pxnzl8?key=cQwEsZx0IsmZcSY3a-b5Zjkz


업로드한 이미지를 우클릭하고 [표지 그림] 메뉴를 클릭합니다. 이 이미지를 표지 이미지로 사용하겠다는 체크를 했습니다.










AD_4nXcx5YNQiqeoMe_OLBOOl3cadJa50xiYsxdy1TZcOKqcd_4Lnu2STbGLN2qCReVgc-d-dq0hH89nXGp4fwIUUT2AIoDZ6a_DdTwCUrnB2Q9VBFgPgbrRKv5iX3TAIMGXpeN4LYHc1eggWiOdEJwu4A_Ae_A?key=cQwEsZx0IsmZcSY3a-b5Zjkz

이미지를 추가하기 위해서 상단 메뉴바에서 파일추가 이모티콘을 클릭합니다.










AD_4nXepuzKQNaibkILkOigYRc4msxjHPUurtaNbkWdxrAioJMDEPWpva2IUSWeXsQCVZGnYBbzUw1e5C60rSsCd7fQjiojBsU888gIs58F8w10EjBndFwD37r7tz1CeqmMZdRclpdwR7Ss30bBa8M3dcvBdoLg?key=cQwEsZx0IsmZcSY3a-b5Zjkz


그럼 파일 삽입 창이 뜨고, 업로드한 이미지 파일을 중에서 표지 이미지를 선택한 후 확인을 누릅니다.












AD_4nXdiO_pJH3Ro5A1VV1rCtuQZFlM80M3abouIMLvGFmlLzdMFMRTMZFsF12XpgQoPDQbh6o7cVaO9lIh_zMPiN2Y5lc6U0w428XjkKeuRLU0oGbgkH_LeNIJzhc3RjH3GfqkfPug9znrra7YDNQEUHV0zNU8?key=cQwEsZx0IsmZcSY3a-b5Zjkz


책 속에 표지 이미지가 들어갔습니다. 그런데 이미지 크기가 화면보다 커서 이미지가 잘려서 보이네요. 이미지가 화면 크기에 딱 맞게 들어가는 태그를 추가해보겠습니다.












AD_4nXe9bNulMwbzZXbslXn7oj23hKP5OyHp0XKkeUE_tkTU_FOK7OnvipMGWlrTYByN6iUcGxEBQXz4EvSTAFfHCVYpTSC7OHTaLwTmvtf2RZbshL0CUjqT_t-rP14m2MNrDakv165Ybwc0DMGaH_Mxn5KPPEA?key=cQwEsZx0IsmZcSY3a-b5Zjkz



<img alt=”cover” width=”100%” src=”../Images/cover.jpg”/>


이미지 태그에 width=”100%”를 추가해주면 이미지의 가로크기가 화면에 100% 채워지게 됩니다.



그리고 이미지 태그를 감싸는 <div>, </div> 태그를 작성합니다.



<div><img alt=”cover” width=”100%” src=”../Images/cover.jpg”/> </div>











AD_4nXcIsstePfTxsyCY1pplWt5fK9utGlfwwfdXClg4XuzHLvF_UIU4hrYEOlLSYEq4HvQYfh25sKt5KbbPAYNtkV9PBRZlUC1AQ9ht56b9e4yZixNCyq76xgWN-J0CvR8LmY2o2SK9ANtyKz1jQQhCOgMY8w?key=cQwEsZx0IsmZcSY3a-b5Zjkz


표지를 완성했으니 이제 원고를 책 속에 넣어보았습니다.



처음에 <h1>태그가 제목이라고 말씀드렸었죠? 제목 부분에 목차 제목을 넣었습니다. 그리고 <p>태그 안에 원고를 복사 붙여넣기 했습니다. 그런데 뭔가 이상합니다. 줄바꿈이 하나도 안되어 있고, 문단이 나뉘어져있지 않네요. <p>태그 안에 들어가는 글이 한 문단이라고 생각하시면 문단마다 <p>태그를 시작하고 </p>태그를 닫아주어야 합니다.










AD_4nXcn5V9b-mJQVZTNSRMq7sOrmVWs9R-853yGuM3L1RhvNhl-dUEsQKT1ooSVNmGQ7qLBL3ikWe-zlJooIKb1ROPfQEA0OdLpL_SqrcVpXDXjvSZm_kLO2NaSftQmBzBdV3P4gjvapxO8zGMPU7hmUj9AuS8?key=cQwEsZx0IsmZcSY3a-b5Zjkz


문단마다 <p>태그를 적용했습니다. 미리보기에서 문단이 나뉘어지고 한결 보기 편해졌습니다. 들여쓰기와 폰트를 변경하는 등 좀 더 자세한 방법들은 Epub 제작 노하우에서 다뤄볼게요.













AD_4nXfQeCQv1UKbOzY3cIj3a7ZTu4KvpGP8hucIgZbcKAVR0Ueyjvu-m5ywjX0OHNfmn7nUM27e46_jzvFXCVLK55bp-B-TUdHB3d6T372KI0FG0fSl7lXrAx3mcWtxFofmoCYdYdJLoHzUm2rbfA7__3dc9w?key=cQwEsZx0IsmZcSY3a-b5Zjkz


표지와 원고까지 완성되었고, 이제 책에 들어갈 책제목, 저자, isbn 등등 책 정보가 담긴 메타데이터를 입력해보겠습니다.



[도구] 에서 [메타데이터 편집기]를 클릭합니다.












AD_4nXcz-EcCjdSrdhyG2wr34QehI5GjIiWckZSWB9gwm2UvyXGRnxYA0IFBJDo8vIhzZRQMp63OrKjdX_B2JIXip7haHVwRBAUFat-IXZKK1pRTxS99G0JjLTIeL5xpIX9tsiDOziGfsTWkSc53f8of8qwC1g?key=cQwEsZx0IsmZcSY3a-b5Zjkz


메타데이터 추가를 누르고, 입력하고 싶은 내용들을 작성합니다.












AD_4nXcFb_jD4O0r1oUnKamnKqLSQVZBx2wEAEheC1gM9aD2IlE3XdOab8WpvYGwYJFhus_as0GAaW_Z4HVvVp1l3d7eHi-8BVh7tIi3MZGxf5Mif2QGTmsQbJfoWC83XchApFfMN-smxc5r9rcQsIaw-ZDfRrI?key=cQwEsZx0IsmZcSY3a-b5Zjkz


다음으로 목차를 만들어보겠습니다. [도구] 에서 [목차] 그리고 [목차 만들기]를 클릭합니다.












AD_4nXd-NlZ5dnokiOgxFA1bavkWbvJB-uKmMMyEPeXd7cdZCRWr5AQM97EqA1_ml8UOmTVfv1laIFJEoFS6fdFCufdD9axjEoGl8yN1QEOR-dnPhi91JL6wYfu0AB_QFeO1kO_y8X-io0vRAQzRFv3PGYKiIw?key=cQwEsZx0IsmZcSY3a-b5Zjkz


확인을 누르면 목차가 만들어집니다.












AD_4nXd7sr1OaOlxIhiDxBS4wjRzrrGp25V58ory1YoYKVZV5C_7cGB3_qcMFHo1gwtZ2NVN6WOWiFRFToM6rDY_DS-V_Aaq7I-o8aTwNAhB7Vnu-JSjV4bxhMIL2DjfbED6vWtjmAn168-8wXmpy7_zRK7Ki3I?key=cQwEsZx0IsmZcSY3a-b5Zjkz


마지막으로 EPUB 문법 검사를 해서 전자책에 오류가 없는지 확인합니다.



[도구] - [EPUB 문법 검사(Wel-Formed Check)] 를 클릭합니다.













AD_4nXc_mc046mvqV_qruY5wKVIcBjxq5j_RUpOj0DDscwACmC2L1KZ2hYzWPfTPENi-VQ-vurtyM36BaYgzGPeOQVnFqy4cHQsHLlr2Yas8NezJswKFaSGbpEWdMmq7F8DBW6QjnmaRMSSNAB6OKsRnRh0kr3s?key=cQwEsZx0IsmZcSY3a-b5Zjkz



“아무 문제를 찾지 못했습니다.”라는 문구가 나오면 이상없이 전자책을 완성했습니다! 여기까지 간단한 전자책 제작 기초를 배워보았습니다. 더 자세한 방법은 다음 장에서 살펴보겠습니다.



EPUB 전자책 제작에 대해 더 깊게 공부하고 싶으신 분들은 전자책 전문가 이광희님의 유튜브 동영상을 보고 공부하시길 추천드립니다. 저도 처음 전자책 제작을 배울 때, 이광희 선생님에게 오프라인 강의를 듣고 전자책을 만들 수 있었습니다.



https://www.youtube.com/channel/UC1XW_PEs_Q5z05FDD7F74qw/videos









전자책과 종이책 모두 만드는 법을 배울 수 있는 텀블벅 펀딩!


<책을 만들어보장> 을 통해서 배워보세요. ^^



https://tumblbug.com/makebook












keyword
월, 화, 수, 목, 금 연재
이전 06화초보자를 위한 사업자 등록 가이드