网站模板制作教程

1、网 站 模 板 制 作 教 程 (傻瓜版) 本教程为初级(傻瓜式)教程，对于初学者来说比较适用，我们正在制作适用于中高级用户的说明文档。-为了满足广大论坛会员的要求,我站组织人员编写了此教程,方便会员根据自己的爱好制作模板。如果有不足之处敬请原谅,如果你有好的建议,希望你能联系我们。注意：制作模板时请把您网站的顶部图片制作成png格式，并命名为：top_cn.png、top_big.png和top_en.png（这三个文件分别对应着简、繁、英三个版本）。我们做为例子的模板名称为：1086，大家可以参考当中的源码并结合我们的教程一直看。网站模板主要有三大部分组成：、网站头部（top） 2、网站身

2、体（left和index）3、网站底部（foot）根据我站制作摸板的基本流程对网站的三大部分作如下讲解：在开始前我先做一些声明，因为本站用到的一些文件名是固定的，所以您在制作模板是应严格按照我站的命名，否则会对您的使用带来不便。一、 top的制作、 新建一个文档如图此主题相关图片如下：、 当进入后我们要删除一些代码，只保留第句代码（）、 把您所要用到的所有图片保存到同一个文件夹中命名为images、 排版几行几列可根据自己的爱好进行，表格宽度建议定为776px（适合800x600访问）.并进行保存，文件名为top_cn.asp 这里以这个模板为例：此主题相关图片如下：、在代码区键入如下代码：此

3、主题相关图片如下：、加入网站标志，在代码区键入位置放在的上面，如图此主题相关图片如下：这时当你点击设计区你会发现一些asp联接已经自动生成，如图此主题相关图片如下：、进行简体，繁体及英语三个版本的联接     简体 language.asp?lan=cn&info=web     繁体 language.asp?lan=big&info=web     英语 language.asp?lan=en&info=web如图此主题相关图片如下：如果需要时间显

4、示您也可以根据您的排版进行时间设置,代码为8、键入简体首页菜单代码 如图此主题相关图片如下：到这步为止就算完成了，你这是可以检查一下是否有遗漏的地方。此主题相关图片如下：-下面我们开始制作left再开始前我相信大家心里已经有了明确的排版.在这里我就讲一下数据库调用的一些代码.、 会员登陆框如图 您可以看到8，18，25行处的代码此主题相关图片如下：、 最新动态框如图 39、41、53、55处的代码此主题相关图片如下：、 友情链接框      如图 78、83处的代码到这步为止 left制作完成了让我们看一下设计区的现在的样子是怎样的如图此主题相关图片如下

5、：到这步为止 left制作完成了让我们看一下设计区的现在的样子是怎样的如图此主题相关图片如下：大家一定注意到了，现在left_cn.asp的排版好像有问题，不过大家不必担心因为我们的表格宽度设置为：100%所以将其插入到主页面后，他的大小会根据您主页面的表格宽度做相应调整。-好了下面我们来做index在index里包括了foot。排版和上面一样可根据您自己的喜欢做，但有些代码我们是规定的。下面让我们抓紧时间时间开始吧！1、2、3、4、5、6、如图代码区此主题相关图片如下：此主题相关图片如下：以上是index的所有代码，再看一下设计区如图此主题相关图片如下：好了到这步为止摸板的三大块基本完成了，

6、但我们下边要预览一下如图此主题相关图片如下：-基本上没问题了，下面我们要进行比较烦琐的操作你做好准备了吗？、 把刚才做好的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全部替换

7、成_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另存为f

8、orm_cn.asp、 把替换成、 把form_cn.asp另存为login_cn.asp、 把替换成           、 把login_cn.asp另存为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