'전체 글'에 해당되는 글 534건

  1. 2015.09.02 CSS Style 편집
  2. 2015.08.31 Link & ID
  3. 2015.08.26 클립보드 기록 중에서 붙여넣기
  4. 2015.08.24 Clips 2
posted by 내.맘.대.로 2015. 9. 2. 10:00

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

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

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

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

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

전자책을 편집한다는 것은 CSS 스타일을 만든는 작업이라고 봐도 정도로 CSS 스타일 편집은 중요한 작업이다. 위지윅(WYSIWYG) 방식의 편집기들은 사용자가 직접 스타일을 수정할 없게 되어있는 경우가 많은데 Sigil 강력한 스타일 편집 기능을 제공한다.

 

편집자가 자주 사용하는 스타일을 불러올 수도 있고, Sigil에서 스타일시트를 추가해 직접 편집을 수도 있다. CSS 파일이 연결된 HTML 파일을 불러오면 Sigil 스타일 파일도 함께 불러온다.




  • 스타일 시트 추가
    • 스타일시트 추가

[파일>추가> 스타일시트] 선택하거나 찾아보기의 Style 폴더 위에서 마우스 오른쪽 버튼을 클릭 [ 스타일시트 추가] 누르면 찾아보기의 스타일 폴더에 Style0001.css.파일이 만들어 진다. 파일은 아무 내용이 들어있지 않아 편집자가 직접 스타일을 추가해야 한다.





  • 스타일시트 불러오기

편집자가 사용하는 스타일 파일이 있다면 [파일 > 추가 > 기존파일] 눌러 css 확장자를 가진 스타일시트를 선택하면 된다.

 

  • 스타일 시트 연결

스타일시트 파일이 EPUB 포함되어 있다 하더라도 스타일이 적용되지 않는다. 스타일을 적용하려면 HTML 파일과 스타일을 연결시켜 줘야한다. 스타일을 연결할 HTML 파일을 하나 혹은 여러 (CTRL이나 Shift 이용) 선택하고 [마우스 오른쪽 버튼>Stylesheet 연결] 누르면 스타일시트를 선택할 있는 창이 표시된다.



스타일시트 연결 창에서 원하는 스타일을 선택하고 [OK] 누르면 선택한 파일에 스타일시트가 연결된다. 파일에 스타일시트는 2 이상 선택할 있고, 파일마다 다른 스타일시트를 사용해 편집을 있다.


코드보기에서 <head> 영역에 아래처럼 코드를 삽입해 직접 연결을 수도 있다.

<head>

<link href="../Styles/style.css" rel="stylesheet" type="text/css" />

</head>

반응형

'Sigil 사용 설명서 > 메뉴 및 기능 설명(구버전)' 카테고리의 다른 글

보고서  (0) 2015.09.09
색인  (0) 2015.09.07
Link & ID  (0) 2015.08.31
클립보드 기록 중에서 붙여넣기  (0) 2015.08.26
Clips  (2) 2015.08.24
posted by 내.맘.대.로 2015. 8. 31. 10:00

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

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

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

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

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

링크와 ID 다양한 용도로 사용된다. 링크는 본문이나 안에서 주석으로 이동을 시키거나, 관련된 다른 페이지로 이동을 사용할 있고 외부에 있는 정보와 연결을 시킬 있다. ID 같은 페이지 내에서 링크를 연결할 특정 단어나 위치로 이동할 있게 해준다.

많은 뷰어들이 링크와 ID 기능으로 주석 처리를 있게 지원한다. 링크와 ID 연결하면 연결된 페이지로 이동하지 않아도 팝업 형태로 주석을 있는 기능이다.

Sigil에서는 링크와 ID 쉽게 만들고 연결할 있는 기능을 제공한다.

 

  • Insert ID

ID 특정 단어(혹은 문장) 위치를 잡아주는 기능을 한다. 링크와 연결될 때는 <a href="../경로/filename.토싀#ID> 사용하며 링크를 클릭하면 ID 있는 위치로 이동할 있다.

특정 단어나 위치를 선택한 [삽입>ID]메뉴로 ID 입력창을 열거나 도구상자 아이콘을 클릭해서 입력할 있다.




코드보기에서도 ID 직접 입력할 있다. 태그에 ID 추가하는 방법을 많이 사용하고, 특정 단어에 ID 추가할 때는 <a id="ID"> 사용한다.

Ex)

태그에 직접 입력 : <p id="footnote01">주석1 주석 내용</p>

A 태그 통해 입력 : <p><a id="footnote01">주석1</a> 주석 내용</p>

Sigil에서는 a 태그에 입력하는 방식을 사용한다.

 

ID 이름은 HTML 파일 안에 반드시 하나만 존재해야 한다. 동일한 ID이름이 HTML 파일 안에 2 이상 있으면 적합성 검증에서 오류로 표시한. Insert ID 사용하면 Drop-down 목록으로 HTML 파일 안에 사용했던 ID 확인할 있다.

* 동일한 ID 2 이상이면 오류가 발생한다. 반드시 하나의 ID 사용해야 한다.

 

  • Link

링크는 EPUB 안에서 다른 파일로 이동하거나 동일 파일 내에서 특정 영역으로 이동하는 기능이다. 그리고 인터넷이 가능하다면 외부로 연결해 텍스트나 동영상을 실행시킬 수도 있다.

링크를 추가하려면 연결할 내용을 선택하고 [삽입>Link] 메뉴를 누르거나 도구상자에서 아이콘을 클릭하면 된다.



본문의 특정 영역으로 이동하는 링크를 함께 사용할 경우 주석을 깔끔하게 편집할 있다링크 창이 열리면 연결 가능한 페이지와 ID 표시된다. ID 해당 페이지 아래에 #ID 되어 있어 파일과 구분할 있다.


반응형

'Sigil 사용 설명서 > 메뉴 및 기능 설명(구버전)' 카테고리의 다른 글

색인  (0) 2015.09.07
CSS Style 편집  (0) 2015.09.02
클립보드 기록 중에서 붙여넣기  (0) 2015.08.26
Clips  (2) 2015.08.24
Saved Searches  (0) 2015.08.19
posted by 내.맘.대.로 2015. 8. 26. 10:00

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

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

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

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

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

복사하거나 잘라내기 했던 내영 중에서 다시 사용할 항목이 있을 때는 [클립보드 기록 중에서 붙여넣기] 기능을 이용할 있다. 예를 들어 내용의 텍스트를 잘라낸 다른 곳에 붙여넣기를 하려다 실수로 다른 내용을 복사했다면 클립보드에 잘라낸 내용이 사라진다. 이때 클립보드 기록을 이용할 있다.

클립보드 기록은 19개까지 저장된다.



반응형

'Sigil 사용 설명서 > 메뉴 및 기능 설명(구버전)' 카테고리의 다른 글

CSS Style 편집  (0) 2015.09.02
Link & ID  (0) 2015.08.31
Clips  (2) 2015.08.24
Saved Searches  (0) 2015.08.19
찾기, 찾아바꾸기  (0) 2015.08.17
posted by 내.맘.대.로 2015. 8. 24. 10:00

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

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

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

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

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

Clips Sigil에서 가장 유용한 기능 하나다. 설정 방법이 간단하고, 클릭 한번으로 원하는 스타일을 지정할 있게 해준다. HTML 태그나 CSS 스타일을 사용자가 원하는 형태로 편집을 놓은 스타일을 적용할 텍스트를 선택하고 Clips 목록에서 미리 지정한 항목을 선택하면 텍스트에 스타일이 적용된다. 그래서 코딩 작업을 때보다 편집 시간을 단축할 있다.

 

클립은 아주 유용한 기능이고 초보자도 쉽게 익힐 있을 정도로 사용법이 간단하다. 뒤쪽에 자세한 사용법이 있으니 반드시 확인하기를 권한다.

 

  • Clip Editor

클립 에디터는 사용자가 클립을 추가하거나 삭제, 수정할 있는 창이다. [도구>Clip Editor] 메뉴로 실행할 있다.

  • Paste Clip : 선택한 텍스트나 커서 위치에 클립을 삽입함
  • 항목 추가 : 새로운 클립 항목을 추가함
  • 그룹 추가 : 새로운 클립 그룹을 추가함
  • 4개의 방향키 : 클립 위치를 이동(상하 버튼은 클립의 위치를 상하로 이동시키고, 좌우 버튼은 클립을 그룹에 포함시키거나 빼낼 있음)
  • 클립 편집
    • 이름 : 클립 이름을 더블클릭 하면 이름을 변경할 있음
    • 텍스트 : 텍스트 항목중 하나를 더블클릭 하면 클립 내용을 변경할 있음
  • Save : 수정한 클립을 저장(저장하지 않을 경우 편집한 내용이 사라지니 주의)
  • Close : Clip Editor 종료
  • 필터 : 텍스트를 입력하면 클립 이름과 텍스트에서 일치하는 내용만 표시함


  • Clip 항목 추가하기
    • 본문에서 바로 추가
      • 본문 내용 추가하고자 하는 스타일이나 코드를 선택
      • 마우스 오른쪽 버튼 메뉴 > Add to Clip 선택
      • Clip Editor 창에서 원하는 형태로 수정


  • [항목 추가] 추가
    • [항목 추가] 버튼 클릭
    • [이름] 영역에 클립 이름 입력
    • [텍스트] 영역에 원하는 텍스트 입력
  • 클립 편집 방법
    • 단순한 텍스트 혹은 코드 입력
      • 제목을 지정 클립 에디터의 텍스트 영역에 원하는 텍스트 입력
      • Ex) 출판사 로고를 이미지로 삽입할
        편집하는
        책마다 아래 코드로 출판사 로고를 삽입한다면 클립에 추가해 클릭 한번으로 작업이 가능하다.
        • [항목 추가]
        1. 클립 이름을 입력하고 아래 코드를 텍스트에 입력

<p class="logo"><img alt="logo" class="logo" src="../Images/logo.png" /></p>

  • Add to Clip 이용

  1. 본문에 코드 삽입
  2. 코드를 선택 마우스 오른쪽 버튼 > Add to Clip
  3. 클립 이름 입력


  • 로고를 삽입하려는 위치에 커서를 두고 클립 선택
  • 텍스트에 스타일이나 태그를 적용하는 클립
    • \1 : 클립 텍스트에 \1 있으면 선택한 텍스트가 \1 위치에 들어감
    • Ex) <p> 태그로 묶여있는 제목을 <h3> 바꾸는 클립
      1. [항목 추가] 버튼 클릭 이름 입력 : 제목
      2. 텍스트 항목에 아래 코드 삽입

<h3>\1</h3>

  1.  책보기 창에서 본문에서 제목 선택 [제목] 클립 클릭


<p>10 바닷가재의 카드리유 </p> 태그가

<h3>10 바닷가재의 카드리유 </h3> 변경됨

반응형

'Sigil 사용 설명서 > 메뉴 및 기능 설명(구버전)' 카테고리의 다른 글

Link & ID  (0) 2015.08.31
클립보드 기록 중에서 붙여넣기  (0) 2015.08.26
Saved Searches  (0) 2015.08.19
찾기, 찾아바꾸기  (0) 2015.08.17
페이지 분할 및 병합  (0) 2015.08.12