• 本文
• 編輯
• 頁面歷史
• 列印

HTML電子書製作

• 先做一個 excel 表，把 jpg 檔 依照 html 檔案 做成表格 （包含圖說 )
• 先做右側表格（即 menu.html）-> 完成後，定網頁高度。
• 網頁高度決定後，開始從 01.html 做起。

1. excel 檔範例

#######################################################################

這個檔案要解壓縮，解開之後檔案如下：

#######################################################################
2. 修改 menu.html （打開檔案看起來像這樣）

2.1. 修改網頁的html名稱

2.2 修改網頁的圖說

<br /> 或 <br>= 或 </br> 是斷行符號

#######################################################################
3. 開始建立 html 檔。檔案命名原則為 201809_01.html （以此類推）
3.1 template_不含註解.html 複製一份，更名為 201809_01.html -> 開啟這個檔案

3.2 （首先決定右側表格在網頁中的高度要多少）拉到檔案快到最底部的部份，看到這樣的文字：

右邊紅框的部份主要是處理表格的高度，可進行微調後再決定表格的高度多少。（之後的 201809_02.html, 201809_03.html 都直接由 201809_01.html 複製後修改其他部分。因此表格的高度在製作 201809_01.html 便已經決定了）

3.3 下面這張圖解釋如何將圖及圖說置放到網頁中，有一點點的複雜，但是會了之後就一點也不難了。

3.3.1 橘色的框框中是 icon 的網址 不一定要換
3.3.2 藍色的框框，有兩個，把第一張圖的圖說分別拷貝到這兩個地方去。
3.3.3 綠色的框框，則是置放圖片的網址。由於到時候會放在 201809 這個資料夾底下，所以 第一張圖的網址就是 201809/1.jpg 第二張圖的網址就是 201809/2.jpg 以下類推。

3.3.4 同一個網頁有兩張以上的圖，就把上方箭頭到下方箭頭中間的所有文字都拷貝，貼在下方。其他在修改該修改的地方。
3.3.5 最後存檔就大功告成了。

#######################################################################

Icon 的網址

=> 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_audio.jpg