心比天高设计网说明文档.doc

《心比天高设计网说明文档.doc》由会员分享，可在线阅读，更多相关《心比天高设计网说明文档.doc（8页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、网站中文名称：心比天高设计网 英文名称：XDESIGN 制作单位：熔岩工作室（LAVASTUDIO）成员：徐华清、刘婷、沈瑜心比天高设计网说明文档本说明文档分为：创意过程、制作细节说明、核心源代码注释、测试过程、技术支持与感谢一 创意过程创作这个网站，主要缘于小时侯我奶奶经常对我说的一句话，她说我是“心比天高”，因为小时侯我总是很喜欢幻想（其实现在也一样:）。一直以来我都思考着这句话，思考着这究竟是一种劝告呢，还是一种勉励。这种想法一直存在着，直到有机会能够设计一个我自己的网站，因此我决定用这句话作为我网站的名称。这是我参赛的第一步。再后来报名参赛了。大家都知道我们是99级的，已经大三了，这学

2、期课程又比较紧。这次大赛就恰逢我们的四场考试，所以网页还没有我想象中的那么完善。直到5月18日，考试结束之后我们的项目才得以正式启动。刚开始时我们也很盲目，脑中有的只是一个泛泛的东西，很抽象，真正落实到手中去实现还比较困难。我当时想就从网站的LOGO开始吧，因为我一直都有随手涂鸦的癖好，时不时画出几个图形，图标之类的，这也成为我设计的灵感。设计LOGO之前，首先我想到的是网站要有一个好的英文名。开始时我用的是xdesign。后来感觉表现力不强，于是把中间的“in”去掉了，变成了“Xdesign”，并将其中的“X”放大来突出中心。二制作细节说明： 采用的软件：Dreamweaver 4.0、Fi

3、reworks4.0、Flash 5.0 &Dreamweaver ultraDev4.0,其他辅助工具有EmEditor、飓风简繁通等。 网站结构：网站分为简体中文和繁体中文两个版本（因为时间所限，去掉了English版）。根目录下有big5、gb、images文件夹以及index.htm首页文件及说明文件。其中images为共享图片文件夹，而big5、gb分别为繁体中文和简体中文文件夹。 这样做的好处有：1。图片大小一般占整个容量的5060，因此共享图片文件可以显著节省磁盘空间；2。随着网站内容的增加，管理整个网站的链接成为头等大事，因此我将gb和big5以单独文件夹分别进行管理，这样可以

4、显著提高工作效率 ，网站的稳定性与可维护性。 具体结构如下图：index.htm为网站的首页，进入big5或gb版的门户。主色调为橙黄（背景色）、黑色、灰色（标志，字符）。页面中间为本站的名称&标志 Xdesign.取“心比天高”之“心”的声母“X”与“设计”的英文“design”组合而成。将X放大以突出“心比天高”并增加整个页面的可视性。正中十字交叉的直尺状线条起辅助视线作用，另外强调“设计”本身的精确性。灰黑色的曲线色块丰富了视觉空间，加强了整个页面的和谐与美观。 中间的水波特效采用的是国外网友Fabio Ciucci ()编译的Java Applet组件，虽然会对网页的引导产生延迟，但在

5、征询大量同学的意见后决定保留。 index.html为备用文件，去掉了水波特效，另Anwater.class ,Anwater11.jar为JavaApplet组件。 主页文件为new.htm。上方为标志与导航栏，大小为760*148，采用Fireworks制作并切片导出。中间导航栏利用SwapImage Behavior实现动态效果，右边为工作室标志与名称，网站的版本说明。（ 在Fireworks中切片导出的主页框架文件） 左下方为主要内容区。在Fireworks中切片导出后在Dreamweaver4.0中修改，边框采用背景图片填充，以实现边框随内容的大小自由伸缩。主内容区的上方为放大的导航

6、标志、路径说明 以及本站Flash广告条。 右下方为新闻，推荐栏与辅助导航条 。新闻栏采用Javascript，利于排版更新。辅助导航条为本站贴心服务栏，有站长精心收集的教程，综合搜索引擎以及本站相关下载等，当然少不了回到首页的链接特别提出的是（搜索引擎栏），这是站长有感于目前商业网站广告多，登陆难的问题而花费很大功夫做的，希望能真正方便广大网友。 辅助导航栏的下方为本站链接logo与版权声明。 在整个网站的设计过程中，还有一项贴心的设计：无论你在哪个页面，双击鼠标即可实现页面的滚动，单击停止。 各栏目主文件说明：new.htm 主页文件，各栏目简介与最新内容。（页面中通过改变背景颜色实现闪动

7、效果） cool.htm 酷站欣赏（国外）主文件coolgb*.htm 酷站欣赏（国内）show.htm 作品展示about.htm 有关网站，作者lesson.htm 教程主文件search.htm 搜索引擎主文件down.htm 下载页gbook/default.asp 留言本页面文件其他： 1。为使网站风格统一，视觉更舒适，网站字体大小，颜色与输入框全面采用了CSS（层叠样式表）技术。（经过CSS技术处理过的输入框与按钮） 2。Cool、Lesson等栏加强的“上一页、下一页”功能。只需用鼠标单击即可实现“上一页”或单击实现“下一页”功能，无需频繁切换到栏目主页面。其他单页面的作扩充、升

8、级之用。3。“复活节彩蛋”：先进入About页，然后点击Email页，你会发现好东东。（之所以没有直接公开，是考虑到稳定性与安全性问题）4因为时间的缘故，本站的填充内容不能完全出于原创。故有一部分文章是从网上摘录下来的，另一部分为站长原创。对于引用的文章和作品，我们一般会注明处出，我们强烈支持全世界信息共享，但也强烈反对信息侵略。三留言本核心代码标注与说明： 本网站采用的留言本一半代码来自网上然后经站长修改而成，秉着信息共享的原则，以后Down页将提供源代码的下载。 下面为核心代码标注：Default.asp文件：%dim rs,sql 声明rs、sql变量set rs=Server.Crea

9、teObject(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.writeno record 输出无记录的信息response.endEnd Ifdim totalpage 定义总共页面TOTALPAGE变量if (rs.recordcount mod 5)Conn.asp文件：Save.asp文件：%if not isnumeric(re

10、quest.form(oicq) and len(request.form(oicq)0 Then 留言有效的判断 如果oicq号不为数字且长度不为0，则无效response.writeresponse.endend ifif len(request.form(contents)500 Then 如果留言长度大于500字节也无效response.writeresponse.endend if%dim rs,sql 定义rs、sql变量set rs=Server.CreateObject(Adodb.Recordset) 创建Recordset对象sql=select * from data w

11、here (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,)rs(sex)=request.form(sex)rs(ip)=request.Serve

12、rVariables(REMOTE_ADDR) 获取远程客户机的IP地址rs(dt)=now()rs.update 记录更新rs.close 关闭记录set rs=nothingconn.closeset conn=nothingresponse.redirectdefault.asp 添加记录完毕，重定向到default.asp页%login.asp文件：manage.asp文件：%dim rs,sql 定义rs,sql变量set rs=Server.CreateObject(Adodb.Recordset) 创建Recordset对象sql=select top 20 * from dat

13、a order by id desc 查询最新的20条记录rs.open sql,conn,1,1 打开记录If rs.eof Then 如果记录指针在末尾response.writeno record 显示无记录response.endEnd If（其他详细标注见源文件）四测试过程： 网站先后在电子阅览室、9楼机房、13楼机房以及外面的网吧进行过比较完整的测试。测试的机器配置有win98、win2000，奔到奔，15寸、十七寸显示器。确证比较稳定可靠。可能存在的问题有：在电子阅览室进入SHOW页时有时出现表格变花，刷新之后问题消失，但在其他机器上没有出现过，不知是不是病毒的原因。五其他技术支持与感谢：网站DOWN页提供在线说明文档的链接、chm格式打包的说明文档下载以及本WORD格式下载。ABOUT页提供了站长的QQ号、ICQ号以及Email地址。本网站的顺利完成与大家的支持是分不开的。感谢学院，大学生科技节组委会，计算机科技协会为本次大赛所做的诸多工作，同时也感谢默默支持我们的老师和同学！ 熔岩工作室 2002年5月27日