网站模板制作教程

《网站模板制作教程》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、网站模板制作教程(傻瓜版)　本教程为初级(傻瓜式)教程，对于初学者来说比较适用，我们正在制作适用于中高级用户的说明文档。------------------------------------------------------------------为了满足广大论坛会员的要求,我站组织人员编写了此教程,方便会员根据自己的爱好制作模板。如果有不足之处敬请原谅,如果你有好的建议,希望你能联系我们。注意：制作模板时请把您网站的顶部图片制作成PNG格式，并命名为：top_cn.png、top_big.png和top_en.png（这三个文件分别对

2、应着简、繁、英三个版本）。我们做为例子的模板名称为：1086，大家可以参考当中的源码并结合我们的教程一直看。网站模板主要有三大部分组成：１、网站头部（top）2、网站身体（left和index）3、网站底部（foot）根据我站制作摸板的基本流程对网站的三大部分作如下讲解：在开始前我先做一些声明，因为本站用到的一些文件名是固定的，所以您在制作模板是应严格按照我站的命名，否则会对您的使用带来不便。一、TOP的制作１、新建一个文档如图此主题相关图片如下：２、当进入后我们要删除一些代码，只保留第５句代码（）３、把您所要用到的所有图片保存到同一个文件

3、夹中命名为images４、排版几行几列可根据自己的爱好进行，表格宽度建议定为776px（适合800X600访问）.并进行保存，文件名为top_cn.asp这里以这个模板为例：此主题相关图片如下：５、在代码区键入如下代码：此主题相关图片如下：６、加入网站标志，在代码区键入位置放在的上面，如图此主题相关图片如下：这时当你点击设计区你会发现一些ASP联接已经自动生成，如图此主题相关图片如下：７、进行简体，繁体及英语三个版本的联接    简体language.asp?lan=cn&info=web    繁体language.asp?lan=big

4、&info=web    英语language.asp?lan=en&info=web如图此主题相关图片如下：如果需要时间显示您也可以根据您的排版进行时间设置,代码为8、键入简体首页菜单代码如图此主题相关图片如下：到这步为止ＴＯＰ就算完成了，你这是可以检查一下是否有遗漏的地方。此主题相关图片如下：-------------------------------------------------------------------------------------------------------------------------下面我

5、们开始制作LEFT再开始前我相信大家心里已经有了明确的排版.在这里我就讲一下数据库调用的一些代码.１、会员登陆框如图您可以看到8，18，25行处的代码此主题相关图片如下：２、最新动态框如图39、41、53、55处的代码此主题相关图片如下：３、友情链接框    如图78、83处的代码到这步为止LEFT制作完成了让我们看一下设计区的现在的样子是怎样的如图此主题相关图片如下：到这步为止LEFT制作完成了让我们看一下设计区的现在的样子是怎样的如图此主题相关图片如下：大家一定注意到了，现在Left_cn.asp的排版好像有问题，不过大家不必担心因为我

6、们的表格宽度设置为：100%所以将其插入到主页面后，他的大小会根据您主页面的表格宽度做相应调整。-------------------------------------------------------------------------------------------------------------------------好了下面我们来做INDEX在Index里包括了Foot。排版和上面一样可根据您自己的喜欢做，但有些代码我们是规定的。下面让我们抓紧时间时间开始吧！1、2、3、4、5、6、如图代码区此主题相关图片如下：此主题相

7、关图片如下：以上是Index的所有代码，再看一下设计区如图此主题相关图片如下：好了到这步为止摸板的三大块基本完成了，但我们下边要预览一下如图此主题相关图片如下：---------------------------------------------------------------------------------------------基本上没问题了，下面我们要进行比较烦琐的操作你做好准备了吗？１、把刚才做好的top打开，并另存为top_big.asp２、把所有的_cn替换成_big３、把Jsitename替换成Fsitename４

8、、把top_big.asp另存为top_en.asp５、把所有的_big替换成_en６、把Fsitename替换成Esitename聪明的朋友已经能够猜到因为我们要做简、繁、英三