Sigil-制作ePub富文本教程

整理文档很辛苦,赏杯茶钱您下走!

免费阅读已结束,点击下载阅读编辑剩下 ...

阅读已结束,您可以下载文档离线阅读编辑

资源描述

Sigil制作epub富文本教程付甫小生全屏插图页付甫小生我懂个01.全屏插图页修改之前,封面图片没有全屏01.全屏插图页将封面全屏首先确定封面页为“titlepage.zhtml”Step101.全屏插图页Step2双击“content.opf”,定位到spine节点,在光标处加入如下代码(红色部分):properties=duokan-page-fullscreen01.全屏插图页保存之后将文件传至手机或平板,查看效果,已经全屏显示Step3付甫小生我懂个2014.5Sigil制作富文本脚注付甫小生富文本脚注付甫小生我懂个02.富文本脚注制作一个像素为15×15的图片,并将其命名为“note.png”添加至Images文件夹下。Step1白note.png02.富文本脚注在代码视图下,将光标置入需要插入注释的地方,写入如下代码:aclass=duokan-footnotehref=#df-1imgsrc=../Images/note.png//aStep202.富文本脚注在文章的末尾插入如下代码:olclass=duokan-footnote-contentliclass=“duokan-footnote-item”id=“df-1”p我是李白,我是李白……/p/li/olStep302.富文本脚注看一下效果付甫小生我懂个2014.5Sigil制作交互图付甫小生交互图付甫小生我懂个03.交互图拿论坛里的一个网页内容做例子03.交互图新建一个Sigil文档,将网页文字内容复制进去,并将文章中的图片保存,命名为001。Step103.交互图将刚刚保存的001图片导入Images文件里。Step203.交互图切换到代码试图模式下,在需要插入图片的位置输入以下代码:divclass=duokan-image-singleimgsrc=../Images/tree.pngalt=/pclass=duokan-image-maintitle主标题:大自然/ppclass=duokan-image-subtitle副标题:森林中的树/p/divStep3效果图左边的图片下面有该图片的主标题和副标题(这两个可以选择不显示,代码去掉即可)右边的图片即为图片响应点击放大的效果,同样会在屏幕下方显示该图片的主标题和副标题,文字大小有区别。付甫小生我懂个2014.4

1 / 22
下载文档,编辑使用

©2015-2020 m.777doc.com 三七文档.

备案号:鲁ICP备2024069028号-1 客服联系 QQ:2149211541

×
保存成功