综合网站设计

2004级计算机科学与技术本科生毕业论文 题目 ： 综合网页设计 姓名 ： 陈晓平 学号： 041120520 指导老师 : 摘要 在 互联网成为人们快速获取 、 发布和传递信息的重要渠道 ， 它在人们政治 、 经济 、 生活等各个方面发挥着重要的作用 。 获取信息也是要在 洋 ” 中按照一定的检索方式将所需要的信息从网站上下载下来 。 因此网站建设在 它已成为政府 、 企事业单位信息化建设中的重要组成部分 ， 从而倍受人们的重视 。 网页艺术设计是伴随着计算机互联网络的产生而形成的视听设计新课题 ， 是网页设计者以所处时代所能获取的技术和艺术经验为基础 ，依照设计目的和要求自觉地对网页的构成元素进行艺术规划的创造性思维活动 ，必然要成为设计艺术的重要组成部分 ， 并随着网络技术的发展而发展 。 表面上看 ，它不过是关于网页版式编排的技巧与方法 ， 而实际上 ， 它不仅是一种技能 ， 更是艺术与技术的高度统一 。 第一章 前言 是微软公司推出的一种用以取代 的技术 。 目前 ， 简单地讲 ， 通过这种环境 ， 用户可以创建和运行动态的交互式 如交互式动态网页 ， 包括使用 上传与下载等等 。 通常情况下 ，用户通过浏览器看到的网页大多是静态的 ， 目前 仍然提供 静态 （ 的主页内容 。 所谓 静态 ， 指的就是站点的主页内容是 固定不变 的 。 当浏览器通过 议 ， 向站点服务器 (求提供主页的内容时 ， 站点服务器收到要求后 ， 就传送原已设计好的静态的 一个 静态 的站点 ， 若要更新主页的内容 ， 必须手动的来更新其 而随着 用户希望能够看到根据要求而动态生成的主页 ， 例如响应用户查询数据库的要求 、 生成报表等 。 当在浏览器上填好表单 (输入数据 ， 以提供 可以在站点服务器中执行的应用程序 ， 而不只是一个 站点服务器收到要求执行的应用程序 ， 分析表单 (输入数据 ， 将执行的结果以 根据用户请求生成动态主页的传统方法有 每一个请求对应一个进程 。 当同时有很多请求时 ， 程序挤占系统资源 ， 造成效率低下； 利用 dl l（ 动态链接库 ） 技术 ， 以线程代替进程 ， 提高了性能和速度 ， 但要考虑线程的同步问题 ， 而且开发步骤烦琐 。 这两种技术和另一普遍使用的开发动态网页的技术 那就是开发困难 ， 程序的开发和 需要专门的程序员开发 。 而较简单的开发技术如 功能有限 ， 不敷使用 。 用户可以自己定义和制作组件加入其中 ， 使自己的动态网页几乎具有无限的扩充能力 ， 这是传统的 执行结果产生动态生成的 由于 开发者可以不必考虑浏览器是否支持 同时由于它在服务器端执行 ， 开发者也不必担心别人下载程序从而窃取编程逻辑 。 一个 因此必须放在 当用户从浏览器输入了 浏览器就将这个 如果 就调用 解释并执行命令 ， 动态生成一个 然后 且和 可以在同一个过程完成 ， 利用 将 这使得 通过 服务器组件 （ 可以完成非常复杂的任务 ， 而且用户还可以自己开发或利用别人开发的服务器组件完成专门的任务 。 第二章 理论知识与开发工具介绍 计思想 通过网站 ， 全面宣传 ， 展示公司风格 、优点与特色 ， 发布公司的业务和动向 ， 及一些 在 提高办事效率 。 我选择了 “动态服务器网页 ” ， 一般简称为“ 主要在于所产生的执行结果都是标准的 而且这些程序是在网络服务端中执行 ， 使用一般的浏览器 （ 如 都可以正确地获得 执行 ” 结果 ， 并且将这 浏览 ” ， 不像 的浏览器上执行 ， 若使用 客户端 （ 在浏览器中可以显示程序执行的结果 ， 可是 ， 客户端 （ 若使用 （ 1） 任何开发工具皆可发展 2） 只要使用一般的文书编辑程序 ， 如 就可以编辑 。 当然 ， 其他网页发展工具 ， 例如 ， （ 3） 语言相容性高 （ 4） 易于操控数据库 （ 5） 动程序连接各种不同的数据库 ， 例如： 另外 ， 文本文件 ” 或是 ”“ 件当成数据库用 。 对象名称功能描述： 该信息仅可被该用户访问在一个 本系统是基于 所以系统的界面设计也就是系统网页的设计 。 用户通过在页面上仅用拖曳控件的方式就可轻松创建网页 。 但若要想制作出方便实用的精美网页 ， 必须在开始之前做出详细设计 ， 这样就会大大提高网页质量 ， 进一步改善应用程序的可用性 。 设计时可以将设计的页面画在纸上 ，然后考虑哪些控件是所需要的 ， 以及不同元素的重要性 、 控件之间的联系等 。 页面的设计和规划不仅影响到它本身外观的艺术性 ， 而且对应用程序的可用性也有很重要的作用 。 组织页面的工作包括控件的位置 、 大小 、 一致性等 。这一点我们的设计师做得比较有突出的图片来表现 ! 图片的处理用到的软件是 有很多功能 。 加上 在这两个软件的组合下 ， 我在网站所做的图片和动画都是非常好的 ， 但也算不上是完美 ， 因前在做此网站之前我还没用得很熟 。 担在这次设计中 ， 让我更了解 不过也多得老师和同学的指导和帮助 。 最开始 ， 网页呈现在你面前的时候 ， 它就好像一张白纸 ， 它需要你任意挥洒你的设计才思 。 在开始的时候 ， 你需要明白 ， 虽然你能控制一切你所能控制的东西 ， 但假如你知道什么是一种约定俗成的标准或者说大多数访问者的浏览习惯 ， 那么你可以在此基础上加上自己的东西 。 你当然也可以创造出自己的设计方案 ， 但如果你是初学者 ， 那么最好明白网页布局的基本概念 。 由于页面尺寸和显示器大小及分辨率有关系 ， 网页的局限性就在于你无法突破显示器的范围 ， 而且因为浏览器也将占去不少空间 ， 留下给你的页面范围变得越来越小 。 一般分辨率在 800 页面的显示尺寸为： 780辨率在 640 页面的显示尺寸为 :620辨率在1024 页面的显示尺寸为： 1007从以上数据可以看出 ， 分辨率越高页面尺寸越大 。 浏览器的工具栏也是影响页面尺寸的原因 。 一般目前的浏览器的工具栏都可以取消或者增加 ， 那么当你显示全部的工具栏时 ， 和关闭全部工具栏时 ， 页面的尺寸是不一样的 。 在网页设计过程中 ， 向下拖动页面是惟一给网页增加更多内容 (尺寸 )的方法 。但我想提醒大家除非你能肯定站点的内容能吸引大家拖动 ， 否则不要让访问者拖动页面超过三屏 。 如果需要在同一页面显示超过三屏的内容 ， 那么你最好能在上面做上页面内部连接 ， 方便访问者浏览 。 什么是造型，造型就是创造出来的物体形象。这里是指页面的整体形象，这种形象应该是一个整体，图形与文本的接合应该是层叠有序。虽然，显示器和浏览器都是矩形，但对于页面的造型，你可以充分运用自然界中的其它形状以及它们的组合：矩形，圆形，三角形，菱形等。 对于不同的形状，它们所代表的意义是不同的。比如矩形代表着正式，规则，你注意到很多 形带表着柔和，团结，温暖，安全等，许多时尚站点喜欢以圆形为页面整体造型；三角形代表着力量，权威，牢固，侵略等，许多大型的商业站点为显示它的权威性常以三角形为页面整体造型；菱形代表着平衡，协调，公平，一些交友站点常运用菱形作为页面整体造型。虽然不同形状带表着不同意义，但目前的网页制作多数是接合多个图形加以设计，在这其中某种图形的构图比例可能占的多一些。 页头又可称之为页眉，页眉的作用是定义页面的主题。比如一个站点的名字多数都显示在页眉里。这样，访问者能很快知道这个站点是什么内容。页头是整个页面设计的关键，它将牵涉到下面的更多设计和整个页面的协调性。页头常放置站点名字的图片和公司标志以及旗帜广告。 文本在页面中出现都数以行或者块 (段落 )出现，它们的摆放位置决定者整个页面布局的可视性。在过去因为页面制作技术的局限，文本放置的位置的灵活性非常小。 页脚和页头相呼应。页头是放置站点主题的地方，而页脚是放置制作者或者公司信息的地方。你能看到，许多制作信息都是放置在页脚的。 图片和文本是网页的两大构成元素，却一不可。如何处理好图片和文本的位置成了整个页面布局的关键。而你的布局思维也将体现在这里。 除了文本和图片，还有声音，动画，视频等等其它媒体。虽然它们不是经常能被利用到，但随着动态网页的兴起，它们在网页布局上也将变得更重要。 在新的 叠样式表 )被提出来，它能完全精确的定位文本和图片。 它的确是一个好的布局方法。你曾经无法实现的想法利用 前在许多站点上，层叠样式表的运用是一个站点优秀的体现。你可以在网上找到许多关于 表格布局好像已经成为一个标准，随便浏览一个站点，它们一定是用表格布局的。表格布局的优势在于它能对不同对象加以处理，而又不用担心不同对象之间的影响。而且表格在定位图片和文本上比起用 格布局唯一的缺点是，当你用了过多表格时，页面下载速度受到影响。对于表格布局，你可以随便找一个站点的首页，然后保存为 用网页编辑工具打开它 (要所见即所得的软件 )，你会看到这个页面是如何利用表格的。 不知道什么原故，框架结构的页面开始被许多人不喜欢，可能是因为它的兼容性。但从布局上考虑，框架结构不失为一个好的布局方法。它如同表格布局一样，把不同对象放置到不同页面加以处理，因为框架可以取消边框，所以一般来说不影响整体美观 我今天来介绍的布局指南并不是全部的网页布局技术，从某种意义上来说，我想引导你在制作网页的时侯，怎样把图片和文本放置的恰到好处，而且如何拥有一个跳越的设计思维。 把信息系统纳入 先要解决的问题是通过网页访问后台数据库信息。所有应用程序都被分割为页面的形式，用户的交互操作是以提交表单等方式来实现的，这就要求 而，目前 以提供 “ 静态 ” 主页内容为主。所谓 “ 静态 ” ，指的就是站点的主页内容是 “ 固定不变 ” 的，无法根据用户的需求和实际情况作出相应的变化。当浏览器通过 点服务器就会将已设计好的静态的 要更新主页的内容 ,只能用非在线的手动方式更新 接收用户提交的信息并作出反应，其中的数据可随实际情况而改变，无须人工对网页文件进行更新即可满足应用需要。例如：当在浏览器上填好表单并提交 以要求在站点服务器上执行一个表单所设定的应用程序，而不只是一个简单的 应用程序分析表单的输入数据，根据不同的数据内容将相应的执行结果（通常是数据库查寻的结果集）以 据库的数据可以随时变化，而服务器上执行的应用程序却不必更改，客户端得到的网页信息会始终保持新鲜的魅力。 第三章网站总体分析 在开发 要做一些相应的准备工作。首先，所有的如 其次为调试开发的 个好的程序编辑软件是必不可少的，在本站的开发中，所有的 尽管用记事本完全可以开发 如果想高效地开发 用 然 用它来编写 以扩展名为 以用任何文本编辑器打开它。在 只是提供了一种使嵌入在 于此一定要通过 打头，而不要以本地文件的形式浏览。 它能在所有支持 务提供者、服务注册中心和服务请求者）之间的交互。交互涉及发布、查找和绑定操作。这些角色和操作一起作用于 典型情况下，服务提供者托管可通过网络访问的软件模块（ 服务提供者定义 务请求者使用查找操作来从本地或服务注册中心检索服务描述，然后使用服务描述与服务提供者进行绑定并调用 1图示了这些操作、提供这些操作的组件及它们之间的交互。 网站系统分析 根据前面的设计思想进行分析 ， 按照系统开发的基本观点对网站进行分解 ， 从内容上可对网站作如下划分： (1)网站 ， 包括五个子模块： 一 、 关系我们 二 、 我们的关点 三 、 我们的作品 四 、 科技新闻 五 、 公司风格 通过关系我们及我们的团队 、 工作中等内容来展现； （ 2） 优点与特色通过我们的作品 、 我们的关点等栏目来展现； （ 3） 发布公司业务与动向通过 技术新闻等栏目来实现； （ 4） 通过发布 主页设计 网站主页采用静 、 动相结合的方式 ， 即静态的主画面和动态的图片相结合 ， 体现公司的勃勃生气 ， 静态主页方式介绍公司风格 、优点特色 、 信息发布 ， 采用交互式的动态的 数据库设计 采用的数据库是 （ 1） （ 2） （ 3） （ 4） 个表文件； （ 5） 发言表用户发言信息表； （ 6） 用户表用户登记信息表 。 理员信息表 章栏目信息表 个表文件 发言表用户发言信息表 用户表用户登记信息表 主页界面 技术新闻界面 第四章 详细设计与实现 页设计的内容 1)视听元素 这里所说的视听元素 ， 主要包括：文本 、 背景 、 按钮 、 图标 、 图像 、 表格 、 颜色 、 导航工具 、 背景音乐 、 动态影像等 。 无论是文字 、 图形 、 动画 ， 还是音频 、 视频 ， 网页设计者所要考虑的是如何以感人的形式把它们放进页面这个 “ 大画布 ” 里 。 在本网站中虽然没有用到背影音乐 ， 但安排了一些 2)版式设计 网页的版式设计同报刊杂志等平面媒体的版式设计有很多共同之处 ， 它在网页的艺术设计中占据着重要的地位 。 所谓网页的版式设计 ， 是在有限的屏幕空间上将视听多媒体元素进行有机的排列组合 ， 将理性思维个性化的表现出来 ， 是一种具有个人风格和艺术特色的视听传达方式 。 它在传达信息的同时 ， 也产生感官上的美感和精神上的享受 。 但网页的排版与书籍杂志的排版又有很多差异 。 印刷品都有固定的规格尺寸 ， 网页则不然 ，它的尺寸是由读者来控制的 。 这使网页设计者不能精确控制页面上每个元素的尺寸和位置 。而且 ， 网页的组织结构不像印刷品那样为线性组合 ， 这给网页的版式设计带来了一定的难度 。 因此在网站先用的色调非常冷 ， 是用黑与浅蓝两种冷淡颜色的交互 。 但出来的后果今我很满意 。 再加上一些 网页艺术设计的原则 网页作为传播信息的一种载体，同其他出版物如报纸、杂志等在设计上有许多共同之处，也要遵循一些设计的基本原则。但是，由于表现形式、运行方式和社会功能的不同，网页设计又有其自身的特殊规律。网页的艺术设计，是技术与艺术的结合，内容与形式的统一。它要求设计者必须掌握以下三个主要原则。 第五章 系统的运行环境与测试分析 行环境 000 目前 1) T 上 。 2) T 3) 5/98运行 其中以 NT 提供了对 是创建高速 、 稳定的 试分析 测试用例 表 用例 主题 用例等级 前置条件 期望结果 1 用户注册 / 登录 冒烟测试 无 注册成功 / 登录成功 2 资讯查询 冒烟测试 用户已登录 按查询条件显示资 讯 3 购物 冒烟测试 用户已登录 所选商品放入购物 车 4 商品推荐 关键路径测试 用户已登录 推荐商品点击率 5 0 %左右 5 发送短信 关键路径测试 手 机 绑 定 已 接 入短信网关 短信发送接收 6 C h i n a p a y 网上支付 关键路径测试 用 户 开 通 网 上 银 行已接入 订单发送至银联， 支付成功 冒烟测试 每个测试版本需通过所有该级测试用 例，否则拒绝继续测试 关键路径测试 每 个 测 试 版 本 需 执 行 该 级 测 试 用 例 ， 若 该 级 测 试 用 例 均 通 过 ， 意 味 着 软 件 功 能趋于稳定 用例测试结果汇总 表 测试用例等级 用例总数 通过 失败 发送失败 1 - 冒烟测试 5 4 1 0 2 - 关键路径测试 12 10 2 0 总计 17 14 3 0 百分比 第六章 结束语 现代社会的竞争是高科技的竞争 ,社会的进步发展 ,离不开科技的飞速发展 ,因此 ,毕业设计一定要具有一定的技术含量 如果想建立完整的网站必须花费长时间的设计 。 本网站还并不完善 ， 但每一个功能都可以运用 ， 并且更人性化 。 如：输入 、 修改删除 、 查询 、 统计 、 打印等功能都有 ， 并对非法操作有提示或警告 。 这样在工作上可大量减少本部门人员的繁忙 ，从而使手工过渡到电脑化的工作 ， 节省时间性 ， 使公司处理内部事情更有效 。 通过毕业设计使我认