Sigil15 [Sigil] 전자책 표지에 대하여 전자책 표지 SVG(Scalable Vector Graphics) 요소를 사용하여 EPUB 전자책의 표지 이미지를 포함시키기 위한 HTML 코드의 일부입니다. SVG는 웹 상에서 확장 가능한 벡터 그래픽을 정의하기 위한 XML 기반의 마크업 언어입니다. 이 코드의 각 부분을 자세히 설명하겠습니다. : 이 태그는 SVG 문서를 정의합니다. SVG 요소 내에 들어가는 모든 도형, 그래픽, 텍스트 등은 이 태그 내부에 위치해야 합니다. xmlns="http://www.w3.org/2000/svg": 이 속성은 SVG의 XML 네임스페이스를 정의합니다. 모든 SVG 문서는 이 네임스페이스를 가지고 있어야 유효합니다. height="100%" 및 width="100%": SVG 요소의 너비와 높이가 부모 요소의 .. 2024. 3. 12. [Sigil] 한글 맞춤법 검사 사전은 어떻게 등록하나요? Sigil에서 한글 맞춤법 검사 기본 맞춤법 검사 사전에는 영어, 독일어, 스페인어, 불어만이 지원됩니다. 영어는 영국식과 미국식으로 2가지. 모두 5개 언어 맞춤법 검사 서비스를 제공합니다. 맞춤법 검사에 한국어를 포함시키려면 따로 설정을 해야 합니다. 기본설정에서 맞춤법 검사 사전 이곳에 한국어 사전을 등록하려면 인터넷에서 한국어 사전을 다운로드합니다. 'https://github.com/spellcheck-ko/hunspell-dict-ko/releases/tag/0.7.92'에서 압축파일을 다운로드합니다. 다운로드한 파일의 압축을 풉니다. 그 안에 'ko.aff', 'ko.dic'가 있습니다. 두 파일을 Sigil 설치 폴더의 [hunspell_dictionaries] 폴더로 복사시킵니다. [hu.. 2024. 2. 23. [Sigil] 전자책 편집기, 시길 시작하기 전자책 편집기, 시길 '버전 2.0.1'로 시작하기 이번 학습에서 사용할 버전은 '시길 2.0.1 버전'으로 2023년 8월 22일 현재 최신 버전입니다. 구버전을 사용한 경우는 새로운 버전으로 업데이트합니다. 업데이트 과정에서 설치가 제약되는 현상이 생기는데, 이것은 운영체제인 Windows에서 설치 소스에 대한 문제를 제기하는 것입니다. '마이크로소프트 스토어'를 사용하지 않고 직접 설치하는 데서 태클을 겁니다. ※ 다운로드 및 설치 방해 해결 방법 다운로드가 중단되거나 설치가 안되는 경우 다음 '접은글'을 참고하세요. 더보기 1. 파일 다운로드가 중단되고 '다운로드되지 않습니다'는 메시지가 뜹니다. 2. 다운로드 중단된 파일 옆의 '삼 점 더보기'를 클릭하고 '유지'를 선택합니다. 3. 다음과 같은.. 2023. 8. 31. [Sigil] 전자책 주석을 페이지에디트를 통해 처리하기 전자책에서 주석 종이책에서 주석은 본문 하단에 작성하거나 맨 뒤 주석 페이지를 만들어 제공했습니다. 종이책과는 달리 전자책은 터치 한 번으로 주석을 보여주고 다시 책 내용을 보는 팝업 형식으로 표시할 수 있습니다. 주석 마크 처리하기 주석은 보통 본문 크기보다 작게 '위첨자나 아래첨자'로 표현합니다. 위첨자는 'sup'이고, 아래첨자는 'sub'입니다. 도구 상자를 이용하면 간단하게 적용할 수 있습니다. 도구 상자 [A2 A2]가 그것입니다. '애시당초'의 의미를 주석 처리하려는 경우 먼저 주석 페이지(Footnote.xhtml)에 해당 주석 ID를 등록해야 합니다. 등록하는 요령은 '닻' 표시의 아이콘을 선택해서 팝업창이 나오면 ID를 등록합니다. 여기서는 'footnote_05'로 했습니다. 서로 교.. 2023. 4. 6. [Sigil] 전자 편집에서 줄 간격과 배경색 설정하기 Sigil에서 줄 간격이란 줄 간격이란 줄과 다음 줄 사이의 간격을 의미합니다. 줄 간격이 2em인 경우와 1em의 경우를 보여주는 다음 이미지에서 비교가 됩니다. 줄 간격을 의미하는 'line-height'를 사용하고 다음과 같이 속성값을 부여하면 됩니다. 'line-height: 2em;' 또는 'line-height: 2;'로. 단위를 쓰지 않아도 2는 200%를 의미합니다. 글 높이의 2배로 줄을 유지하라는 내용입니다. 줄 간격을 1로 했더니 너무 답답하군요. 1.4로 지정해 보겠습니다. 줄 간격이란 엄밀히 말하면 행의 전체 높이를 의미하며 문자들은 행의 중간에 위치하고 있습니다. 제목의 경우 2줄로 길어지는 경우는 h태그에 줄간격을 '1'으로 설정하여 불필요하게 떨어지는 것을 방지해야 보기 좋습.. 2023. 3. 29. [Sigil] 전자책 편집에서 문장 정렬은 어떻게 하는가요? 전자책 편집에서 문장 정렬 전자책이란 종이책을 디지털화하는 과정이기 때문에 글자와 문단에 관한 내용이 중심 과제가 됩니다. 문장 정렬에 관한 내용을 보겠습니다. 제목의 경우 큰 제목은 가운데 정렬이 일반적입니다. 작은 제목은 왼쪽 정렬을 하게 됩니다. 즉 h1, h2는 가운데 정렬, h3, h4는 왼쪽 정렬을 한다면 다음과 같이 속성을 추가하면 됩니다. 스타일시트에 문단 정렬 부분을 추가하면서 바로 전자책 문장이 달라지는 것을 눈으로 확인할 수 있습니다. 텍스트 정렬 속성 왼쪽 정렬(left), 오른쪽 정렬(right), 가운데 정렬(center), 양쪽 정렬(justify) 등의 속성 값이 있습니다. 아무 설정값이 없으면 자동으로 양끝 정렬을 합니다. 사용 방법은 'text-align: center' .. 2023. 3. 28. [Sigil] 전자책 편집에서 글꼴 더 들어가기 전자책 편집에서 글꼴 더 들어가기 전자책 편집기인 Sigil에서 글꼴 사용에 대한 내용을 더 들어가겠습니다. 전 시간에 소개한 '한국출판인회'의 'KoPubWorld 서체' 적용했던 내용에서 한 걸음 더 들어가 보겠습니다. 시스템 글꼴이 적용된 위의 경우와 달리 스타일시트가 적용된 KoPubWorld 서체가 적용된 아래 문서는 차이가 있습니다. 여기서 클래스를 적용합니다. 여기까지 전 포스팅에서 학습했습니다. 이번 포스트에서는 특정 부분을 강조하는 방법부터 학습하겠습니다. 클래스 적용 Sigil에서 세세한 편집은 '클래스 선택자'를 이용하여 접근할 수 있습니다. 클래스 선택자는 맨 앞에 '.(마침표)' 기호를 사용합니다. 잘 보이지 않는군요. 아래에 본래 이미지를 첨부할게요. '.emphasis'가 클래.. 2023. 3. 27. [Sigil] 전자책 편집에 한국출판인회의 글꼴 설정하기 글꼴 설정책은 내용도 중요하지만 가독성도 중요합니다. 읽기에 편하고 즐거워야 합니다. 그러기 위해서는 폰트 적용이 중요하고 크기를 적절하게 구사하여 문단별로 문장에서 차지하는 위계를 정해줘야 합니다. Sigil에서 글꼴을 설정하는 영역을 담당하는 것은 '스타일시트'입니다. Sigil 왼편 '책 찾아보기'에는 'Styles'가 있습니다. 이곳에 스타일시트 파일을 추가하여 Sigil 문서에 적용합니다.스타일시트를 만드는 방법은 위 '책 찾아보기'의 'Styles'에 우클릭을 하여 추가합니다.'빈 스타일시트 추가'를 선택하면 새 편집창이 열립니다. 정확하게 표현하면 편집창에 '새 편집 탭'이 열립니다. 'Style0001'이라는. 이곳에 책 디자인에 필요한 스타일을 지정하면 됩니다.글꼴 설정에 관련된 스타일시.. 2023. 3. 26. [Sigil] 전자책편집 프로그램 시길 글자 크기는 어떻게 설정하나요? 전자책편집 프로그램 Sigil 전자책편집 프로그램 Sigil은 오픈소스로 누구나 편리하게 사용할 수 있는 공개된 프로그램입니다. 자신의 노력으로 충분히 훌륭한 결과물을 만들 수 있다는데 큰 의미가 있습니다. 물론 프로페셔널 한 전자책을 만들려면 내부 편집 메커니즘을 이해하고 적용해야 합니다. 주변인과 자신이 즐기는 전자책을 제작한다면 간단한 편집 기능으로 소기 결과를 만들 수 있습니다. 전자책에서 가장 많이 적용되는 글자(Text) 크기 설정에 대한 방법과 요령을 익히겠습니다. 글자 크기 설정하기 효과적인 글자 크기는 본문을 100으로 했을 때, 제목의 상대적인 크기가 적당합니다. 제목 h1은 160%, h2는 140%, h3는 120%, h4는 110%로 설정하는 것이 바람직합니다. 방법은 왼편 '책 .. 2023. 3. 21. 이전 1 2 다음
