posted by 내.맘.대.로 2013. 10. 18. 18:56

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

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

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

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

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

본문 태그 : <p>  </p>

문단 태그는 주로 본문의 내용을 작성할 때 사용합니다. EPUB에서는 책의 한 문단을 <p> </p> 태그로 묶어 줄 수 있다. <p></p> 태그는 가장 기본이 되는 태그로 CSS 스타일을 적용하면 다양한 형태의 편집이 가능하다. 


일부 EPUB 편집자는 문단을 <div></div>태그로 구분을 하는데 <div></div>태그는 여러 문단을 묶어 스타일을 적용하거나 레이어를 만들때 사용하는 태그이기 때문에 뷰어에서 심각한 오류가 발생할 수 있다. 문단을 구분하는 태그는 반드시 <p></p>를 사용하고 <div></div>는 사용을 하면 안된다.


<p></p>태그에 스타일을 붙여 제목, 주석 등을 표현하는 것도 가급적 피하는게 좋다. <p></p>태그를 꾸미는 CSS가 무한정으로 늘어나고, 다른 사람이 수정을 할 때 CSS만 보고 용도를 알 수 없는 경우가 많아 제목이나 주석 등 특정 목적의 내용은 <p></p>태그보다는 해당 목적의 태그를 사용하는 것이 좋다. 


◈ <p> </p> 태그 문법 


 <p>문단을 표현하는 태그입니다.</p>

<p>문단과 문단 사이는 뷰어(브라우저)의 설정에 따라 지정된 문단 간격이 있으며 CSS로 간격을 조절할 수 있습니다.</p>


p_tag_sample.html



◈ 편집에 적용한 예 

 <p>문단 태그는 주로 본문의 내용을 작성할 때 사용합니다. ePUB에서는 책의 한 문단을 &lt;p&gt; &lt;/p&gt; 태그로 묶어 줄 수 있다. &lt;p&gt;&lt;/p&gt; 태그는 가장 기본이 되는 태그로 CSS 스타일을 적용하면 다양한 형태의 편집이 가능하다.</p>

<p>일부 ePUB 편집자는 문단을 &lt;div&gt;&lt;/div&gt;태그로 구분을 하는데 &lt;div&gt;&lt;/div&gt;태그는 레이어를 지정할 때 사용하는 태그이기 때문에 뷰어에서 심각한 오류가 발생할 수 있다. 문단을 구분하는 태그는 반드시 &lt;p&gt;&lt;/p&gt;를 사용하고 &lt;div&gt;&lt;/div&gt;는 사용을 하면 안된다.</p>

<p>많은 ePUB 편집자들이 &lt;p&gt;/&lt;p&gt;태그에 스타일을 붙여 제목, 주석 등을 표현하는데 대부분 CSS가 무한정으로 늘어나고, 다른 사람이 수정을 할 때 CSS만 보고 용도를 알 수 없는 경우가 많아 제목이나 주석 등 특정 목적의 내용은 &lt;p&gt;&lt;/p&gt;태그보다는 해당 목적의 태그를 사용하는 것이 좋다.</p>

* 문법과 예는 복사해서 html 파일에 붙이면 결과를 확인할 수 있습니다.

* 첨부된 *sample.html 파일을 다운로드 해서 웹브라우저로 열어도 태그가 적용된 내용을 확인할 수 있습니다. 

반응형