HTML電子書製作EBookManual.HTML電子書製作 History2018 年 08 月 10 日，M 下午
被 -
更新 25-27 行從：
[=<br /> 或 <br>= 或 </br> ] 是斷行符號 為
[=<br /> 或 <br>= 或 </br> =] 是斷行符號 增加第 52 行
增加第 54 行
更新 56-58 行從：
http://np.cpami.gov.tw/ebook/images/icon_image.jpg [=http://np.cpami.gov.tw/ebook/images/icon_image.jpg=] 為
http://np.cpami.gov.tw/ebook/images/icon_image.jpg => [=http://np.cpami.gov.tw/ebook/images/icon_image.jpg=] http://np.cpami.gov.tw/ebook/images/icon_video.jpg => [=http://np.cpami.gov.tw/ebook/images/icon_video.jpg=] http://np.cpami.gov.tw/ebook/images/icon_audio.jpg => [=http://np.cpami.gov.tw/ebook/images/icon_audio.jpg=] 2018 年 08 月 10 日，M 下午
被 -
增加 51-54 行
%red%#######################################################################%% Icon 的網址 http://np.cpami.gov.tw/ebook/images/icon_image.jpg [=http://np.cpami.gov.tw/ebook/images/icon_image.jpg=] 2018 年 08 月 10 日，M 下午
被 -
更新第 25 行從：
[=<br /> 或 <br>=] 是斷行符號 為
[=<br /> 或 <br>= 或 </br> ] 是斷行符號 2018 年 08 月 10 日，M 下午
被 -
更新 45-47 行從：
3.3.1 橘色的框框中是 icon 的網址 %red% 不一定要換 %% 3.3.2 藍色的框框，有兩個，把第一張圖的圖說分別拷貝到這兩個地方去。 3.3.3 綠色的框框，則是置放圖片的網址。由於到時候會放在 201809 這個資料夾底下，所以 第一張圖的網址就是 201809/1.jpg 第二張圖的網址就是 201809/2.jpg 以下類推。 為
3.3.1 %orange%橘色%%的框框中是 icon 的網址 %red% 不一定要換 %% 3.3.2 %blue%藍色%%的框框，有兩個，把第一張圖的圖說分別拷貝到這兩個地方去。 3.3.3 %green%綠色%%的框框，則是置放圖片的網址。由於到時候會放在 201809 這個資料夾底下，所以 第一張圖的網址就是 201809/1.jpg 第二張圖的網址就是 201809/2.jpg 以下類推。 2018 年 08 月 10 日，M 下午
被 -
更新 43-44 行從：
<a data-flickr-embed="true" href="https://www.flickr.com/gp/omtf/t4N61M" title="擷取5"><img src="https://farm1.staticflickr.com/852/43054804005_0aef36ddba_b.jpg" width="1024" height="607" alt="擷取5"></a><script async src="//embedr.flickr.com/assets/client-code.js" charset="utf-8"></script> 為
https://farm1.staticflickr.com/852/43054804005_0aef36ddba_b.jpg 增加 48-50 行
3.3.4 同一個網頁有兩張以上的圖，就把上方箭頭到下方箭頭中間的所有文字都拷貝，貼在下方。其他在修改該修改的地方。 3.3.5 最後存檔就大功告成了。 2018 年 08 月 10 日，M 下午
被 -
更新 30-31 行從：
3.1 template_不含註解.html 複製一份，更名為 201809_01.html 為
3.1 template_不含註解.html 複製一份，更名為 201809_01.html -> 開啟這個檔案 增加 33-50 行
3.2 （首先決定右側表格在網頁中的高度要多少）拉到檔案快到最底部的部份，看到這樣的文字： https://farm2.staticflickr.com/1791/29022104937_4d4ee666b2_b.jpg 右邊紅框的部份主要是處理表格的高度，可進行微調後再決定表格的高度多少。（之後的 201809_02.html, 201809_03.html 都直接由 201809_01.html 複製後修改其他部分。因此表格的高度在製作 201809_01.html 便已經決定了） 3.3 下面這張圖解釋如何將圖及圖說置放到網頁中，有一點點的複雜，但是會了之後就一點也不難了。 <a data-flickr-embed="true" href="https://www.flickr.com/gp/omtf/t4N61M" title="擷取5"><img src="https://farm1.staticflickr.com/852/43054804005_0aef36ddba_b.jpg" width="1024" height="607" alt="擷取5"></a><script async src="//embedr.flickr.com/assets/client-code.js" charset="utf-8"></script> 3.3.1 橘色的框框中是 icon 的網址 %red% 不一定要換 %% 3.3.2 藍色的框框，有兩個，把第一張圖的圖說分別拷貝到這兩個地方去。 3.3.3 綠色的框框，則是置放圖片的網址。由於到時候會放在 201809 這個資料夾底下，所以 第一張圖的網址就是 201809/1.jpg 第二張圖的網址就是 201809/2.jpg 以下類推。 2018 年 08 月 10 日，M 下午
被 -
增加 14-15 行
%red%#######################################################################%% 增加 26-27 行
更新第 32 行從：
為
https://farm1.staticflickr.com/849/43911672642_51fe82a01a_b.jpg 2018 年 08 月 10 日，M 下午
被 -
更新第 10 行從：
https://farm2.staticflickr.com/1840/29022037467_61640ecfcd.jpg 為
https://farm2.staticflickr.com/1840/29022037467_61640ecfcd_b.jpg 更新第 12 行從：
https://farm2.staticflickr.com/1771/43911672712_ac66efcfb9.jpg 為
https://farm2.staticflickr.com/1771/43911672712_ac66efcfb9_b.jpg 2018 年 08 月 10 日，M 下午
被 -
增加第 5 行
增加 10-13 行
https://farm2.staticflickr.com/1840/29022037467_61640ecfcd.jpg 這個檔案要解壓縮，解開之後檔案如下： https://farm2.staticflickr.com/1771/43911672712_ac66efcfb9.jpg 增加 26-27 行
3.1 template_不含註解.html 複製一份，更名為 201809_01.html 2018 年 08 月 10 日，M 下午
被 -
更新第 18 行從：
為
[=<br /> 或 <br>=] 是斷行符號 2018 年 08 月 10 日，M 下午
被 -
增加 17-21 行
%red%#######################################################################%% 3. %blue%開始建立 html 檔。檔案命名原則為 201809_01.html%% （以此類推） 2018 年 08 月 10 日，M 下午
被 -
更新第 5 行從：
# %blue%excel 檔範例%% 為
1. %blue%excel 檔範例%% 更新第 9 行從：
# %blue%修改 menu.html%% （打開檔案看起來像這樣） 為
2. %blue%修改 menu.html%% （打開檔案看起來像這樣） 更新第 12 行從：
修改網頁的html名稱 為
2.1. 修改網頁的html名稱 更新第 15 行從：
修改網頁的圖說 為
2.2 修改網頁的圖說 2018 年 08 月 10 日，M 下午
被 -
更新第 5 行從：
# excel 檔範例 為
# %blue%excel 檔範例%% 更新第 9 行從：
# 修改 menu.html （打開檔案看起來像這樣） 為
# %blue%修改 menu.html%% （打開檔案看起來像這樣） 2018 年 08 月 10 日，M 下午
被 -
更新第 8 行從：
---- 為
%red%#######################################################################%% 2018 年 08 月 10 日，M 下午
被 -
增加 7-16 行
---- # 修改 menu.html （打開檔案看起來像這樣） https://farm2.staticflickr.com/1780/43909151462_35ab0e8633_b.jpg 修改網頁的html名稱 https://farm2.staticflickr.com/1834/42148845650_37f21ef2e3_b.jpg 修改網頁的圖說 https://farm1.staticflickr.com/938/29019551567_000bf346db_b.jpg 2018 年 08 月 10 日，M 上午
被 -
增加 5-6 行
# excel 檔範例 https://farm1.staticflickr.com/861/42148690240_9347ccdac4_b.jpg 2018 年 08 月 10 日，M 上午
被 -
更新 1-2 行從：
* 建議先做右側表格（即 menu.html）-> 完成後，定網頁高度。 * 網頁高度決定後，開始從 01.html 做起。 為
* 先做一個 excel 表，把 jpg 檔 依照 html 檔案 做成表格 （包含圖說 ) * 先做右側表格（即 menu.html）-> 完成後，定網頁高度。 * 網頁高度決定後，開始從 01.html 做起。 2018 年 07 月 17 日，M 下午
被 -
增加 1-2 行
* 建議先做右側表格（即 menu.html）-> 完成後，定網頁高度。 * 網頁高度決定後，開始從 01.html 做起。 |