网站模板制作教程.docVIP

网 站 模 板 制 作 教 程 为了满足广大论坛会员的要求,我站组织人员编写了此教程,方便会员根据自己的爱好制作模板。如果有不足之处敬请原谅,如果你有好的建议,希望你能联系我们。 网站模板主要有三大部分组成。１、网站头部（top） 2\网站身体（left和index） 3\网站底部（foot）。根据我站制作摸板的基本流程对网站的三大部分作如下讲解： 　　　　　在开始前我先做一些声明，因为本站用到的一些文件名是固定的，所以您在制作模板是应严格按照我站的命名，否则会对您的使用带来不便。 TOP的制作 新建一个文档如图　 当进入后我们要删除一些代码，只保留第５句代码 （meta http-equiv=Content-Type content=text/html; charset=gb2312） 这些代码及每个文件的功用会在后面作介绍，在这里先不讲 把您所要用到的所有图片保存到同一个文件夹中命名为images 排版几行几列可根据自己的爱好进行，但表格宽度定为776px.并 进行保存，文件名为top_cn.asp 这里以这个模板为例 　　　 ５、在代码区键入一些代码， !--#include file=conn.asp -- !--#include file=ad.asp-- title%=Jsitename%/title script src=count/count.asp?view=adminfy=2/script %=Script% ６、加入网站标志，在代码区键入!--#include file=more_top_logo.asp-- 　　位置放在IMG src=images/top_cn.png的上面如图 　　这时当你点击设计区你会发现一些ASP联接已经自动生成 如图 ７、进行简体，繁体及英语三个版本的联接 简体 language.asp?lan=cninfo=web 繁体 language.asp?lan=biginfo=web 英语 language.asp?lan=eninfo=web 如图 如果需要时间显示您也可以根据您的排版进行时间设置,代码为 !--#include file=time_cn.asp-- 8键入简体首页代码 !--#include file=more_top_menu_cn.asp-- 如图 到这步为止ＴＯＰ就算完成了，你这是可以检查一下是否有遗漏的地方。 下面我们开始制作LEFT 再开始前我相信大家心里已经有了明确的排版.在这里我就讲一下数据库调用的一些代码. 会员登陆框 !--#include file=more_left_sidejmemo1_cn.asp-- !--#include file=Member_cn.asp-- !--#include file=more_left_sidejmemo2_cn.asp-- 如图 您可以看到8，18，25行处的代码 最新动态框 !--#include file=News_cn.asp -- !--#include file=more_left_sidejmemo3_cn.asp-- %If Votehidden=1 then%script src=showvote.asp/script%End If% !--#include file=more_left_sidejmemo4_cn.asp-- 如图 39、41、53、55处的代码 友情链接框 !--#include file=FriendLink_cn.asp -- !--#include file=more_left_sidejmemo5_cn.asp-- 如图 78、83处的代码 到这步为止 LEFT制作完成了 让我们看一下设计区的现在的样子是怎样的 如图 好了下面我们来做INDEX 在Index里包括了Foot,好下面我们开始，和上面一样排版可根据您 自己的喜欢做，但有些代码我们是规定的，这点会在后面我会讲到。 下面让我们抓紧时间时间开始吧！ 1、!--#include file=top_cn.asp -- 2、!--#include file=css/style.css -- 3、!--#include file=left_cn.asp -- 4、!--#include file=Content_CnIndex.asp -- 5、!--#include file=foot_cn.asp -- 如图代码区 以上是Index的所有代码，再看一下设计区的 如图 好了到这步为止摸板的三大块基本完成了，但我们下边要进行 预览一下如图 基本上没问题了，下面我们