图 3.4 班级网站登录界面
3.3.2    界面大小与排版方式
界面大小决定着页面内容的页面信息承载量。如果单单按照页面信息承载量上去考虑,网站界面设计应该是越大越好。但是事实不然,界面大小还被两个重要的条件约束着:一是用户使用的分辨率的大小,二是人类眼睛的视界范围。如果界面超过分辨率,网站页面则会超出一个屏幕,高度超出尚可接受,宽度超出则会影响用户的使用感受。当今主流的最低分辨率为:1024x768。所以,网站界面的大小只要不超过这个分辨率即可被绝大多数用户所接受。
系统使用的DIV+CSS排版【7】。
DIV+CSS是网站标准(或称“WEB标准”)中常用术语之一,DIV+CSS是一种网页的布局方法。这一种网页布局方法有别于传统的HTML网页设计语言中的表格(table)定位方式,真正地达到了w3c内容与表现相分离。HTML语言自HTML4.01以来,不再发布新版本,原因就在于HTML语言正变得越来越复杂化、专用化。XHTML语言是一种可以将HTML语言标准化,用XHTML语言重写后的HTML页面可以应用许多XML应用技术。使得网页更加容易扩展,适合自动数据交换,并且更加规整。在XHTML网站设计标准中,不再使用表格定位技术,而是采用DIV+CSS的方式实现各种定位。
DIV+CSS的优势:
1)    符合W3C标准。微软等公司均为W3C支持者。这一点是最重要的,因为这保证您的网站不会因为将来网络应用的升级而被淘汰。
2)    支持浏览器的向后兼容,也就是无论未来的浏览器大战,胜利的是IE7或者是火狐,您的网站都能很好的兼容。
3)    搜索引擎更加友好。相对与传统的table, 采用DIV+CSS技术的网页,对于搜索引擎的收录更加友好。
4)    样式的调整更加方便。内容和样式的分离,使页面和样式的调整变得更加方便。 现在YAHOO,MSN等国际门户网站,网易,新浪等国内门户网站,和主流的WEB2.0网站,均采用DIV+CSS的框架模式,更加印证了DIV+CSS是大势所趋。
5)    CSS的极大优势表现在简洁的代码,对于一个大型网站来说,可以节省大量带宽,而且众所周知,搜索引擎喜欢清洁的代码。
表现和结构分离,在团队开发中更容易分工合作而减少相互关联性。
3.3.3    界面兼容性
在网络已经融入大家生活的时代,越来越多的人已经不满足IE浏览器。越来越多的人开始使用各式各样的浏览器。如果各种浏览器都支持同一种开发方法,那还好。可惜,不同的浏览器支持的编程方法都是不一样的。这样就有浏览器兼容性问题。一个系统如果忽视了某一款主流浏览器的兼容性,最终致使使用那款浏览器的用户在查看界面时出现页面崩坏的问题,那对用户使用感受是十分糟糕的。页面崩坏如图3.5所示。
 
图 3.5 学校毕业设计(论文)管理系统
这是学校毕业设计(论文)管理系统,测试浏览器是Google Chrome 11。
现在的主流浏览器有如下几种【8】:
Mozilla Firefox(基于Gecko排版引擎)
Internet Explorer(基于Trident排版引擎)
Google Chrome(基于KHTML排版引擎)
Safari(基于KHTML排版引擎)
Opera(基于其他排版引擎)
这些是网络中主流排版引擎的代表性浏览器。第二课堂学分系统兼容的浏览器有:Mozilla Firefox,Internet Explorer,Google Chrome,Opera,Safari。
3.4    数据库设计
本章节介绍系统的数据库设计【9】。
3.4.1    实体关系E-R图
本系统的E-R图如图3.6所示。
上一篇:VB数字信号处理器及应用课程试题库建设
下一篇:Flash CS4休闲游戏打飞机设计

基于Apriori算法的电影推荐

考证平台静态网页设计与制作

基于PageRank算法的网络数据分析

基于神经网络的验证码识别算法

基于网络的通用试题库系...

基于消费者个性特征的化...

网络常见故障的分类诊斷【2055字】

10万元能开儿童乐园吗,我...

医院财务风险因素分析及管理措施【2367字】

C#学校科研管理系统的设计

承德市事业单位档案管理...

国内外图像分割技术研究现状

神经外科重症监护病房患...

公寓空调设计任务书

志愿者活动的调查问卷表

中国学术生态细节考察《...

AT89C52单片机的超声波测距...