简单教你认识和制作模板

buyanbuyu · 发表于 2011-8-29 11:33

首先说明我不是行家发表的只是网上搜集的大家参考参考

模板一共需要4个主文件，最好把主文件都放置于index目录。

例如： XXX ( 模版名文件夹) \ index （模板主文件夹）\

index.htm    索引目录文件（必须）
chapter.htm  每一章的模板文件（必须）
volume.htm 分卷阅读模板文件（可有可无）
readall.htm 全文阅读文件（可有可无）

模板中参数说明：

{标题}

　　每个主文件必需，放置于模板顶部（<head>与</head> 之间或  <body> 之后）即可，包含修改title和调用必需的js

{内容}

　　每个主文件必需，js主程序，index,volume,readall的内容需位于table之间，chapter中可直接替代[PART0]的位置 (<body>与</body>之间

{章节}

　　Volume和Readall必需，连续调用章节，可直接替代[PART0]

{链接}

目录页与上下翻页

{作者}，{书名}，{版权}

　　这些就是主程序中设置的信息。

Index中的{内容}包含两个Class类，可以在CSS文件或在模板顶部style中定义，可参照内置模板。

内置有两个云中孤雁的模板，是从软景的模板修改而来，可以参照。

下面以简单模版为例

原码          （index.htm与chapter.htm内容一样的，生成的内容不一样）
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=gb2312'>

<link href='main.css' rel='stylesheet' type='text/css'>
导入外部样式

</head>
<body>

{标题}
标题栏（也可以在<head></head>之间）

<center>

<p><big><big><strong>{书名}</strong></big></big></p>
不解释了

<p><small>{作者}</small></p>
不解释了

<table width="75%">
  <tr>

<td width="50%">制作:{制作}</td>
电子书作者。可以是固定内容，把 {制作} 改成自己的 ID 网名等。如  制作：雅趣轩

<td width="50%"><p align="right">{链接}</td>
目录页与上下翻页,有顶、底二个就行了。

  </tr>
</table>
<table width="75%">
  <tr>
<td>

{内容}
电子书正文（在 index.htm 中是目录）

</td>
  </tr>
</table>
<table width="75%">
  <tr>

<td width="100%"><p align="center">{版权}</td>

同制作。在 index.htm 中直接写成“免责声明”。如：本书资料均收集于网络版权归作者及出版商所有  。在 chapter.htm 中就随意吧。

  </tr>
</table>
</center>
</body>
</html>
以上是最简单的模版，向大伙说明模版的组成。剩下的就是美化网页，自已做、抄袭都行。只要把几个参数插入到网页中合适的地方就行了。
建议第一次做模版的朋友先恶补一下 HTML 语言和 CSS 。
JS 太难了，也容易和 HP 的 JS 发生冲突。

只看该作者 · 发表于 2011-9-14 07:40

悲剧啦，啥也不懂……

风月帝君 · 发表于 2011-10-1 15:28

太高深了,看不明白,主要是代码看不懂,

只看该作者 · 发表于 2012-9-6 12:52

目录文件夹宽度，阅读页宽度，都会调整了，列数也会调整了，就是个别模板做成的CHM电子书拒绝复制，找到代码，可惜看不懂，修改不了，求高手指点……

只看该作者 · 发表于 2012-9-13 13:21

太高深了，有机会再来学吧

只看该作者 · 发表于 2012-10-9 17:12

都是高手！我等还要慢慢揣摩

帐号		自动登录	找回密码
密码			立即注册

[模板] 简单教你认识和制作模板

回 6楼(冰冰盈蓝) 的帖子

玄铁会员