Sigil制作ePub富文本教程課件

Sigil制作全屏插圖頁付甫小生Sigil制作全屏插圖頁付甫小生1全屏插圖頁付甫小生我懂個全屏插圖頁付甫小生我懂個201.全屏插圖頁修改之前，封面圖片沒有全屏01.全屏插圖頁修改之前，封面圖片沒有全屏301.全屏插圖頁將封面全屏首先確定封面頁為“titlepage.zhtml”Step101.全屏插圖頁將封面全屏首先確定封面頁為Step1401.全屏插圖頁Step2雙擊“content.opf”，定位到spine節(jié)點，在光標(biāo)處加入如下代碼（紅色部分）：properties="duokanfullscreen"01.全屏插圖頁Step2雙擊“content.opf”501.全屏插圖頁保存之后將文件傳至手機或平板，查看效果，已經(jīng)全屏顯示Step301.全屏插圖頁保存之后將文件傳至手機或平板，查看效果，6付甫小生我懂個2014.5付甫小生我懂個2014.57Sigil制作富文本腳注付甫小生Sigil制作富文本腳注付甫小生8富文本腳注付甫小生我懂個富文本腳注付甫小生我懂個902.富文本腳注制作一個像素為15×15的圖片，并將其命名為“note.png”添加至Images文件夾下。Step1白note.png02.富文本腳注制作一個像素為15×15的圖片，并將其命1002.富文本腳注在代碼視圖下，將光標(biāo)置入需要插入注釋的地方，寫入如下代碼：<aclass="duokan-footnote"href="#df-1"><imgsrc="../Images/note.png"/></a>Step202.富文本腳注在代碼視圖下，將光標(biāo)置入需要插入注釋的地1102.富文本腳注在文章的末尾插入如下代碼：<olclass="duokan-footnote-content"><liclass=“duokan-footnote-item”id=“df-1”><p>我是李白，我是李白……</p></li></ol>Step302.富文本腳注在文章的末尾插入如下代碼：Step31202.富文本腳注看一下效果02.富文本腳注看一下效果13付甫小生我懂個2014.5付甫小生我懂個2014.514Sigil制作交互圖付甫小生Sigil制作交互圖付甫小生15交互圖付甫小生我懂個交互圖付甫小生我懂個1603.交互圖拿論壇里的一個網(wǎng)頁內(nèi)容做例子03.交互圖拿論壇里的一個網(wǎng)頁內(nèi)容做例子1703.交互圖新建一個Sigil文檔，將網(wǎng)頁文字內(nèi)容復(fù)制進去，并將文章中的圖片保存，命名為001。Step103.交互圖新建一個Sigil文檔，將網(wǎng)頁文字內(nèi)容復(fù)制進1803.交互圖將剛剛保存的001圖片導(dǎo)入Images文件里。Step203.交互圖將剛剛保存的001圖片導(dǎo)入Images文件里1903.交互圖切換到代碼試圖模式下，在需要插入圖片的位置輸入以下代碼：<div

class="duokan-image-single">

<imgsrc="../Images/tree.png"alt=""/>

<p

class="duokan-image-maintitle">主標(biāo)題：大自然</p>

<p

class="duokan-image-subtitle">副標(biāo)題：森林中的樹</p></div>Step303.交互圖切換到代碼試圖模式下，在需要插入圖片的位置輸20效果圖左邊的圖片下面有該圖片的主標(biāo)題和副標(biāo)題（這兩個可以選擇不顯示，代碼去掉即可）右邊的圖片即為圖片響應(yīng)點擊放大的效果，同樣會在屏幕下方顯示該圖片的主標(biāo)題和副標(biāo)題，文字大小有區(qū)別。效果圖21付甫小生我懂個2014.4付甫小生我懂個2014.422Sigil制作全屏插圖頁付甫小生Sigil制作全屏插圖頁付甫小生23全屏插圖頁付甫小生我懂個全屏插圖頁付甫小生我懂個2401.全屏插圖頁修改之前，封面圖片沒有全屏01.全屏插圖頁修改之前，封面圖片沒有全屏2501.全屏插圖頁將封面全屏首先確定封面頁為“titlepage.zhtml”Step101.全屏插圖頁將封面全屏首先確定封面頁為Step12601.全屏插圖頁Step2雙擊“content.opf”，定位到spine節(jié)點，在光標(biāo)處加入如下代碼（紅色部分）：properties="duokanfullscreen"01.全屏插圖頁Step2雙擊“content.opf”2701.全屏插圖頁保存之后將文件傳至手機或平板，查看效果，已經(jīng)全屏顯示Step301.全屏插圖頁保存之后將文件傳至手機或平板，查看效果，28付甫小生我懂個2014.5付甫小生我懂個2014.529Sigil制作富文本腳注付甫小生Sigil制作富文本腳注付甫小生30富文本腳注付甫小生我懂個富文本腳注付甫小生我懂個3102.富文本腳注制作一個像素為15×15的圖片，并將其命名為“note.png”添加至Images文件夾下。Step1白note.png02.富文本腳注制作一個像素為15×15的圖片，并將其命3202.富文本腳注在代碼視圖下，將光標(biāo)置入需要插入注釋的地方，寫入如下代碼：<aclass="duokan-footnote"href="#df-1"><imgsrc="../Images/note.png"/></a>Step202.富文本腳注在代碼視圖下，將光標(biāo)置入需要插入注釋的地3302.富文本腳注在文章的末尾插入如下代碼：<olclass="duokan-footnote-content"><liclass=“duokan-footnote-item”id=“df-1”><p>我是李白，我是李白……</p></li></ol>Step302.富文本腳注在文章的末尾插入如下代碼：Step33402.富文本腳注看一下效果02.富文本腳注看一下效果35付甫小生我懂個2014.5付甫小生我懂個2014.536Sigil制作交互圖付甫小生Sigil制作交互圖付甫小生37交互圖付甫小生我懂個交互圖付甫小生我懂個3803.交互圖拿論壇里的一個網(wǎng)頁內(nèi)容做例子03.交互圖拿論壇里的一個網(wǎng)頁內(nèi)容做例子3903.交互圖新建一個Sigil文檔，將網(wǎng)頁文字內(nèi)容復(fù)制進去，并將文章中的圖片保存，命名為001。Step103.交互圖新建一個Sigil文檔，將網(wǎng)頁文字內(nèi)容復(fù)制進4003.交互圖將剛剛保存的001圖片導(dǎo)入Images文件里。Step203.交互圖將剛剛保存的001圖片導(dǎo)入Images文件里4103.交互圖切換到代碼試圖模式下，在需要插入圖片的位置輸入以下代碼：<div

class="duokan-image-single">

<imgsrc="../Images/tree.png"alt=""/>

<p

class="duokan-image-maintitle">主標(biāo)題：大自然</p>

<p

class="duokan-image-subtitle">副標(biāo)題：森林中的樹</p></div>Ste