[教學]【慎入】線上製作EPUB，電電轉換器之基礎篇

cadson 發表於 2016-11-25 07:04
嗯，見到封面及插圖，意想不到的精美，

我大概知道問題出在哪了！！！

老大可以再幫我看一下嗎？
光在地球之時... 第一~五卷.epub (19.16 MB, 下載次數: 5)

2016-11-25 15:28 上傳

點擊文件名下載附件
直排加圖

@kk543 抱歉，看來是我的問題呢！
你也幫我測測好看多看可不可以用吧！！

@choiwan2 別把好蠢的封面放出來啦～
我都不忍直視了...

關於圖的部分，我下次會教，
還有一些問題要處理...

不過，圖片真的沒有問題嗎?
不會被切掉之類的嗎?還是圖片會變很小??

謝謝KK、老大和小彩虹~~

如果按照我帖子裡寫的做，是不會有問題的
主要應該是設定檔和CSS檔的問題...

您好！您暫時不能瀏覽帖子的全部內容，請 登錄 | 沒有帳號？ 註冊

按教學步驟一步一步來真的成功了!!!
尤其第三步那張動圖真的幫了大忙，
如果只有文字敘述真的不太好理解~

我有兩個問題請教~

一. 原來的TXT文檔內容每段前面都有空格，但轉換後就沒空格(直/橫排都是)，請問如何設定?
二. 如果我有15張插圖，可以放進指定位子嗎?

      ～謝謝!


附上標記好的TXT文檔及轉換後的epub檔案~

落櫻繽紛.txt (743.64 KB, 下載次數: 1)

2016-11-26 01:28 上傳

點擊文件名下載附件
落櫻繽紛 作者：宮部美幸 (橫排).epub (427.08 KB, 下載次數: 1)

2016-11-26 01:26 上傳

點擊文件名下載附件

                               
登錄/註冊後可看大圖

                               
登錄/註冊後可看大圖

我知道原因了!

原來是縮排的空格不是全形
全部置換後就OK啦! 哈~真開心

登錄/註冊後可看大圖

球-球 發表於 2016-11-26 01:02
按教學步驟一步一步來真的成功了!!!
尤其第三步那張動圖真的幫了大忙，
如果只有文字敘述真的不太好理解~

首先，感謝球球真的認真學習，
我原本就覺得不會有人真的去學的...

再來，回答你的問題喔~

一、想要讓段首縮排，在電電裡頭必須是全形空格，來教一下，如何簡單達成...

一樣善用取代的功能，先將段首空白全複製起來，

登錄/註冊後可看大圖

沉默的守者 發表於 2016-11-26 10:54
首先，感謝球球真的認真學習，
我原本就覺得不會有人真的去學的...

剛剛用幾行字加上一張圖的連結試著轉看看，圖片真的有在指定位子耶!

原本擔心沒有妳說的"</img>"↴

<img src="http://tryimg.com/8/2016/11/26/eZY4L.jpg" alt="eZY4L.jpg" border="0" />

還有原本不懂妳說的"CSS檔"

後來看了你給的下載連結，原來是要CSS檔跟文字檔兩個一起上傳啊~

好啦~等我全部弄好再傳上來看看^^

感恩你的用心教學

您好！您暫時不能瀏覽帖子的全部內容，請 登錄 | 沒有帳號？ 註冊

✧(๑✪д✪)۶✨交作業✨٩(✪д✪๑)✧

圖片加上去了!!!

實際操作上有一個問題~

我是將插圖設成獨立一個分頁 像這樣↴  </img>另加在後面

===

<img src="http://tryimg.com/8/2016/11/26/eZY4L.jpg" alt="eZY4L.jpg" border="0" /></img>

===

結果出現錯誤訊息

登錄/註冊後可看大圖

哎~都沒人問...怎麼用粗體字......我都特地在圖裡標出來的說.........
罷了！還是我自己出來聊好了(雖然不會有人理我...)

樓主文裡教的是常用的標記方式(標題、分頁)
這裡要教的是其他可能有用的標記方式...

電電Markdown(因為它也可以讀HTML記法，所以我會兩個都擺喔~)

段落主要與排版有關，我就不多說了！
比較需要知道的就是段首縮排，
在電電裡，想要段首縮排，只需在段首加入全形空白，作法參考13、14樓。

標題如樓主文所述，標題前後加半形#字號與半形空白，
#字號數量代表標題層級，通常一個#字號是用在書名。

標題層級1

1. # 標題層級1 #

複製代碼

另一種記法(=個數不影響，不推薦易與分頁記法搞混)

1. 標題層級1
   
2. ===

複製代碼

對應HTML

1. <h1>標題層級1</h1>

複製代碼

標題層級2

1. ## 標題層級2 ##

複製代碼

另一種記法(-個數不影響)

1. 標題層級2
   
2. ------------

複製代碼

對應HTML

1. <h2>標題層級2</h2>

複製代碼

標題層級3

1. ### 標題層級3 ###

複製代碼

對應HTML

1. <h3>標題層級3</h3>

複製代碼

依此類推，可到標題層級6

換頁(檔案分割)，同樓主文，以三個以上半形=號，前後需加空行。

1. 這是一般的段落。
   
2. 
   
3. ===
   
4. 
   
5. ## 大標 ##

複製代碼

此例整個大標後面會成為新的HTML檔。

文字強調(我主要想說的，但並非每個閱讀器都可以看到)

斜體：一個半形星號「*」包圍的文字。

1. 這是*斜體字*。

複製代碼

對應HTML

1. 這是<em>斜體字</em>。

複製代碼

粗體： 兩個半形星號「*」包圍的文字。

1. 這是**粗體字**。

複製代碼

對應HTML

1. 這是<strong>粗體字</strong>。

複製代碼

縱中橫排： 直排文章中，特定文字採橫排，以半形「^」符號包圍的文字，在橫排沒效，需有CSS檔。

1. 民國^74^年

複製代碼

對應HTML

1. 民國<span class="tcy">74</span>年

複製代碼

tcy在CSS檔設定的，14樓有CSS檔跟文字檔一起上傳就好。
縱中橫排所指定的文字數最好為2個半型字。

若指定超過這數量的文字為縱中橫排時，就可能會解除縱中橫排，
或者文字從該行切出，與其他行文字重疊。

圖片的話參照14樓

表格(應該只有教學書用的到)：半型垂直線「|」與減號「-」的組合。

1. 名稱 | 人口
   
2. ------- | ----------
   
3. 台北市 | 262萬人
   
4. 北京市 | 2018萬人

複製代碼

表格的HTML比較複雜，大概跟論壇表格BBcode寫法差不多，我就不說了。

剩下還有很多語法沒說，例如：引用、列表、超連結、注釋、Ruby文字等等，
想知道的就到這看吧！！
http://conv.denshochan.com/tw/markdown

您好！您暫時不能瀏覽帖子的全部內容，請 登錄 | 沒有帳號？ 註冊