CSS Style 편집

전자책을 편집한다는 것은 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
CSS Style 편집  (0) 2015.09.02
Link & ID  (0) 2015.08.31
클립보드 기록 중에서 붙여넣기  (0) 2015.08.26
Clips  (0) 2015.08.24

설정

트랙백

댓글


티스토리 툴바