网站模板制作培训教程.doc

网 站 模 板 制 作 教 程为了满足广大论坛会员的要求,我站组织人员编写了此教程,方便会员根据自己的爱好制作模板。如果有不足之处敬请原谅,如果你有好的建议,希望你能联系我们。网站模板主要有三大部分组成。、网站头部（top） 2网站身体（left和index） 3网站底部（foot）。根据我站制作摸板的基本流程对网站的三大部分作如下讲解：在开始前我先做一些声明，因为本站用到的一些文件名是固定的，所以您在制作模板是应严格按照我站的命名，否则会对您的使用带来不便。一、 TOP的制作、 新建一个文档如图、 当进入后我们要删除一些代码，只保留第句代码（）这些代码及每个文件的功用会在后面作介绍，在这里先不讲、 把您所要用到的所有图片保存到同一个文件夹中命名为images、 排版几行几列可根据自己的爱好进行，但表格宽度定为776px.并进行保存，文件名为top_cn.asp 这里以这个模板为例、在代码区键入一些代码，、加入网站标志，在代码区键入位置放在的上面如图这时当你点击设计区你会发现一些ASP联接已经自动生成如图、进行简体，繁体及英语三个版本的联接 简体 language.asp?lan=cn&info=web 繁体 language.asp?lan=big&info=web 英语 language.asp?lan=en&info=web如图如果需要时间显示您也可以根据您的排版进行时间设置,代码为8键入简体首页代码 如图到这步为止就算完成了，你这是可以检查一下是否有遗漏的地方。下面我们开始制作LEFT再开始前我相信大家心里已经有了明确的排版.在这里我就讲一下数据库调用的一些代码.、 会员登陆框如图 您可以看到8，18，25行处的代码、 最新动态框如图 39、41、53、55处的代码、 友情链接框 如图 78、83处的代码到这步为止 LEFT制作完成了让我们看一下设计区的现在的样子是怎样的如图好了下面我们来做INDEX在Index里包括了Foot,好下面我们开始，和上面一样排版可根据您自己的喜欢做，但有些代码我们是规定的，这点会在后面我会讲到。下面让我们抓紧时间时间开始吧！1、2、3、4、5、如图代码区以上是Index的所有代码，再看一下设计区的如图好了到这步为止摸板的三大块基本完成了，但我们下边要进行预览一下如图基本上没问题了，下面我们要进行比较烦琐的操作你做好准备了吗？、 把刚才做好的top打开，并另存为top_big.asp、 把所有的_cn替换成_big、 把Jsitename替换成Fsitename、 把top_big.asp另存为top_en.asp、 把所有的_big替换成_en、 把Fsitename替换成Esitename聪明的朋友已经能够猜到因为我们要做简、繁、英三个版本。好了top到这里就做完了。接下来我们来做Left 步骤和上面差不多、 把left_cn.asp另存为left_big.asp、 把_cn全部替换成_big、 把sidejmemo全部替换成sidefmemo、 把left_big.asp另存为left_en.asp、 把_big全部替换成_en、 把sidefmemo全部替换成sideememo这样Left做完了接着我们做Index、 把index_cn.asp另存为index_big.asp、 把_cn 替换成_big、 把index_big.asp另存为index_en.asp、 把_big替换成_en是不是挺简单，呵呵！别高兴的太早了，接下来可就繁了。1、把index_cn.asp打开另存为Download_cn.asp2、把替换成、 把Download_cn.asp另存为Form_cn.asp、 把替换成、 把Form_cn.asp另存为login_cn.asp、 把替换成 、 把login_cn.asp另存为Order_cn.asp、 把替换成!-#include file=more_Order_cn.asp到这里为止我想大家和我一样看出规律了吧！好那下面我就不在多说了，我就把另外的几个文件名告诉大家，按照上面的方法继续往下做就行了。Pic_cn.asp reg_cn.asp Show_FriendLink_cn.aspShow_Pic_cn.asp Show_Text_cn.aspsingle_cn.asp Text_cn.asp以上是cn版本，繁体、英语做起来和前面的一样只是把cn换成big和en就行了。 好了下面我们要进行最后的收尾工作了（：完成上面所有工作后在我们的文件夹中有42个文件，看一下您有没有少做啊！接下来我们要把三个top_cn.png top_big.png top_en.png图片放入source_img文件夹中现在在您的文件夹中应该有两个