태터데스크 관리자

도움말
닫기
적용하기   첫페이지 만들기

태터데스크 메시지

저장하였습니다.

윙크로 코딩없이 전자책 만들기1(입력 오류 없애기1)


윙크는 아주 쉬운 전자책 에디터입니다. 한글문서 사용하듯이 또는 워드를 사용하듯이 쓸 수 있습니다. 그러나 전자책의 특성상 완벽한 코딩이 이루어지지 않으면 유통을 할 수 없기에 윙크를 사용하는데 특별한 규칙을 지켜야 하는 아쉬움이 있습니다.

(한글이나 워드 문서는 그 자체가 완벽한 코딩을 이루어야 할 필요가 없어서 에러가 있는 문서도 주고 받을 수 있지만 적합성 검사라는 큰벽을 넘어야 하는 전자책은 오류를 만들어 내지 않는 규칙이 반드시 필요로 합니다.)


1. 먼저 파일을 만드신 후에는 책정보를 입력해 주세요.

처음 윙크를 구동하신 후 새책만들기를 누르면 파일 이름을 적게 되어 있습니다. 한글이나 영문이나 상관은 없지만 여기에 적는 파일 이름이 책 이름은 아니라는 것을 알아야 합니다.


파일->새책만들기


파일명 입력


그 후에 책정보를 입력합니다. 물론 나중에 입력을 해도 되지만 대부분 마지막에 잊어버리는 경우가 많습니다. 그래서 처음에 입력해두는 습관을 들이시는 것이 좋습니다.


편집->책정보 편집


책정보 편집에서 책제목, isbn, 제작일, 출판사, uuid 등의 정보를 입력해야 합니다. 이때 주의 사항은 제작일을 입력할 때 아래의 규칙을 지켜야 한다는 점입니다.


2017-03-20

이런 규칙으로 적으셔야 합니다.


2017.03.20

2017/03/20

이런 식으로 적으시면 기기가 인식을 못해서 오류를 뿜어내게 됩니다.


사실 윙크로 제작하신 후 오류 문제로 연락 오시는 분들의 70% 이상이 바로 이 부분에서 오류가 난 경우가 많습니다.


isbn은 발급전이어도 아무 숫자나 넣어서 만들고 uuid는 생성하기 버튼을 눌러서 만들면 됩니다. 이렇게 해도 되는 이유는 나중에 얼마든지 수정이 가능하기 때문입니다. isbn을 발급받기 전이어도 꼭 항목을 채워주세요. 






사업자 정보 표시
주식회사 이새의 나무 | 최진영 | 경기도 고양시 일산동구 탄중로 311-16 한진플라자 201호 | 사업자 등록번호 : 128-86-89874 | TEL : 070-5022-0675 | 통신판매신고번호 : 1호 | 사이버몰의 이용약관 바로가기
블로그 이미지

윙크 wink2.0

윙크에디터를 위한 블로그입니다.

댓글을 달아 주세요

특수문자

Wink 활용팁 2017.02.06 15:20

๑•ิ.•ั๑ ๑۩۞۩๑ ♬✿.。.:* ★ ☆ εїз℡❣·۰•●○●ōゃ ♥ ♡๑۩ﺴ ☜ ☞ ☎ ☏♡ ⊙◎ ☺ ☻✖╄ஐﻬ ► ◄ ▧ ▨ ♨ ◐ ◑ ↔ ↕ ▪ ▫ ☼ ♦ ▀ ▄ █▌ ▐░ ▒ ▬♦ ◊ ◦ ☼ ♠♣ ▣ ▤ ▥ ▦ ▩ ◘ ◙ ◈ ♫ ♬ ♪ ♩ ♭ ♪ の ☆ → あ ぃ £ ❤# @ & * ❁ ❀ ✿ ✾ ❃ ✺ ❇ ❈ ❊ ❉ ✱ ✲ ✩ ✫ ✬ ✭ ✮ ✰ ☆ ★ ✪ ¤ ☼ ☀ ☽ ☾ ❤ ♡ ღ☻ ☺ ❂ ◕ ⊕ ☉ Θ o O ♋ ☯ ㊝ ⊙ ◎◑ ◐ ۰ • ● ▪ ▫ 。 ゚ ๑ ☜ ☞ ☂ ♨ ☎ ☏ × ÷ = ≠ ≒ ∞ ˇ ± √ ⊥▶ ▷ ◀ ◁ ☀ ☁ ☂ ☃ ☄ ★ ☆ ☇ ☈ ☉ ☊ ☋ ☌ ☍ ☑ ☒☢ ☸ ☹ ☺ ☻ ☼ ☽ ☾ ♠ ♡ ♢ ♣ ♤ ♥ ♦ ♧ ♨ ♩ ✙ ✈ ✉ ✌ ✁♝ ♞♯♩♪♫♬♭♮ ☎ ☏ ☪ ♈ ♨ ₪ ™ ♂✿ ♥ の ↑ ↓ ← → ↖ ↗ ↙ ↘ ㊣ ◎ ○ ● ⊕ ⊙ ○  △ ▲ ☆ ★ ◇ ◆ ■ □ ▽ ▼ § ¥ 〒 ¢ £ ※ ♀ ♂ &⁂ ℡ ↂ░ ▣ ▤ ▥ ▦ ▧ ✐✌✍✡✓✔✕✖ ♂ ♀ ♥ ♡ ☜ ☞ ☎ ☏ ⊙ ◎ ☺ ☻ ► ◄ ▧ ▨ ♨ ◐ ◑ ↔ ↕ ♥ ♡ ▪ ▫ ☼ ♦ ▀ ▄ █ ▌ ▐ ░ ▒ ▬ ♦ ◊ ◘ ◙ ◦ ☼ ♠ ♣ ▣ ▤ ▥ ▦ ▩ ◘ ◙ ◈ ♫ ♬ ♪ ♩ ♭ ♪ ✄☪☣☢☠░ ▒ ▬ ♦ ◊ ◦ ♠ ♣ ▣ ۰•● ❤ ●•۰► ◄ ▧ ▨ ♨ ◐ ◑ ↔ ↕ ▪ ▫ ☼ ♦♧♡♂♀♠♣♥❤☜☞☎☏⊙◎ ☺☻☼▧▨♨◐◑↔↕▪ ▒ ◊◦▣▤▥ ▦▩◘ ◈◇♬♪♩♭♪の★☆→あぃ£Ю〓§♤♥▶¤๑⊹⊱⋛⋌⋚⊰⊹ ๑۩۩.. ..۩۩๑ ๑۩۞۩๑ ✲ ❈ ✿ ✲ ❈ ➹ ~.~ ◕‿- ❣ ✚ ✪ ✣ ✤ ✥ ✦❉ ❥ ❦ ❧ ❃ ❂ ❁ ❀ ✄ ☪ ☣ ☢ ☠ ☭ღღღ ▶ ▷ ◀ ◁ ☀ ☁ ☂ ☃ ☄ ★ ☆ ☇ ☈ ⊙ ☊ ☋ ☌ ☍ⓛⓞⓥⓔ๑•ิ.•ั๑ ๑۩۞۩๑ ♬✿ ☉♡ ♢ ♣ ♤ ♥ ♦ ♧ ♨ ♩ ✙✈ ✉ ✌ ✁ ✎ ✐ ❀ ✰ ❁ ❤ ❥ ❦❧ ➳ ➽ εїз℡❣·۰•●○●ゃōゃ♥ ♡๑۩ﺴ ☜ ☞ ☎ ☏♡ ⊙◎ ☺ ☻✖╄ஐﻬ ► ◄ ▧ ▨ ♨ ◐ ◑ ↔ ↕ ▪ ▫ ☼ ♦ ▀ ▄ █▌ ▐░ ▒ ▬♦ ◊ ◦ ☼ ♠♣ ▣ ▤ ▥ ▦ ▩ ◘ ◙ ◈ ♫ ♬ ♪ ♩ ♭ ♪ の ☆ → あ ぃ £ ❤ ❁ ❀ ✿ ✾ ❃ ✺ ❇ ❈ ❊ ❉ ✱ ✲ ✩ ✫ ✬ ✭ ✮ ✰ ☆ ★ ✪ ¤ ☼ ☀ ☽ ☾ ❤ ♡ ღ☻ ☺ ❂ ◕ ⊕ ☉ Θ o O ♋ ☯ ㊝ ⊙ ◎ ◑ ◐ ۰ • ● ▪ ▫ 。 ゚ ๑ ☜ ☞ ☂ ♨ ☎ ☏▶ ▷ ◀ ◁ ☀ ☁ ☂ ☃ ☄ ★ ☆ ☇ ☈ ☉ ☊ ☋ ☌ ☍ ☑ ☒☢ ☸ ☹ ☺ ☻ ☼ ☽ ☾ ♠ ♝ ♞♯♩♪♫♬♭♮ ☎ ☏ ☪ ♈ ♨ ºº ₪ ¤ 큐 « »™ ♂✿ ♥ の ↑ ↓ ← → ↖ ↗ ↙ ↘ ㊣ ◎ ○ ● ⊕ ⊙ ○  △ ▲ ☆ ★ ◇ ◆ ■ □ ▽ ▼ § ¥〒 ¢ £ ※ ♀ ♂ © ® ⁂ ℡ ↂ░ ▣ ▤ ▥ ▦ ▧ ✐✌✍✡✓✔✕✖ ♂ ♀ ♥ ♡ ☜ ☞ ☎ ☏ ⊙ ◎ ☺ ☻ ► ◄ ▧ ▨ ♨ ◐ ◑ ↔ ↕ ♥ ♡ ▪ ▫ ☼ ♦ ▀ ▄ █ ▌ ▐ ░ ▒ ▬ ♦ ◊ ◘ ◙ ◦ ☼ ♠ ♣ ▣ ▤ ▥ ▦ ▩ ◘ ◙ ◈ ♫ ♬ ♪ ♩ ♭ ♪ ✄☪☣☢☠㊊㊋㊌㊍㊎㊏ ㊐㊑㊒㊓㊔㊕㊖㊗㊘㊜㊝㊞㊟㊠㊡㊢ ㊣㊤㊥㊦㊧㊨㊩㊪㊫㊬㊭㊮㊯㊰✗✘✚✪✣✤✥✦✧✩✫✬✭✮✯✰ ✱✲✳❃❂❁❀✿✾✽✼✻✺✹✸✷ ✶✵✴❄❅❆❇❈❉❊❋❖☀☂☁【】┱ ┲ ❣ ✪ ✣ ✤ ✥ ✦ ❉ ❥ ❦ ❧ ❃ ❂ ❁ ❀ ✄ ☪ ☣ ☢ ☠ ☭ ♈ ➸ ✓ ✔ ✕ ✖ .: ◢ ◣ ◥ ◤ ▽ ▧ ▨ ▣ ▤ ▥ ▦ ▩ ◘ ◙ ▓ ▒ ░ ™ ℡ 凸 の ๑۞๑ ๑۩ﺴ ﺴ۩๑ o(‧”’‧)o ❆ べò⊹⊱⋛⋋ ⋌⋚⊰⊹ ⓛⓞⓥⓔ ☀ ☼ ☜ ☞ ⊙® ◈ ♦ ◊ ◦ ◇ ◆ εїз❃❂❁❀✿✾✽✼✻✺✹✸✷ ✶✵✴❄❅❆❇❈❉ ❊❋❖❤❥❦❧↔ ↕ ▪ → ︷╅╊✿ (¯`•._.• •._.•´¯)(¯`•¸•´¯) ❤`•.¸¸.•´´¯`•• .¸¸.•´¯`•.•●•۰• ••.•´¯`•.•• ••.•´¯`•.••—¤÷(`[¤* *¤]´)÷¤——(•·÷[ ]÷·•)— ①②③④⑤⑥⑦⑧⑨⑩ ⑪⑫⑬⑭⑮⑯⑰⑱⑲⑳ ⒶⒷⒸⒹⒺⒻ ⒼⒽⒾⒿⓀⓁ ⓂⓃⓄⓅⓆⓇ ⓈⓉⓊⓋⓌⓍ ⓎⓏ ⓐⓑⓒⓓⓔⓕ ⓖⓗⓘⓙⓚⓛ ⓜⓝⓞⓟⓠⓡ ⓢⓣⓤⓥⓦⓧ ⓨⓩ

사업자 정보 표시
주식회사 이새의 나무 | 최진영 | 경기도 고양시 일산동구 탄중로 311-16 한진플라자 201호 | 사업자 등록번호 : 128-86-89874 | TEL : 070-5022-0675 | 통신판매신고번호 : 1호 | 사이버몰의 이용약관 바로가기
블로그 이미지

윙크 wink2.0

윙크에디터를 위한 블로그입니다.

댓글을 달아 주세요

/*다단(2단)*/div.multicol{

-webkit-column-width : 20em;

column-width : 20em;

column-count : 2;

-epub-column-width : 20em;

-epub-column-count : 2;

-webkit-column-count : 2;


}



윙크에서 다단 사용하기


아직 모든 뷰어에서 테스트 한 것은 아니지만 우선 윙크에서 다단을 설정해서 사용하는 방법을 알려드리겠습니다.

전에는 본문 전체를 다단으로 해야 한다는 생각 때문에 epub2.0에서는 다단을 설정할 수 없다고 했었는데요.


위의 방식을 활용하면 가능합니다.


윙크의  CSS창에 위의 설정을 가져다 붙이고 저장


그리고 div로 다단으로 사용할 부분을 설정해서 더블클릭하면 됩니다.


그러면 20em의 크기보다 작을 경우는 1단으로 보이고 20em보다 클 경우 2단으로 보이는 전자책이 생성됩니다.


01


사업자 정보 표시
주식회사 이새의 나무 | 최진영 | 경기도 고양시 일산동구 탄중로 311-16 한진플라자 201호 | 사업자 등록번호 : 128-86-89874 | TEL : 070-5022-0675 | 통신판매신고번호 : 1호 | 사이버몰의 이용약관 바로가기
블로그 이미지

윙크 wink2.0

윙크에디터를 위한 블로그입니다.

댓글을 달아 주세요

코드 한줄 없이 윙크로 전자책 만들기1


사실 코드 한줄 없이 전자책을 만든다는 것은 말이 안 되는 이야기입니다. 

하지만 여러분이 직접 코드를 입력하지 않고 전자책을 만드는 것은 충분히 가능합니다.


이 강좌는 코드에 대한 이해가 어려우신 분들과 코드입력이 아닌 이지윜방식으로만 전자책을 제작하고자 하는 분들을 위한 윙크의 기본 스타일을 활용하는 강좌입니다. 


이 강좌는 아주 쉬운 기초강좌이기에 코드에 대한 이해보다는 국어 문법에 대한 기준과 책의 구성에 대한 기준으로 설명을 드리려고 합니다. 그리고 무작정 따라하기 시리즈처럼 무작정 따라함으로 전자책을 만들도록 할 예정입니다.


자! 그럼 시작해 볼까요?

먼저 준비물이 필요합니다. 첫번째 작업은 동화책입니다.

필요한 준비물은 원고, 표지 이미지 정도면 되겠네요.


준비물

Desktop.zip




위의 준비물 파일을 다운로드 받으신 후 바탕화면에 압축을 풀어 놓고 무작정 따라하기를 시작해 봅시다.


1. 윙크를 열어서 새문서 만들기로 윙크 작업창을 만든다.


윙크를 처음 열었을 경우의 화면


먼저 파일-> 새책만들기를 누른다.


여기에 만들고자 하는 책의 이름을 적는다.(가급적이면 영문으로)





2. 위의 첨부파일 중에서 텍스트 문서를 전체 선택한 후 전체 복사를 해서 윙크의 가운데 편집창에 붙인다.


첨부파일을 압축을 풀고 더블클릭으로 파일을 연다.


압축파일의 내용을 ctrl + a로 전체 선택한 후 ctrl + c로 복사한 후 윙크 편집창에  ctrl + v로 붙인다.




윙크 편집창에 ctrl + v로 붙인 화면




전체 선택 crlt + a 후 본문스타일 첫번째 부분을 더블클릭




1에 해당 하는 부분은 목차가 되어야 함으로 1을 선택한 후 대제목 스타일로 더블클릭




목차 스타일을 구분하기 위해서 대제목 스타일에서 css수정을 누르고 안쪽 여백을 위의 수치로 수정한다.




그 다음 목차패널에서 새로고침을 누르면 사용한 목차가 반영된다.



판권페이지를 만들기 위해 + 버튼을 눌러서 섹션을 추가하고 거기에 판권 정보를 넣는다.


표지를 만들기 위해 책정보 패널로 이동해서서 표지 부분에 이미지를 넣고 책에 대한 정보들을 넣는다. 이미지만 넣어도 표지페이지가 자동생성




3.  따옴표가 있는 문장은 마우스로 선택해서 본문스타일2를 더블클릭한다.


모든 과정을 마치면 저장한다.




다음에 계속

사업자 정보 표시
주식회사 이새의 나무 | 최진영 | 경기도 고양시 일산동구 탄중로 311-16 한진플라자 201호 | 사업자 등록번호 : 128-86-89874 | TEL : 070-5022-0675 | 통신판매신고번호 : 1호 | 사이버몰의 이용약관 바로가기
블로그 이미지

윙크 wink2.0

윙크에디터를 위한 블로그입니다.

댓글을 달아 주세요

윙크에서 코드를 멋지게 보이도록 작업하고 싶나요?

컴퓨터 관련 전자책을 만드시는 분들에게는 이 코드 표현이 정말 중요합니다.


먼저 두 가지 코드를 사용하는데 


맨앞에 <pre>


맨 뒤에</pre>

를 적어줍니다.

그리고 각각의 코드 라인에 맞추어서 <code>  </code>


이렇게 적어주지요. 그 다음 CSS부분에 아래의 CSS표현식을 적어줍니다. 그러면 끝~

pre code {
counter-increment: line;
}

pre code:before {
content: counter(line);
width: 2em;
display: inline-block;
text-align: right;
padding-right: 8px; /* won’t reflow with font-size */
margin-right: 8px;
border-right: 1px solid currentColor; /* will invert */
-webkit-user-select: none; /* won’t be copied/pasted */
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}





예)

<pre>

<code>@font-face {</code>

<code>font-family: 'kopubbatanglight';</code>

<code>font-style: inherit;</code>

<code>font-weight: bold;</code>

<code>src: url(../Fonts/KoPubBatangLight.ttf);</code>

<code>text-decoration: inherit;</code>

<code>} </code>

</pre>



그러면 다음과 같이 표현이 됩니다.

하지만 아쉽게도 얘는 epub3.0에서 지원하는 것이라 epub2.0뷰어에서는 지원이 안 될 수도 있습니다.

but 윙크에서는 표현됩니다~



사업자 정보 표시
주식회사 이새의 나무 | 최진영 | 경기도 고양시 일산동구 탄중로 311-16 한진플라자 201호 | 사업자 등록번호 : 128-86-89874 | TEL : 070-5022-0675 | 통신판매신고번호 : 1호 | 사이버몰의 이용약관 바로가기
블로그 이미지

윙크 wink2.0

윙크에디터를 위한 블로그입니다.

댓글을 달아 주세요