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

网站中文名称：心比天高设计网　　 英文名称：XDESIGN 制作单位：熔岩工作室（LAVASTUDIO） 成员：徐华清、刘婷、沈瑜 心比天高设计网说明文档 本说明文档分为： 创意过程、制作细节说明、核心源代码注释、测试过程、技术支持与感谢 创意过程 创作这个网站，主要缘于小时侯我奶奶经常对我说的一句话，她说我是“心比天高”，因为小时侯我总是很喜欢幻想（其实现在也一样:））。　　一直以来我都思考着这句话，思考着这究竟是一种劝告呢，还是一种勉励。这种想法一直存在着，直到有机会能够设计一个我自己的网站，因此我决定用这句话作为我网站的名称。　　这是我参赛的第一步。　　再后来报名参赛了。大家都知道我们是99级的，已经大三了，这学期课程又比较紧。这次大赛就恰逢我们的四场考试，所以网页还没有我想象中的那么完善。直到5月18日，考试结束之后我们的项目才得以正式启动。　　刚开始时我们也很盲目，脑中有的只是一个泛泛的东西，很抽象，真正落实到手中去实现还比较困难。我当时想就从网站的LOGO开始吧，因为我一直都有随手涂鸦的癖好，时不时画出几个图形，图标之类的，这也成为我设计的灵感。　　设计LOGO之前，首先我想到的是网站要有一个好的英文名。开始时我用的是xdesign。后来感觉表现力不强，于是把中间的“in”去掉了，变成了“Xdesign”，并将其中的“X”放大来突出中心。　　 二．制作细节说明： 采用的软件：Dreamweaver 4.0、Fireworks4.0、Flash 5.0 &Dreamweaver ultraDev 4.0,其他辅助工具有EmEditor、飓风简繁通等。 网站结构：网站分为简体中文和繁体中文两个版本（因为时间所限，去掉了English 版）。根目录下有big5、gb、images文件夹以及index.htm首页文件及说明文件。其中im ages为共享图片文件夹，而big5、gb分别为繁体中文和简体中文文件夹。 这样做的好处有：1。图片大小一般占整个容量的50－60％，因此共享图片文件可以 显著节省磁盘空间；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 主页文件，各栏