[Sigil] 본문 스타일 편집, 간단 적용

본문 스타일 편집

본문 편집

본문을 삽입하는 방법에 요령이 필요합니다. 너무 많은 내용을 한꺼번에 불러들여 편집을 하려면 불편함이 많습니다. 수정하려고 해도 스크롤되는 양이 많아 힘이 듭니다. 본문을 아래한글에서 불러올 때 미리 한글에서 장을 나누어 들어오는 것이 필요합니다.

8개 장으로 나누어 블러들인 편집창

각 장을 불러오면서 파일 브라우저의 'Text'에서 '빈 HTML 파일 추가하기'로 HTML 파일을 추가하여 편집기 'PageEdit'로 추가했습니다. 마지막 추천사까지 불러들인 후에 스타일을 추가했습니다.

마지막장 추가

스타일 편집

스타일 편집은 교육을 위해 간단하게 시도하렵니다. 방법은 파일 탐색창 'Styles'에서 우클릭으로 '빈 스타일시트 추가'를 선택합니다. 열린 편집창에서 다음과 같이 간단하게 입력했습니다. 본문 태그(body, p)와 해드태그(h1, h2, h3, h4) 폰트와 크기를 정했습니다. 폰트는 미리 'Fonts'에 배치한 '한국출판문화산업진흥원'의 순바탕체를 선택했습니다. 글씨 크기는 상대적으로 크기를 정하는 단위인 'em'을 사용했습니다. 기본을 '1em'으로 했을 때, h1 제목은 '1.6em'입니다. 기본 크기의 1.6배가 되는 것입니다.

스타일시트 작성

스타일 적용

스타일시트를 적용하기 위해서는 각 HTML파일에 스타일시트를 적용하는 문구 삽입이 필요합니다. 각 파일의 head 섹션에 '링크'를 연결하는 것입니다. 링크 내용은 EPUB 파일의 구조에 따라 HTML 파일이 있는 곳에서 부모 경로 다음의 'Styles' 폴더의 'Style0001.css' 파일임을 알려주는 것입니다.

head 섹션의 'link' 삽입

삽입되면서 바로 텍스트의 변화를 지켜볼 수가 있습니다. 현재 스타일은 제목이나 본문 모두 '한국출판문화산업진흥원'의 '순바탕체'를 적용했기에 그 글씨체의 모습으로 변했습니다. 나중에 제목은 고딕형으로 변경할 것입니다. 변경할 때는 해당 스타일시트의 내용을 '순바탕'에서 적용하는 폰트 이름으로 바꾸면 됩니다.