软景模板制作教程.docxVIP

软景模板制作教程 由于软景较为简单，所以先介绍软景，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); eval(dS+object+sD+v+yy); setTimeout(checkLocation(),10); } /script div id=object1 style=right:0; position: absolute; top: 194; z-index: 5; width: 81; height: 293table border=0 cellPadding=0 cellSpacing=10 width=68 TBODY tr td width=68a href=[PREVPAGE] img border=0 src=up.gif/a/td /tr tr td width=68a href=[INDEXPAGE] img border=0 src=context.gif/a/td /tr tr td width=68a href=[NEXTPAGE] img border=0 src=next.gif/a/td /tr /TBODY /table /div 模板基本完工之后,并且测试后没有什么大的问题之后.最好将网页减肥(可做可不做,看个人喜好) 其中一个最重要的就是将style/style中代码剪切出来,粘贴到一个新建*.CSS文件中注意只剪切标签队中的内容，而不要标签对本身。将样式表文件保