心比天高设计网说明文档.doc
网站中文名称：心比天高设计网 英文名称：XDESIGN 制作单位：熔岩工作室（LAVASTUDIO）成员：徐华清、刘婷、沈瑜心比天高设计网说明文档本说明文档分为：创意过程、制作细节说明、核心源代码注释、测试过程、技术支持与感谢一 创意过程创作这个网站，主要缘于小时侯我奶奶经常对我说的一句话，她说我是“心比天高”，因为小时侯我总是很喜欢幻想（其实现在也一样:）。一直以来我都思考着这句话，思考着这究竟是一种劝告呢，还是一种勉励。这种想法一直存在着，直到有机会能够设计一个我自己的网站，因此我决定用这句话作为我网站的名称。这是我参赛的第一步。再后来报名参赛了。大家都知道我们是99级的，已经大三了，这学期课程又比较紧。这次大赛就恰逢我们的四场考试，所以网页还没有我想象中的那么完善。直到5月18日，考试结束之后我们的项目才得以正式启动。刚开始时我们也很盲目，脑中有的只是一个泛泛的东西，很抽象，真正落实到手中去实现还比较困难。我当时想就从网站的LOGO开始吧，因为我一直都有随手涂鸦的癖好，时不时画出几个图形，图标之类的，这也成为我设计的灵感。设计LOGO之前，首先我想到的是网站要有一个好的英文名。开始时我用的是xdesign。后来感觉表现力不强，于是把中间的“in”去掉了，变成了“Xdesign”，并将其中的“X”放大来突出中心。二制作细节说明： 采用的软件：Dreamweaver 4.0、Fireworks4.0、Flash 5.0 &Dreamweaver ultraDev4.0,其他辅助工具有EmEditor、飓风简繁通等。 网站结构：网站分为简体中文和繁体中文两个版本（因为时间所限，去掉了English版）。根目录下有big5、gb、images文件夹以及index.htm首页文件及说明文件。其中images为共享图片文件夹，而big5、gb分别为繁体中文和简体中文文件夹。 这样做的好处有：1。图片大小一般占整个容量的5060，因此共享图片文件可以显著节省磁盘空间；2。随着网站内容的增加，管理整个网站的链接成为头等大事，因此我将gb和big5以单独文件夹分别进行管理，这样可以显著提高工作效率 ，网站的稳定性与可维护性。 具体结构如下图：index.htm为网站的首页，进入big5或gb版的门户。主色调为橙黄（背景色）、黑色、灰色（标志，字符）。页面中间为本站的名称&标志 Xdesign.取“心比天高”之“心”的声母“X”与“设计”的英文“design”组合而成。将X放大以突出“心比天高”并增加整个页面的可视性。正中十字交叉的直尺状线条起辅助视线作用，另外强调“设计”本身的精确性。灰黑色的曲线色块丰富了视觉空间，加强了整个页面的和谐与美观。 中间的水波特效采用的是国外网友Fabio Ciucci ()编译的Java Applet组件，虽然会对网页的引导产生延迟，但在征询大量同学的意见后决定保留。 index.html为备用文件，去掉了水波特效，另Anwater.class ,Anwater11.jar为JavaApplet组件。 主页文件为new.htm。上方为标志与导航栏，大小为760*148，采用Fireworks制作并切片导出。中间导航栏利用SwapImage Behavior实现动态效果，右边为工作室标志与名称，网站的版本说明。（ 在Fireworks中切片导出的主页框架文件） 左下方为主要内容区。在Fireworks中切片导出后在Dreamweaver4.0中修改，边框采用背景图片填充，以实现边框随内容的大小自由伸缩。主内容区的上方为放大的导航标志、路径说明 以及本站Flash广告条。 右下方为新闻，推荐栏与辅助导航条 。新闻栏采用Javascript，利于排版更新。辅助导航条为本站贴心服务栏，有站长精心收集的教程，综合搜索引擎以及本站相关下载等，当然少不了回到首页的链接特别提出的是（搜索引擎栏），这是站长有感于目前商业网站广告多，登陆难的问题而花费很大功夫做的，希望能真正方便广大网友。 辅助导航栏的下方为本站链接logo与版权声明。 在整个网站的设计过程中，还有一项贴心的设计：无论你在哪个页面，双击鼠标即可实现页面的滚动，单击停止。 各栏目主文件说明：new.htm 主页文件，各栏目简介与最新内容。（页面中通过改变背景颜色实现闪动效果） cool.htm 酷站欣赏（国外）主文件coolgb*.htm 酷站欣赏（国内）show.htm 作品展示about.htm 有关网站，作者lesson.htm 教程主文件search.htm 搜索引擎主文件down.htm 下载页gbook/default.asp 留言本页面文件其他： 1。为使网站风格统一，视觉更舒适，网站字体大小，颜色与输入框全面采用了CSS（层叠样式表）技术。（经过CSS技术处理过的输入框与按钮） 2。Cool、Lesson等栏加强的“上一页、下一页”功能。只需用鼠标单击即可实现“上一页”或单击实现“下一页”功能，无需频繁切换到栏目主页面。其他单页面的作扩充、升级之用。3。“复活节彩蛋”：先进入About页，然后点击Email页，你会发现好东东。（之所以没有直接公开，是考虑到稳定性与安全性问题）4因为时间的缘故，本站的填充内容不能完全出于原创。故有一部分文章是从网上摘录下来的，另一部分为站长原创。对于引用的文章和作品，我们一般会注明处出，我们强烈支持全世界信息共享，但也强烈反对信息侵略。三留言本核心代码标注与说明： 本网站采用的留言本一半代码来自网上然后经站长修改而成，秉着信息共享的原则，以后Down页将提供源代码的下载。 下面为核心代码标注：Default.asp文件：<!-#include file="conn.asp"-><%dim rs,sql '声明rs、sql变量set rs=Server.CreateObject("Adodb.Recordset") '创建Recordset对象sql="select * from data order by id desc" '根据ID大小形成一条SQL语句rs.open sql,conn,1,1 '打开数据集并进行SQL查询If rs.eof Then '如果数据指针在末尾response.write"no record" '输出无记录的信息response.endEnd Ifdim totalpage '定义总共页面TOTALPAGE变量if (rs.recordcount mod 5)<5 then ' 如果记录小于5totalpage=round(rs.recordcount/5),0) '则总共页面为1elsetotalpage=round(rs.recordcount/5),0)+1 '否则以记录个数求余之后再加1作为总共页面数end if%>Conn.asp文件：<%dim conn,connstr '定义conn、connstr变量on error resume next '错误时恢复并继续connstr="DBQ="+server.mappath("data/data.mdb")+"DefaultDir=;DRIVER=Microsoft Access Driver (*.mdb);" '指定数据源'其中DBQ指向.mdb文件的物理路径，Server.mappath获取数据源的物理路径，'DRIVER说明使用的是MS Access数据库Set conn=Server.CreateObject("ADODB.CONNECTION") '创建Connection对象conn.open connstr '建立与数据源的连接%>Save.asp文件：<%if not isnumeric(request.form("oicq") and len(request.form("oicq")<>0 Then '留言有效的判断 '如果oicq号不为数字且长度不为0，则无效response.write""response.endend ifif len(request.form("contents")>500 Then '如果留言长度大于500字节也无效response.write""response.endend if%><!-#include file="conn.asp"-><%dim rs,sql '定义rs、sql变量set rs=Server.CreateObject("Adodb.Recordset") '创建Recordset对象sql="select * from data where (id is null)" '形成一个Sql查询语句rs.open sql,conn,1,3 '打开数据集rs.addnew '增加新纪录rs("name")=request.form("name")rs("email")=request.form("email")rs("url")=request.form("url")rs("oicq")=request.form("oicq")rs("contents")=request.form("contents")rs("contents")=replace(rs("contents"),vbcrlf,"<br>")rs("sex")=request.form("sex")rs("ip")=request.ServerVariables("REMOTE_ADDR") '获取远程客户机的IP地址rs("dt")=now()rs.update '记录更新rs.close '关闭记录set rs=nothingconn.closeset conn=nothingresponse.redirect"default.asp" '添加记录完毕，重定向到default.asp页%>login.asp文件：<%dim uid '定义帐号的变量名dim pwd '定义秘密的变量名uid=request.form("uid") '从提交的表单中获取输入的帐号pwd=request.form("pwd") '从提交的表单中获取输入的密码if uid="ilava" and pwd="" then '如果帐号密码正确response.cookies("admin")="True" '则写cookie为真response.redirect"manage.asp" '重定向到管理页面end if%>manage.asp文件：<%If request.cookies("admin")="" Then '检查cookie，如果不为admin，则重定向到default.aspResponse.redirect"default.asp"End If%><!-#include file="conn.asp"-><%dim rs,sql '定义rs,sql变量set rs=Server.CreateObject("Adodb.Recordset") '创建Recordset对象sql="select top 20 * from data order by id desc" '查询最新的20条记录rs.open sql,conn,1,1 '打开记录If rs.eof Then '如果记录指针在末尾response.write"no record" '显示无记录response.endEnd If（其他详细标注见源文件）四测试过程： 网站先后在电子阅览室、9楼机房、13楼机房以及外面的网吧进行过比较完整的测试。测试的机器配置有win98、win2000，奔到奔，15寸、十七寸显示器。确证比较稳定可靠。可能存在的问题有：在电子阅览室进入SHOW页时有时出现表格变花，刷新之后问题消失，但在其他机器上没有出现过，不知是不是病毒的原因。五其他技术支持与感谢：网站DOWN页提供在线说明文档的链接、chm格式打包的说明文档下载以及本WORD格式下载。ABOUT页提供了站长的QQ号、ICQ号以及Email地址。本网站的顺利完成与大家的支持是分不开的。感谢学院，大学生科技节组委会，计算机科技协会为本次大赛所做的诸多工作，同时也感谢默默支持我们的老师和同学！ 熔岩工作室 2002年5月27日
