计算机等级考试专题教育网站的设计与实现.pdf

电子科技大学 硕士学位论文 计算机等级考试专题教育网站的设计与实现 姓名 刘玉斌 申请学位级别 硕士 专业 软件工程 指导教师 张凤荔 刘继 20070512 摘要 摘要 随着计算机的普遍使用和I N T E R N E T 网络的高速发展 数据库技术的一步一 步完善 全国计算机等级考试的重要性日趋显著 建立一个计算机等级考试专题教 育网站就成为学校的一个迫切要求 本网站在建设中参考了目前国内一些较好的 计算机等级考试相关专题网站 借鉴了目前国内先进的关于计算机等级考试专题 教育网站的模式 对计算机等级考试专题教育网站进行了总体设计 使用A S P S Q LS E R V E R 盼技术建设 基于W e b 平台 的计算机等级考试专题教育网站 首先 论文讨论了系统的相关技术 包括网站开发规划 基于W e b 的数据库 技术及A S P 技术 主要是为本专题网站开发提供技术参考 其次 论文讨论了网站建设的目的 可行性分析并确定了网站建设的特色 可行性分析包括技术可行性 经济可行性 操作可行性和进度可行性 通过分析 认为 目前建设计算机等级考试专题教育网站是可行性 第三 论文讨论了系统的总体架构及数据库设计 数据库常用的操作方法 数据库的操作主要用有添加记录 删除记录 修改记录 最后 论文详细介绍了整个网站的设计及实现 关键词 计算机等级考试专题网站A S P 技术 大连网站建设 W i t ht h ew i d e s p r e a du s eo fc o m p u t e r sa n dt h er a p i dd e v e l o p m e n to fi n t e r n e t t h et e c h n o l o g yo fd a t a b a s eb c m c sp e f e c tg r a d u l y t h eg r o w i n gi m p o r t a n c eo f N a U o n a lC o m p u t e rR a n kE x a m i n a t i o nm a r k e dt h ee s t a b l i s h m e n to fac o m p u t e rR a n k E x a m i n a t i o ns p c c i a le d u c a t i o nw e b s i t eh a sb e c o m eap r e s s i n gd e m a n d T h er e f e r e n c eo ft h ec u r r e n td o m e s t i cc o n s t r u c t i o ns i t eb e t t e rc o m p u t e rn e t w o r k sa n dr e l a t e d t o p i c sR a n kE x a m i n a t i o nw e b s i t eo nt h ec u r r e n td o m e s t i ca d v a n c e dl e v e le x a m i n a d o n ss p e c i a lw e b s i t eo nc o m p u t e rm o d e l s C o m p u t e rR a n kE x a m i n a t i o nc o n d u c t e ds p e c i a lw e b s i t ed e s i g n U s i n gA S P S O L s c i v e rt e c h n i c a lc o n s t r u c t W e b b a s e dp l a t f o r m 一C o m p u t e rR a n kE x a m i n a t i o ns p e c i a le d u c a t i o nw e b s i t e F i r s t t h ep a p e r sd i s c u s s e sr e l a t e dt e c h n o l o g ya b o u tt h es y s t e m i n c l u d et h ed e v e l o p m e n tp l a n n i n go ft h ew e b s i t e w e bb a s e dd a t a b a s et e c h n o l o g ya n dt h eA S P t e c h n o l o g y n cm a i ni n t e n t i o ni s t o p r o v i d es o m e w h a tt e c h n o l o g yr e f r e n c ef o r t h ed e v e l o p m e n ta b o u tt h es p e c i a lw e b s i t e S e c o n d t h et h e s i sd i s c u s s e st h eo b j e c ta b o u tt h ew e b s i t f e a s i b i l i t ys t u d y n d e f i n et h ec h a r a t e r i s t i co fc o u n s t r u c t i n g i n gw e b s i t e 1 1 h ef e a s m i l i t ys t u d yi n c l u d e s t h et e c h n o l o g ys t u d y e c o n o m i c a ls t u d y o p e r a t i o n a ls t u d ya n ds c h e d u l es t u d y A t i e ra n a l y s ec a r f u l l y i t sp o s s i b l e a tp r e s e n tt i e mt oc o n s t r u c t i n gt h eN a t i o n a lC o m p u t e rR a n kE x a m i n a t i o ne d u c a t i o nw e b s i t 1 1 1 i d t e c h n i c a lp a p e r sd i s c U S S C Sa b o u tt h eo v e r a l ls t r u c t u r ea n dt h ed a t a b a s e d e s i g n i n g t h eb a s i co p e r a t i o n a lm e t h o do nt h ed a t a b a s e i ti n c l u d e s t h em e t h o d o fa d d i n gar e c o r d d e l e t ear e c o r da n du p d a t ear e c o r d F i n a l l y t h ep a p e rd i s c u s s e sa b o u tt h ed e s i g n i n ga n dr e a l i z a t i o no ft h ee n t i r e w e b s R e K e y w o r d s N a t i o n a lC o m p u t e rR a n kE x a m i n a t i o n s p e c i a lw e b s i t e A S Pt e c h n o l o g y 修改提纲 1 第4 页 第2 段 第2 3 行 原文为 使需要得到计算机等级考试信息的同学能够及时 准确 方便的得 到计算机等级考试相关的信息 改为 让参加计算机等级考试的同学能够及时 准确 方便的得到计算机等级考试 相关的信息和训练 2 第4 页 第5 段 第1 行 原文为 正如你现在所看到的一样 网页的布局设计变得越来越重要 改为 随着用户需求的不断增长 网页的布局设计变得越来越重要 3 第6 页 第1 3 段 第2 0 行 原文为 页面的空白部分分加别加入文本和图形 改为 页面的空白部分分别加入文本和图形 4 第1 9 页 第5 段 第1 5 行 原文为 A S P 着重于处理动态网页和W e b 数据库的开发 编程灵活 简洁 具有较高的性能 是目前访问W e b 数据库的最佳选择 改为 A S P 着重于处理动态网页和W e b 数据库的开发 编程灵活 简洁 具有较高的性能 是目前访问W e b 数据库的较佳选择 5 第1 9 页 第1 0 段 第2 6 行 原文为 A S P 访问数据库的工作原理如下 改为 空 6 第 8 页 第6 段 第2 4 行 原文为 随着计算机的普遍使用和I N T E R N E T 网络的高速发展化 改为 随着计算机的普遍使用和1 N T E R N E T 网络的高速发展 指导老 答辩主 日期 大连网站建设 独创性声明 本人声明所呈交的学位论文是本人在导师指导下进行的研究工 作及取得的研究成果 据我所知 除了文中特别加以标注和致谢的地 方外 论文中不包含其他人已经发表或撰写过的研究成果 也不包含 为获得电子科技大学或其它教育机构的学位或证书而使用过的材料 与我一同工作的同志对本研究所做的任何贡献均已在论文中作了明 确的说明并表示谢意 躲率毯一吼 叼年V 月诩 关于论文使用授权的说明 本学位论文作者完全了解电子科技大学有关保留 使用学位论文 的规定 有权保留并向国家有关部门或机构送交论文的复印件和磁 盘 允许论文被查阅和借阅 本人授权电子科技大学可以将学位论文 的全部或部分内容编入有关数据库进行检索 可以采用影印 缩印或 扫描等复制手段保存 汇编学位论文 保密的学位论文在解密后应遵守此规定 躲姚篡g E J 籍 日 弘oJ 年扫月7 日 第一章绪论 第一章绪论 人类社会己经进入2 1 世纪 蓦然回首 2 0 世纪9 0 年代以来 全球信息技术 发展明显加快 由于芯片技术 电脑软件技术突飞猛进地提高 电脑功能正日趋 强大 随着I n t e r n e t 的快速发展 人们己经认识到 周围的一切正在发生异乎寻常 的变化 奔腾 赞歌唱遍各个角落 多媒体计算机迅速走进家庭 上网已成为人 们日常生活的一部分 W W W 浏览使你足不出户便知天下事 各种应用软件更是 应有尽有 事实证明 网络的普及应用大大推动了计算机应用的发展 从国防军 事 交通运输 财政金融 科学教育等大型系统 到一个企业 一个机关 一所 学校 一座饭店的内部管理 几乎都采用了计算机网络管理 网络发展已经超越 了国界 跨越了地域 使地球上的人们似乎生活在一个 地球村 里 在新的世纪里 信息技术迅猛发展 而网络技术和数据库技术又是信息技术 最主要的核心 于是 基于W e b 的数据库也就应运而生了 随着I n t e m e t I n t r a n e t 技术的发展 开发基于W e b 的应用程序势在必行 数据 库技术更是需要和W e b 技术相结合 才有更为广阔的前景 A S P 作为微软推出的 新兴W e b 应用程序开发技术 在数据库应用方面发挥着越来越重要的作用 同时 浏览器 服务器模式的数据库体系也正逐渐成为数据库结构的主流 1 1研究这个系统的重要性 2 1 世纪是网络的世纪 网络 作为现代化水平的重要标志之一 其在现实的 工作与生活中的地位也变得益加重要 网络的触角遍及社会生活的每一个角落 单纯从互联网的媒体功能来说 因其信息传递上的独特优势 网络即将成为未来 社会的信息主导 为整个商业社会节省了大量的操作成本 同时创造出巨大的市 场价值 它弥补了传统宣传手段在时空上的严重局限 同时也成为众多大中型社 会团体拓展自身社会功能 延伸社会角色的最新手段 网站建设和一般的信息系统的建设相比 既有开发的共同特点 也有其特性 共性体现在网站建设也必须从实际出发 按照系统开发的一般规律和方法从事开 发工作 而比较重要的工作是在其开发过程还要加入人的艺术创意和构思 以便 大连网站建设 电子科技大学硕士学位论文 能够把网站做得生动活泼 富有生气 全国计算机等级考试 N a t i o n a lC o m p u t e rR a n kE x a m i n a t i o n 简称N C R E 是经原国家教育委员会 现教育部 批准 由教育部考试中心主办 面向社会 用于考查应试人员计算机应用知识与能力的全国性计算机水平考试体系 计算机等级考试专题教育网站建设的目的就是及时准确传播考试动态 教育 咨询和考试大纲信息 提供针对全国计算机等级考试的网络培训课程 为广大准 备计算机等级考试的考生和有志提高自身计算机水平的计算机爱好者提供个性 化 智能化的经典指导和交流平台 让曾经走入计算机学习误区 为考试伤神的 同学们摆脱进退两难的现状 学会快乐地学习 1 2现有系统的局限性 攀枝花学院在短短的几年的时间得到了迅速的发展 校园网络的建设也初具 规模 攀枝花学院计算机学院也有了自己的网站 但没有供学生学习的等级考试 资料 继续教育学院网站有少量与等级考试相关的介绍性内容 随着计算机等级 考试的重要性日趋明显 学生对计算机等级考试的信息和相关资料的需求就逐步 升级 在这样的情况下 原有的信息已经不能满足学生的需要了 所以设计并制 作一个计算机等级考试专题教育网站就非常必要了 1 3自己做的主要工作 论文分析了W e b 数据库及A S P 技术在计算机等级专题教育网中的应用 本文 的主要工作如下 重点讨论了B S 结构的工作原理及其特点 分析了实现W e b 数据库的不同 方法 客观地分析了它们的优缺点 讨论结果是 A S P 技术无论在操作的可行性 方便性还是性能上都是一种实现W e b 数据库的最好方法 探讨了A S P 技术五个主要的内置对象和A c t i v e X 服务器组件在计算机等级 考试专题教育网站中的应用 并介绍了如何利用A S P 技术向数据库中添加 修改 和删除数据 探讨了S Q LS E R V E R 2 0 0 0 数据库的设计与运用 2 第一章绪论 详尽介绍了计算机等级专题教育网的总体框架 工作流程和系统使用的主 要技术 重点探讨了在线模拟考试系统的设计与实现 1 4 全文概要 第一章 简要回顾了网络的发展 研究该课题的原因 第二章 陈述了系统将使用到的相关技术 主要介绍了网站开发规划技术 基于W e b 的数据库技术发展情况 数据库技术以及A S P 相关技术 第三章 介绍网站建设的目标 可行性分析及确定网站的特色 第四章 介绍网站设计的技术选型 网站的总体框架及数据库设计 第五章 详细介绍了计算机等级考试专题教育网站的设计与实现 国际互联网技术日新月异 极大地推动了基于I n t e r a c t 的应用技术的发展 支 持W e b 数据库访问的新技术也层出不穷 随着校园网的发展 基于I n t e r a c t 的教学 管理系统 学生管理系统也在不断地优化 本文所介绍的 计算机等级专题教育 网站的设计与实现 仅仅是高校管理信息系统的一个小模块 今后我将进一步努 力学习新知识 优化 扩展网站功能 3 大连网站建设 电子科技大学硕士学位论文 第二章系统的相关技术 计算机等级考试专题教育网站是基于W e b 应用的校园应用方案 提供了学校 信息化管理需要的灵活性 让参加计算机等级考试的同学能够及时 准确 方便 的得到计算机等级考试相关的信息和训练 2 1网站开发规划 2 1 1 网页布局设计 随着用户需求的不断增长 网页的布局设计变得越来越重要 访问者不愿意 再看到只注重内容的站点 虽然内容很重要 但只有当网页布局和网页内容成功 接合时 这种网页或者说站点才是受人喜欢的 取任何一面你都无法留住太过 挑 剔 的访问者 2 1 1 1 页面布局的基本概念 页面布局是美化网页 统筹全局的技巧 要让网页更加美观 更加吸引人 则 在页面布局中要注意以下7 个方面的问题 页面尺寸 页面尺寸和显示器大小及分辨率有关系 网页的局限性就在于你无法突破显 示器的范围 而且因为浏览器也将占去不少空间 留下给你的页面范围变得越来 越小 一般分辨率在8 0 0 x 6 0 0 的情况下 页面的显示尺寸为7 8 0 x 4 2 8 个象素 分 辨率在6 4 0 x 4 8 0 的情况下 页面的显示尺寸为6 2 0 x 3 1 1 个象素 分辨率在1 0 2 4 x 7 6 8 的情况下 页面的显示尺寸为 1 0 0 7 x 6 0 0 从以上数据可以看出 分辨率越高 页面尺寸越大 浏览器的工具栏也是影响页面尺寸的原因 一般目前的浏览器的工具栏都可 以取消或者增加 那么当你显示全部的工具栏时 和关闭全部工具栏时 页面的 尺寸是不一样的 4 第二章系统的相关技术 在网页设计过程中 向下拖动页面是唯一给网页增加更多内容 尺寸 的方法 如果同一页面内容超过三页 则最好做页面的内部连接 方便访问者浏览 整体造型 造型就是创造出来的物体形象 这里是指页面的整体形象 这种形象应该是 一个整体 图形与文本的接合应该是层叠有序 虽然 显示器和测览器都是矩形 但对于页面的造型 你可以充分运用自然界中的其它形状以及它们的组合 矩形 圆形 三角形 菱形等 对于不同的形状 它们所代表的意义是不同的 比如矩形代表着正式 规则 你注意到很多I C P 和政府网页都是以矩形为整体造型 圆形代表柔和 团结 温 暖 安全等 许多时尚站点喜欢以圆形为页面整体造型 三角形代表着力量 权 威 牢固 侵略等 许多大型的商业站点为显示它的权威性常以三角形为页面整 体造型 菱形代表着平衡 协调 公平 一些交友站点常运用菱形作为页面整体 造型 虽然不同形状代表不同意义 但目前的网页制作多数是接合多个图形加以 设计 在这其中某种图形的构图比例可能占得多一些 页头 页头又可称为页眉 页眉的作用是定义页面的主题 比如一个站点的名字多 数都显示在页眉里 这样 访问者能很快知道这个站点是什么内容 页头是整个 页面设计的关键 它将牵涉到后面的更多设计和整个页面的协调性 页头放置站 点名字的图片和公司标志以及旗帜广告 文本 文本在页面中出现都数以行或者块 段 落 出现 它们的摆放位置决定者整个页 面布局的可视性 在过去因为页面制作技术的局限 文本放置的位置的灵活性非 常小 而随着D H T M L 的兴起 文本已经可以按照自己的要求放置到页面的任何 位置 页脚 页脚应和页头相呼应 页头是放置站点主题的地方 而页脚是放置制作者或 者公司信息的地方 许多制作信息都是放置在页脚部分 图片 5 大连网站建设 电子科技大学硕士学位论文 图片和文本是网页的两大构成元素 如何处理好图片和文本的位置成了整个 页面布局的关键 多媒体 除了文本和图片 还有声音 动画 视频等等其它媒体 虽然它们不是经常 能被利用到 但随着动态网页的兴起 它们在网页布局上也将变得更重要 2 1 1 2 网页布局的方法 网页布局的方法有两种 第一种为纸上布局 第二种为软件布局 下面分别 加以介绍 纸上布局法 在开始制作网页时 准备好若干张白纸和一只铅笔 要先在纸上画出你页面 的布局草图 具体步骤如下 1 尺寸选择 目前一般8 0 0 x 6 0 0 的分辨率为约定俗成的浏览模式 所以为了照顾大多数访 问者 页面的尺寸以8 0 0 x 6 0 0 的分辨率为准 2 谴型的选择 先在白纸上画出象征浏览器窗口的矩形 这个矩形就是布局的范围了 选择 圆形形状作为整个页面的主题造型 然后在矩形框架里随意画出来 试着增加一 些圆形或者其它形状 这样画下来 会发现很乱 特别注意要在这看似很乱的图 形中找出隐藏在其中的特别的造型出来 不要担心你设计的布局是否能够实现 凡是能想到的布局都能用H T M L 技术实现 3 增加页头 页头都是位于页面顶部 所以要为图片增加了一个页头 4 增加文本 页面的空白部分加入文本 5 增加图片 图片是美化页面和说明内容必须的媒体 在这里把图片加入到适当的地方 6 第二章系统的相关技术 经过以上的几个步骤 一个页面的大概布局就出现了 这是以后制作时的重 要参考依据 软件布局法 软件布局法就是将P h o t o s h o p 对图像的编辑功能用到设计网页布局 不像用纸 来设计布局 利用P h o t o s h o p 可以方便的使用颜色和图形 并且可以利用层的功能 设计出用纸张无法实现的布局意念 2 1 1 3 网页布局的技术 在新的H T M I A 0 标准中 C S S 层叠样式表 被提出来 它能完全精确的定位 文本和图片 C S S 是一个好的布局方法 曾经无法实现的想法利用C S S 都能实现 目前在许多站点上 层叠样式表的运用是一个站点优秀的体现 2 1 2 色彩的使用技巧 了解网站所要传达的信息 选择可以加强这些信息的颜色 若设计一个强 调稳健的金融机构网站 则要选择冷色系 柔和的颜色 如蓝色 灰色或绿色 在这样的状况下 如果使用暖色系或活泼的颜色 可能会破坏了该网站品牌 了解读者群 文化差异可能会使色彩产生非预期的反应 同时 不同地区 与不同年龄层对颜色的反应亦会有所不同 年轻人一般比较喜欢饱和色 但这样 的颜色却引不起老年人的兴趣 不要使用过多的颜色 除了黑色和白色以外 约选择四到五个颜色就够了 太多的颜色会导致混淆 也会拉走读者的注意力 在阅读的部分使用对比色 颜色太接近无法产生足够的对比效果 也会妨 碍观众阅读 自底黑字的阅读效果最好 当你在处理黑色 白色和灰色以外的颜色的时候 有时候会很难决定每个颜 色的相对值 选择颜色要注意时效性 同一个色彩很容易充斥着整个市场 但消费者将 很快对流行色彩感到麻木 从另外一个角度来看 可以使用几十年前的流行色彩 引起人们的怀旧之情 选择色盘时请考虑功能性颜色 要将关键信息部分建立功能性的颜色 如 7 大连网站建设 电子科技大学硕士学位论文 标题和超级链接等 注意网站色差问题 网络通用颜色在跨平台显示时都会有些不同 因此要 注意校正g a m m a 值 并在不同的作业平台上测试色盘 2 1 3 网站风格概论 一个人拥有自己独特的风格 是一般人所没有的 就会让人注意到那个人的 特别 若那个人的风格是正面的 甚至就会引起别人的羡慕与注意 或是赞赏 就如同一个网站 拥有别的网站所没有的风格 就会让浏览者愿意多停留些时间 细细品尝该站的内容 甚至该站会得到更多人的鼓励与注目 粗略的说 网站风 格可以从以下几个方向来探讨 而每一项都是相关联的 色系 网页的底色 文字字型 图片颜色等 排版 表格 框架的应用 文字排版 段落等 窗口 窗口效果 如 全屏幕窗口 特效窗口等 程序 网页互动程序 如 A S P P H I X M L C G I 等 特效 让网页看起来生动活泼的各种应用 如 H a s h J a v as c r i p t J a v aa p p l e t s D H T M L 等 架构 涉及目录 层次 选项等 内容 网站主题 整体实用性 文件关联性 内容切合度等 走向 网站的未来规划 网站整体内容走向等 以上这些项目都与网页风格有密切的关系 网页的风格不是某一项相同 网 站就是有整体感 而是要各项目的配合应用 才能达到完美的网站风格设计 2 1 4 网站设计中色彩的运用 色彩的魅力是无限的 它可以让本身很平淡无味的东西 瞬间就能变得漂亮 美丽起来 信息时代的快速到来 网络也开始变的多姿多彩 人们不再局限于简 单的文字与图片 他们要求网页看上去漂亮 舒适 所以当代设计者不仅要掌握 基本的网站制作技术 还需要掌握网站的风格 配色等设计艺术 其中色彩在网 站设计中占据相当重要的地位 i x l 第二章系统的相关技术 2 1 4 1 认识色彩 为了能更好地应用色彩来设计网页 首先应了解色彩的一些基本概念 自然 界中有好多好多种色彩 比如玫瑰是红色的 大海是蓝色的 桔子是橙色的等 但是最基本的有三种 红 黄 蓝 其它的色彩都可以由这三种色彩调和而成 我们称这三种色彩为 三原色 现实生活中的色彩可以分为彩色和非彩色 其中黑白灰属于非彩色系列 其 它的色彩都属于彩色 任何一种彩色具备三个特征 色相 明度和纯度 其中非 彩色只有明度属性 色相 指的是色彩的名称 这是色彩最基本的特征 是一种色彩区别于另一 种色彩的最主要的因素 比如说紫色 绿色 黄色等等都代表了不同的色相 同 一色相的色彩 调整一下亮度 或者纯度很容易搭配 比如 深绿 暗绿 草绿 明度 也叫亮度 指的是色彩的明暗程度 明度越大 色彩越亮 比如一些 购物 儿童类网站 用的是一些鲜亮的颜色 让人感觉绚丽多姿 生气勃勃 明 度越低 颜色越暗 主要用于一些游戏类网站 充满神秘感 一些个人站长为了 体现自身的个性 也可以运用一些暗色调来表达个人的一些孤僻 或者忧郁等性 格 有明度差的色彩更容易调和 如紫色 9 9 3 3 9 9 跟黄色 f f f f 0 0 暗红 带 c x 3 3 0 0 跟草绿 羽9 c c 0 0 暗蓝 0 0 6 6 c e 跟橙色 f f 9 9 3 3 等 纯度 指色彩的鲜艳程度 纯度高的色彩纯 鲜亮 纯度底的色彩暗淡 含 灰色 相近色 色环中相邻的三种颜色 相近色的搭配给人的视觉效果很舒适 很 自然 所以相近色在网站设计中极为常用 互补色 色环中相对的两种色彩 对互补色 调整一下补色的亮度 有时候 是一种很好的搭配 暖色 暖色跟黑色调和可以达到很好的效果 暖色一般应用于购物类网站 电子商务网站 儿童类网站等等 用以体现商品的琳琅满目 儿童类网站的活泼 温馨等效果 冷色 冷色一般跟白色调和可以达到一种很好的效果 冷色一般应用于一些 高科技 游戏类网站 主要表达严肃 稳重等效果 绿色 蓝色 蓝紫色等等都 属于冷色系列 9 大连网站建设 电子科技大学硕士学位论文 色彩均衡 网站让人看上去舒适 协调 除了文字 图片等内容的合理排版 色彩的均衡也是相当重要的一个部分 比如一个网站不可能单一的运用一种颜色 所以色彩的均衡问题是设计者必须要考虑的问题 色彩的均衡 包括色彩的位置 每种色彩所占的比例 面积等 2 1 4 2 色彩的作用 色彩在人们的生活中都是有丰富的感情和含义的 比如红色让人联想到玫瑰 联想到喜庆 联想到兴奋 白色联想到纯洁 干净 简洁 紫色象征着女性化 高雅 浪漫 蓝色象征高科技 稳重 理智 橙色代表了欢快 甜美 收获 绿 色代表了充满青春的活力 舒适 希望等 2 1A 3 色彩的运用 黑白灰色彩是万能色 可以跟任意一种色彩搭配 当为某种色彩的搭配苦恼 的时候 不防试用黑白灰 当两种色彩的搭配不协调 试着加入黑色 或者灰色 或许会有意想不到的效果 对一些明度较高的网站 配以黑色 可以适当地降低其明度 网页设计中用 得最普遍的一种颜色是白色 有些网站甚至留出大块的白色空间 作为网站的一 个组成部分 这就是留白艺术 留白 给人一个遐想的空间 让人感觉心情舒适 畅快 恰当的留白对于协调页面的均衡起到相当大的作用 2 1 4 4 确定网站的主题色 一个网站不能运用一种颜色 让人感觉单调 乏味 但是也不能将所有的颜 色都运用到网站中 让人感觉轻浮 花俏 一个网站必须有一种或两种主题色 不至于让客户迷失方向 也不至于单调 乏味 所以确定网站的主题色是设计者 必须考虑的问题之一 一个页面尽量不要超过4 种色彩 用太多的色彩让人没有方向 没有侧重 当主题色确定好以后 考虑其它配色时 一定要考虑其它配色与主题色的关系 要体现什么样的效果 另外哪种因素占主要地位 是明度 纯度还是色相 2 1 4 5 色彩的搭配 在了解了色彩的一些基本概念后 具体运用到网页中 各要素的色彩的搭配 主要考虑以下四个方面 l O 第二章系统的相关技术 网页标题 网页标题是一个网站的指路灯 为吸引浏览者的视线可使用稍微具有跳跃性 的色彩来标识 网页链接 一个网站不可能只是单一的一页 所以经常会使用超级链接来实现页面的切 换 要注意使用不同的颜色使文字的链接颜色与普通文本区别开来 网页文字 如果一个网站用了背景颜色 必须要考虑背景颜色与文字前景颜色的搭配问 题 一般的网站侧重的是文字 所以背景可以选择纯度或者明度较低的色彩 文 字用较为突出的亮色 有的设计人员为了让浏览者对网站有深刻的印象常使用与众不同的背景色 比如一个空白页的某一个部分用了很亮的一个大色块 其目的是吸引浏览者的视 线 突出的是背景 因此文字就要显得暗一些 这样文字才能跟背景分离开来 便于浏览者阅读文字 网页标志 网页标志是宣传网站的重要内容之一 一般将L O G O 和B A N N E R 的颜色做得 鲜亮一些 有时候为了更突出 也可以使用与主题色相反的颜色 为了能让自己的网页设计得更靓丽 更舒适 为了增强你的页面的可阅读性 必须合理 恰当地运用与搭配页面各要素间的色彩 2 1 5 网站建设的基本原则 2 1 5 1 使用者优先的观念 无论什么时候 不管是着手准备设计网页之前还是正在设计之中 或者已经 设计完毕 有一个最高行动准则一定要牢记在心 那就是 使用者优先 因为没 有使用者去光顾 任何再好的网页都是没有意义的 2 1 5 2 考虑大多数人的连线状况 目前大多数人所使用的还是慢速连线方式 而且塞车塞得很严重 所以在设 计网页时就必需以这种普遍状况为设计参考量 不要放置一堆会加重塞车情形或 1 1 大连网站建设 电子科技大学硕士学位论文 让人等得发火的东西 在完成之后 应透过远端M o d e m 拨接上网的方式来亲自测 试一下 2 1 5 3 考虑使用者的浏览器 网站建设必需考虑使用者的浏览器软件 如果要让所有的人都可以毫无障碍 地观看您的网页 那么最好使用所有测览器都可以阅读的格式 不要使用只有部 份浏览器可以支持的H T M L 格式或程序技巧 如果要展现自己的高超技术又不想 放弃一些潜在观众 可以在主页中设置几种不同的理赏模式选项 例如纯文字模 式 F r a m e 模式 J a v a 模式等等 供浏览者自行选择 2 1 5 4 内容第一 内容可以是任何东西 包括文字 图片 影像 声音等 网站不仅要有高质 量的信息 而且要提供获得信息的简便方法 2 1 6 着手规划 确定特色 锁定目标 不管做什么事 一定要进行规划 建设网站更是如此 规划时必须确定网站 的性质 内容和潜在的用户 然后根据本身的软硬件条件来设置范围 网络的特 点是信息及时 内容丰富 这是吸引大家上网的条件 如果具有条件具备 可以 根据将自己网站定位为一个全方位的信息提供者 否贝H 可成为某一专题的提供者 此外 还可以在特殊议题或主题上加以突出 进一步锁定目标观众 2 1 6 1 第一页很重要 第一页是最重要的东西 因为它是别人认识这个网站的第一印象 如果是新 登场的网站 在第一页就要对这个网站的性质与所提供内容做个扼要说明与导引 让别人判断要不要继续进入里面 在第一页要有很清楚的类别选项 而且尽量让 参观者可以很快找到需要的主题 在设计上 最好坚持干净而清爽的原则 若无 需要 尽量不要放置大型图形文件或不当的程序也不要将页面布局得杂乱无序 2 1 6 2 分类 内容的分类很重要 可以按主题分类 按性质分类 按机关组织分类 或按 人类思考直觉式地分类等等 一般而言 按人类的直觉式思考会比较亲切 但无 论哪一种分类方法 都要让使用者可以很容易找到目标 而且分类方法最好尽量 保持一致 若要混用多种分类方法也要掌握不让使用者搞混的原则 此外 在每 第二章系统的相关技术 个分类选项的旁边或下一行 最好也加上这个选项内容的简要说明 2 1 6 3 互动性 好的网站网页必须与使用者有良好的互动性 包括在整个设计呈现 使用介 面导引上都应该掌握互动的原则 让用户感觉他的每一步都得到适当的回应 需要一定的设计技巧来实现这些功能 2 1 6 4 图形应用技巧 好的图形应用可以让网页增色不少 但大量使用无意义图形会带来不良后果 所以应尽量缩小或省略图形 具统计使用者可以忍受的最长等待时间大约是9 0 秒 钟 如果您的网页无法在这段时间内传输并显示完毕 那么使用者就会毫不留情 掉头离去 因此必须依据H T M L 文件 图形文件的大小 考虑传输速率 延迟时 间 网络交通状况 以及服务端与使用者端的软硬件条件 估算网页的传输与显 示时间 2 1 6 5 图形加上说明 当放置图形时 一定要为每个图形加上不显示时的说明文字即在H T M L 文件 中的图形文件后面加上a l t 文字说明 这样使用者就知道这个图形代表什么意义 判断要不要观看 2 1 6 6 背景底色 不少人喜欢在网页中加上背景图案 认为如此可以增加美观 但这样会耗费 传输时间 而且容易影响阅读视觉 反而给予使用者不好的印象 若没有绝对必 要 最好避免使用背景图案 保持干净清爽的本文 2 1 6 7H T M L 格式的注意事项 为了维护方便 撰写H T M L 时要有完整架构 而且初学者也可以藉此对H T M L 语法有正确认识 另外 如果想让别人可以通过搜寻引擎找到你的网站 则应 注意在 T i t l e 指令中加上可供搜寻的关键字串 为了增加与使用者的互动 网页 中最好也应加上可供使用者表达意见的E m a i l 信箱 2 1 6 8 避免滥用技术 好的技术运用会让网页栩栩如生 令人叹为观止 但不当的技术则适得其反 反而成为网页的大败笔 首先 使用技术时一定要考虑传输时间 不要成为他人 大连网站建设 电子科技大学硕士学位论文 观看的沉重负担 其次 技术一定要与本身网站的性质及内容相配合 不要耍了 一大堆不相干的技术 J a v a 小程序也是目前网络上的常见技术 它是一个好用的 利器 擅长于动态物象的呈现 虽然只要浏览器支持就可以动 但同样 也需要 考虑传输时间 以及一般人的电脑系统负荷等问题 最后 技术最好不要用得太 过多样而复杂 2 1 6 9 即时 更新 维护 网站资料一定要注意即时性 一个带有即时性质的两站 除内容要充实外 还应每日更新 要注意新的计算机软硬件技术在网站建设中的应用 通过增强网 站的功能 使网站具有较强的生命力 2 2基于W e b 的数据库技术 2 2 1W e b 数据库的发展历程 数据库技术从最早的单机模式 主从体系 发展到近年来应用较广的客户机 服务 C l i e n t S e r v e r 以下简称c 裕 模式 到目前最流行也最实用的浏览器 服务 器 B r o w s e r S e r v e r 以下简称B S 模式 在设计一个系统时 我们首先要考虑 的是系统的体系结构 采用哪种结构取决于系统的网络环境 应用需求等因素f 2 2 2 1 1 主机 终端结构 早期由于主机价格昂贵 为了共享主机资源 台主机要同时为多个用户服 务 但这种系统由于没有和通信相结合 所连接的终端往往离主机的距离很近 这种结构的终端不需要做什么处理工作 一切数据处理都交给了主机去完成 由 于主机包揽了数据处理的一切工作 这就要求它具有十分高的性能 这种结构中 服务器存储所有数据 进行所有处理运算 资源也得到了充分 的共享 但是用户界面不友好 主机负载过大 如图2 1 所示 3 1 T e r IT 图2 1 主机 终端结构 1 4 第二章系统的相关技术 2 2 1 2 客户机朋墨务器结构 传统的C S 结构是两层的 基本思想是 服务器提供数据的存取和管理等 客户端运行相应的应用 通过网络获得服务器的服务 使用服务器上的数据库资 源 与主机 终端模式相比 C S 结构更容易扩充 更加灵活 当系统的规模扩大 时 可在原有基础上进行扩充和调整 从而保护了己有投资 为了应用客户机 服 务器这种体系结构 原来完全放在主机上的应用程序被分成了两部分 客户机端 的应用程序和服务器端的应用程序 如图2 2 所示1 3 图2 2 二层结构 随着I n t e m e t 技术的酱及和电子商务技术的发展 客户机 服务器结构的数据库 系统正由2 层向3 层或多层发展 在如图2 3 所示的三层结构中 应用程序的任务 在逻辑上被划分为3 种服务 用户服务 业务服务 中间层服务 和数据服务 用户服务在客户机上 提供了可视化的用户界面来表示信息和收集数据 业务服 务在一个或多个业务服务器上 是联系用户服务和数据服务的 桥梁 它们响应 用户发来的请求 实施业务规则 处理和分析业务数据 获得业务结果 数据服 务在数据库服务器上 负责数据的组织管理 包括数据的定义 维护 访问和更 新以及管理并响应业务服务的数据请求 3 客户枫1客户机2霉产帆3 图2 3 三层结构 1 5 大连网站建设 电子科技大学硕士学位论文 2 2 1 3 浏览器 月匿务器结构 典型的C S 结构不仅要求为客户端安装前端应用程序 而且限制客户端的工 作环境只能基于W i n d o w 或U N I X 操作系统 这些限制条件都不切实际 人们不 能开发那种只能用于特定计算环境的软件 且在自己的W e b 站点上同时保存某个 应用程序的多个特定平台的版本 因为这样不但使软件开发成本大幅度上涨 而 且客户端的计算环境可能是千变万化的 无法预知客户端的计算环境会怎样改变 不过可以在客户机上安装某种具有一定 翻译 功能的统一的构件 这个构件便 是浏览器 3 于是基于B S 的系统就应运而生了 B S 结构是在C S 结构基础上发展起来的 各个客户端只需安装一个简单的W e b 浏览器 用户面对的将是简单统一的浏览器 而不是一个复杂的软件 这就降低了用户的使用难度 浏览器 服务器结构的工作原理 浏览器 服务器模式的数据库体系是利用W e b 服务器和A S P A c t i v eS e r v e r P a g e s 即动态服务器网页 作为数据库操作的中间层 将客户机 服务器模式的数据 库结构与W e b 技术密切结合 从而形成具有三层W e b 结构的浏览器 服务器模式的 数据库体系 具体结构如图2 4 所示 前端浏览器每煮争霸曲s E R v 隙辱蔗今后台数据库 图2 4 三层W E B 结构与数据库体系 浏览器 月匣务器结构的工作原理是 在前端采用 浏览器将用户提交的操作信 息向W e b 服务器发出H T Y P 请求 W e b 服务器通过A S P 和一些中间组件访问后台 数据库 并将操作结果以H T M L 页面的形式返回给前端浏览器 浏览器 服务器模式的优点 从本质上讲 B s 模式与传统C S 都是以同一种请求和应答方式来执行应用的 但传统的C S 是一种二层或三层结构模式 其客户端集中了大量应用软件 而B s 客户端仅需单一的浏览器软件 是一种全新的体系结构 1 6 第二章系统的相关技术 2 2 2W e b 数据库管理系统介绍 传统的W e b 站点大都由静态的H n 舡 页面组成 当测览器通过H T r P 向服务 器发出请求时 服务器只是将原先己设计好的页面传送给浏览器 由于静态页面 缺少交互性 因此动态内容的开发就成了越来越多的W e b 站点追求的目标 所谓 动态 是指用户按自己的需要通过浏览器发出请求 服务器运行一个脚本或程 序来返回包含最新信息的页面供用户浏览 为了向用户提供大量动态信息 应尽 可能利用数据库技术来管理相关数据 2 2 2 1W e b 数据库工作原理 W e b 数据库基于C S 结构 客户端是浏览器 服务器端是W e b 服务器 浏览 器和W e b 服器通过H T r P 交换信息 W e b 上的大多数交互均可看成请求和响应 即浏览器向W e b 服务器发出请求 一般是要求显示一个用户想看的网页 而W e b 服务器则向浏览器返回响应 通常是一个H T M L 页面或图像等 e l 基于W e b 的数据库采用3 层的客户端 服务器结构 第一层是浏览器 第二层 是W e b 服务器 第三层包括一些应用程序及相关的数据库 用户可以通过表单与 W e b 交互 用户提交表单后 表单中的数据便发送到W e b 服务器 W e b 服务器负 责用户输入信息的接收 它将数据传送至要被处理的脚本或应用程序 并在数据 库中查询数据 最后 W e b 服务器将返回结果插入到H T M L 页面 传送至浏览器 以响应用户 2 J 如图2 5 所示 图2 5W E B 数据库工作原理 2 2 2 2 访问W e b 数据库的五种方法 目前在W I N D O W S 环境下有多种访问W e b 数据库的技术 它不仅与操作系统 有关 而且与数据库管理系统也有着必然的联系 主要方法有以下五种 公共网关接口C G I C o m m o nG a t e w a yI n t e r f a c e C G I 程序不仅使你能生成静态的内容 而且能生成动态的内容 1 7 大连网站建设 电子科技大学硕士学位论文 C G I 程序的工作过程是 1 浏览器将用户信息传递给W e b 服务器i 2 W e b 服务器运行C G I 程序 3 C G I 程序通过C G I 数据库网关对W e b 数据库进行操作 4 C G I 程序将数据库操作结果返回给W e b 服务器 5 W e b 服务器将结果数据传递给浏览器 6 浏览器将数据库操作的结果显示给用户 C G I 程序能运行在多种平台上完成一定的功能 在大多数情况下 C G I 程序 主要用P e r l 语言编写 C G I 是较早实现的技术 适用于多种服务器平台 如U N I X W I N D O W S 等 但C G I 的开发成本高 维护困难 功能有限 占用服务器资源较多 I n t e r n e t 数据库连接器I D C I n t c r n e tD a t a b a s eC o n n e c t o r 这是一种简易方案 对数据库的操作仍然放在w e b 服务器端 但用户可通过s Q L 语句对数据库进行查询 输入 更新 删除等操作 I D C 设计简易 不用编译 就可直接执行 且支持对数据的多重查询 只适用于小型数据库系统 先进数据库连接器A D C A d v a n c eD a t a b a s eC o n n e c t o r 前两种方案中对数据库的操作都是在服务器端进行 而A D C 是在浏览器端执 行 当浏览器提出对数据库的操作请求时 A D C 先将相应的数据库下载到浏览器 端 在用户端对数据库进行操作 显然 这种方案效率很高 A D C 系统开销较大 响应慢 只适用于特别频繁的数据库查询操作 廷 J a v a J D B C 语言编程 用J a v a 语言实现W W W 数据库 该技术主要是作用J D B C 技术访问数据库 J D B C 是一种规范 其宗旨是让各数据库开发商为J a v a 程序员提供标准的数据库 访问类和接口 J D B C 与J a v a 的结合 使用户可以很容易地指导S O L 语句传送到 任何关系数据库中 J a v a 语言是一