软景模板制作教程
由于软景较为简单，所以先介绍软景，HP以后有时间在说。好了，闲话少说
注意：无论是软景还是HP，都要用到一些HTML代码。所以一定要懂一些最常见的HTML代码。如<table></table>表格等
一，准备。
1.图片。
图片与模板的精美有很大关系！至于怎么制作精美的图片看个人的ps水平。ps水平不好的人可以去各大BLOG，游戏上去取材。在这里推荐《电子书美工教程》52的坐看云起大侠讲的，本版上有。只是上面切片的部分建议是用PS的切片工具，然后用文件菜单下的"存储为WEB格式"，软件会自动切割图片。图片切好后，记得使用画图程序打开图片 再另存为，这样，图片体积会减小很多。最好切为三部分，以减少表格的复杂性。
2.软景模板的参数。这里只说必需的。看不懂请看软件的帮助文件。
[PART1] 将被替换为章节的名称
[PART0] 显示具体的章节内容.
链接标签
文字链接
[GOPREV]：上一页链接 代码格式：<a href="[PREVPAGE]">上一页</a>
[GONEXT]：下一页链接 <a href="[NEXTPAGE]">下一页</a>
[GOINDEX]：到索引页链接 <a href="[INDEXPAGE]">目录页</a>
图形链接：
[INDEXPAGE]
<a href="[INDEXPAGE]" title="目录页"><img src="contents.gif" border=0 align="absmiddle"></a> [PREVPAGE]
<a href="[PREVPAGE]" title="上一页"><img src="previous.gif" border=0 align="absmiddle"></a>
[NEXTPAGE]
<a href="[NEXTPAGE]" title="下一页"><img src="next.gif" border=0 align="absmiddle"></a>
二.模板的正式制作。
指针变量是一种特殊的变量
1.制作前需要考虑的问题。

A 分辨率，推荐在1024 * 768 下制作。毕竟现在800 * 600 的没人用了

B 是否自适应屏幕：其实还是与分辨率有关。自适应屏幕的模板的图片要求有点特殊，图片平铺时的连续性好。这里
我不做适应屏幕的模板。而用具体的像素值固定宽度。

2.制作过程

建个文件夹A ,再建一个子文件夹images，存放图片用的
以DW为例制作
打开DW，新建一个网页，然后保存在文件夹A中
[upload=1]
添加浮动导航图片链接
1、在<body>标签中加入以下代码:
  onload="setVariables();checkLocation()"
2、在<body></body>区中加入以下代码，值得注意的是导航图片可以到DW的设计页面中替换:
<script language="JavaScript">
function setVariables() {
if (navigator.appName == "Netscape") {
v=".top=";
dS="document.";
sD="";
y="window.pageYOffset";
}
正则匹配身份证号码else {
v=".pixelTop=";
dS="";
sD=".style";
y="document.body.scrollTop";
}
}
function checkLocation() {
object="object1";
yy=eval(y);
dw怎么制作网页eval(dS+object+sD+v+yy);
setTimeout("checkLocation()",10);
}
</script> <div id="object1"
><table border="0"
cellPadding="0" cellSpacing="10" width="68">
<TBODY>
<tr>
<td width="68"><a href="[PREVPAGE]">
<img border="0" src="up.gif"></a></td>
</tr>
<tr>
<td width="68"><a href="[INDEXPAGE]">
<img border="0" src="context.gif"></a></td>
</tr>
<tr>
<td width="68"><a href="[NEXTPAGE]">
<img border="0" src="next.gif"></a></td>
</tr>
</TBODY>
</table>
</div>
模板基本完工之后,并且测试后没有什么大的问题之后.最好将网页减肥(可做可不做,看个人喜好)
其中一个最重要的就是将<style></style>中代码剪切出来,粘贴到一个新建*.CSS文件中注意只剪切标签队中的内容，而不要标签对本身。将样式表文件保存在模板文件夹下
最后在网页
<head></head>标签对中插入
<link href="*.css" rel="stylesheet" />进行调用
2008-12-14 09:25电子书模板的制作对于高手来说不算什么。但对于新手来说，会有一定的困难。我制作模板也有一段时间了，现在我把制作的详细过程写出来，希望高手不要见笑，由于软景较为简单，所以先介绍软景，HP以后有时间在说。好了，闲话少说

注意：无论是软景还是HP，都要用到一些HTML代码。所以一定要懂一些最常见的HTML代码。如<table></table>表格等



一，准备。
1.图片。
图片与模板的精美有很大关系！至于怎么制作精美的图片看个人的ps水平。ps水平不好的
人可以去各大BLOG，游戏上去取材。在这里推荐《电子书美工教程》52的坐看云起大侠讲的，本版上有。只是上面切片的部分建议是用PS的切片工具，然后用文件菜单下的"存储为WEB格式"，软件会自动切割图片。图片切好后，记得使用画图程序打开图片 再另存为，这样，图片体积会减小很多。最好切为三部分，以减少表格的复杂性。

2.软景模板的参数。这里只说必需的。看不懂请看软件的帮助文件。

[PART1] 将被替换为章节的名称

[PART0] 显示具体的章节内容.
链接标签
文字链接
[GOPREV]：上一页链接 代码格式：<a href="[PREVPAGE]">上一页</a>
[GONEXT]：下一页链接 <a href="[NEXTPAGE]">下一页</a>
[GOINDEX]：到索引页链接 <a href="[INDEXPAGE]">目录页</a>
图形链接：
[INDEXPAGE]
<a href="[INDEXPAGE]" title="目录页"><img src="contents.gif" border=0 align="absmiddle"></a> [PREVPAGE]
<a href="[PREVPAGE]" title="上一页"><img src="previous.gif" border=0 align="absmiddle"></a>
[NEXTPAGE]
<a href="[NEXTPAGE]" title="下一页"><img src="next.gif" border=0 align="absmiddle"></a>

二.模板的正式制作。
1.制作前需要考虑的问题。
A 分辨率，推荐在1024 * 768 下制作。毕竟现在800 * 600 的没人用了

B 是否自适应屏幕：其实还是与分辨率有关。自适应屏幕的模板的图片要求有点特殊，图
片平铺时的连续性好。这里
我不做适应屏幕的模板。而用具体的像素值固定宽度。
2.制作过程
建个文件夹A ,再建一个子文件夹images，存放图片用的
以DW为例制作
打开DW，新建一个网页，然后保存在文件夹A中
[upload=1]



添加浮动导航图片链接
1、在<body>标签中加入以下代码:
  onload="setVariables();checkLocation()"

2、在<body></body>区中加入以下代码，值得注意的是导航图片可以到DW的设计页面中
替换:

<script language="JavaScript">
mt4平台模板>js读取excel表格数据function setVariables() {
if (navigator.appName == "Netscape") {
v=".top=";
dS="document.";
sD="";
y="window.pageYOffset"; linux安装网卡驱动
}
else {
v=".pixelTop=";
dS="";
sD=".style";
y="document.body.scrollTop";
}
}
function checkLocation() {
object="object1";
yy=eval(y);
eval(dS+object+sD+v+yy);
setTimeout("checkLocation()",10);
}
</script> <div
><table border="0"
cellPadding="0" cellSpacing="10" width="68">
<TBODY>
<tr>
<td width="68"><a href="[PREVPAGE]">
<img border="0" src="up.gif"></a></td>
</tr>
<tr>
<td width="68"><a href="[INDEXPAGE]">
<img border="0" src="context.gif"></a></td>
</tr>
<tr>
<td width="68"><a href="[NEXTPAGE]">
<img border="0" src="next.gif"></a></td>
</tr>
</TBODY>
</table>
</div>





模板基本完工之后,并且测试后没有什么大的问题之后.最好将网页减肥(可做可不做,看个人喜好)
其中一个最重要的就是将<style></style>中代码剪切出来,粘贴到一个新建*.CSS文件中注意只剪切标签队中的内容，而不要标签对本身。将样式表文件保存在模板文件夹下
最后在网页
<head></head>标签对中插入

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。