网页界面设计

摘要：网络教学的好处随着科技的飞速发展与进入小康社会近一步的实现，电脑，在人们的生活中已经十分普及。于是，网络也已经成为人们生活中不可获缺的一部分。虚拟实验室是一种特别的、分布式的解决问题的环境,是提供给用户的一个基于网络的实验教学、技术交流、共同研究、协同工作的平台,是一种基于计算机虚拟原型系统的全新的科学研究与工程设计方法,是除理论与实物实验之外的第三种研究设计手段和形式。目前,虚拟实验室的指的是在计算机系统中采用虚拟现实技术实现的各种虚拟实验环境,实验者可以像在真实的环境中一样完成各种预定的实验项目,所取得的学习或训练效果等值于甚至优于在真实环境中所取得的效果.为此我们设计了这个物理实验学习网站供学生学习.采用了3DMAX技术,CULT3DMAX技术,人机交互技术（BBS技术,聊天室技术）本人主要负责的是界面设计.英文：Theadvantageofstudyofnetwork,withthedevelopmentatfullspeedandenteringrealizationofnearlyonestepofwell-offsocietiesofscienceandtechnology,thecomputer,hasalreadypopularizedinpeople'slifeverymuch.Then,thenetworkhasalreadybecomeapartthatcan'tbelackedinpeople'slife.Thefictitiouslaboratoryisakindofspecial,distributedenvironmentofsolvingtheproblem,offeranteachingofexperiment,exchangeoftechnology,platformstudiedtogether,workedincoordinationbasedonnetworkofusers',itisabrand-newscientificresearchbasedonfictitiousprototypesystemofthecomputeranddesignmethodoftheproject,itisthethirdkindofresearchbesidestheoriesandmaterialobjectexperimentsthatdesignsmeansandform.Atpresent,meaningvariousfictitiousexperimentenvironmentsofadoptingvirtualrealitytechnologyinthecomputersystemofthefictitiouslaboratory,theexperimentercanfinishtheexperimentprojectsofdifferentreservationsasinthetrueenvironment,studymadeortrainresultequivalenceonsuperiortoresultmadeamongtrueenvironmenteven.Wehavedesignedthisphysicalexperimentallearningwebsitetosupportstudentstostudyforthis.Haveadopted3DMAXtechnology,CULT3DMAXtechnology,thetechnologyofhuman-computerinteraction(BBStechnology,thetechnologyofthechatroom).Amainandresponsibleoneofmineisthattheinterfaceisdesigned.目录:第一章物理虚拟实验制作概述1.1虚拟实验的优点1.2虚拟实验运用的技术第二章界面设计流程2.1网页艺术设计的内容2.1.1.视听元素2.1.2版式设计2.2网页艺术设计的原则2.2.1.主题鲜明2.2.2形式与内容统一2.2.3强调整体2.3网页艺术设计的特点2.3.1.交互性与持续性2.3.2多维性2.3.3多种媒体的综合性2.3.4技术与艺术结合的紧密性第三章界面具体设计3.1登陆页的设计3.2主页的设计3.2.1布局设计3.2.2导航设计3.3实验操作界面3.3.1论坛3.3.2聊天室第四章总结4.1界面设计总结4.2本次网络教学研究的价值第一章物理虚拟实验制作概述1.1虚拟实验的优点1.网络是一个信息宝库，作为祖国的明天的我们，更是应该掌握网络技术，今后才能不被社会所淘汰。网络让巨大的地球变成了一个“地球村”，不管你在哪里只要你可以上网，你便可以畅游世界。网络的虚拟性为每一个人发展自己的才能提供了舞台，现在不是出现了许多网络歌手吗？对我们中学生而言，网络的虚拟性可以让我们的潜能得到发挥，我们可以在网上发表文章，参与国政商讨，但一定也要对自己的行为进行约束，不能违反网上规定的行为。网络可以让你我的心靠得更近，但对人的负面影响也是潜移默化的，要做一个合格的网民，就必须遵守规章制度愿网络可以为你，铺设一条更宽大的路。我感受到了网络学习的魅力。如果要把一个人的心灵拿来作比，那么网络正是开启你心智、启迪你思维、实现你心愿的最好帮手。现在，我们生活在一个日新月异的时代、一个充满想象的时代、一个令人鼓舞的时代。网络的出现和发展，正在迅速而深刻地影响着、改变着我们的生活以及其他方方面面。你对数字化（网络）生活充满着多少想象和期待，你的生活因此就会变得多么丰富多彩和与众不同。网络就是一所开放的大学。2..虚拟现实实验室是虚拟现实技术应用研究的重要载体。随着虚拟实验技术的成熟，人们开始认识到虚拟实验室在教育领域的应用价值，它除了可以辅助高校的科研工作,在实验教学方面也具有如利用率高,易维护等诸多优点.近年来,国内的许多高校都根据自身科研和教学的需求建立了一些虚拟实验室。网络虚拟实验室是一个无墙的中心,通过计算机网络系统,研究人员或学生将不受时空的限制,随时随地与同行协作,共享仪器设备,共享数据和计算资源,得到教师的远程指导及与同行相互研讨。由于通过网络虚拟实验室能够实现跨时空跨学科的仪器设备远程共享,甚至远程控制,虚拟实验作为现代远程教育的重要组成部分在保障教学效果方面起着不可替代的作用,已经获得了越来越多人的青睐。但是由于它的发展起步较晚,技术上还很不成熟。由于受市场竞争的影响，新一代的设计和制造技术正在向全球化、网络化、虚拟化的方向发展，基于网络的虚拟三维环境的构建是支持这一发展的技术之一。互联网技术和计算机技术的发展使3D图形在网络上的传输与PC机上的显示功能越来越完善。VRML（VirtualRealityModelinLanguage）正是被Web3D协会（Web3DConsortium）设计出来作为网络3D图形文件的格式标准。今年Web3D协会（Web3DConsortium）又颁布了新一代VRML标准——X3D，它的含义是Extensible3D。它是下一代的，可扩展的，互联网上的3D图形规范。虚拟实验室是一种特别的、分布式的解决问题的环境,是提供给用户的一个基于网络的实验教学、技术交流、共同研究、协同工作的平台,是一种基于计算机虚拟原型系统的全新的科学研究与工程设计方法,是除理论与实物实验之外的第三种研究设计手段和形式。说明虚拟实验室不仅是远程教育所必需的,对于全日制普通高校也是非常重要的,具有十分广阔的应用前景。1.2虚拟实验运用的技术1.2.1技术综述1.多媒体计算机技术与仪器技术的结合构成了网络虚拟实验室实现的基础,使人们拥有自己实验室的幻想与愿望可以在计算机屏幕上通过场景式图形界面而得以“实现”。无论是学生还是教师,无论是在近处还是远方,大家都可以自由地、无顾虑地随时进入网络虚拟实验室操作仪器,进行各种实验。这不但为实验类课程的教学改革及远程教育提供了条件和技术支持,还可以随时为学生提供更多、更新、更好的仪器。1构建基于虚拟仪器的网络实验室[1~3]1.1实验室的实现原理网络虚拟实验室的构建多使用BSDA(browser/server/data-base/application)结构,即客户端/…近年来,虚拟现实技术的出现为虚拟实验的发展带来了新的生机。由于它采用了3D数字化技术、多传感交互技术以及高分辨显示的科学可视化技术,能够生成三维逼真的虚拟场景,并能使用户与场景进行实时交互,感知和操作虚拟对象,因而能够提供比现有虚拟实验更佳的性能和更好的教学效果。论文对虚拟实验和虚拟现实技术进行了分析,深入研究了如何利用虚拟现实技术及Web技术来架构新型的网络虚拟实验系统。在系统设计与实现过程中,针对当前远程教学系统的特点采用桌面型虚拟现实系统,使用户只需通过鼠标和键盘就能够与虚拟场景进行交互。Cult3D是一种强有力的3D渲染技术，它采用先进的压缩技术，并支持多重阴影效果、贴图和双线性滤镜，这样制做出来的物体模型具有极度逼真的画质，使浏览者可以得到近乎完美的视觉效果。而且Cult3D可以实现复杂的动画，这就为物体添加交互性创造了众多的机会。我们的出发点处于人机工程学这个大背景，遵循人机工程学的基本观点，在“以人为中心”前提下强调人机配合。1.2.2技术具体介绍1.3DMAX的优点：3DMAX是一个功能很强的随意性很高的制图软件，它的目标是生成漂亮逼真的图片，而这些图片中的元素基本上都是由操作都手工制作出来的，而不是现场的照片。城市街头会有很多大幅的图片，其中很多都是这么做出来的，尤其是一些建筑的效果图，您想想，建筑还没建好呢，那它的图片是怎么做出来的呢。3DMAX为了达到这个效果，提供了大量的而且是很随意的三维造形功能，让操作者几乎无所不能（不过我觉得还是有缺欠，用起来不方便，不直观），然后再利用它很强的渲染功能生成图片。象上面所说的，它的另一个功能是可以制出动画片的。2.cult3DMAX优点：模型质量高，交互性能好。不管是二维还是三维，良好的图像质量都是非常重要的。Cult3D是一种强有力的3D渲染技术，它采用先进的压缩技术，并支持多重阴影效果、贴图和双线性滤镜，这样制做出来的物体模型具有极度逼真的画质，使浏览者可以得到近乎完美的视觉效果。而且Cult3D可以实现复杂的动画，这就为物体添加交互性创造了众多的机会。Cult3D的开发过程也比较简单。首先，您必须使用一个三维模型制作软件（3DMAX或MAYA），制做物体的三维模型。制做前您必须先下载插件Cult3DExporterfor3DMAX或Cult3DExporterforMAYA。只有装好输出插件，3DMAX或MAYA才可以将3D模型输出成Cult3DDesign的C3D格式。3．论坛又名BBS，全称为BulletinBoardSystem(电子公告板）或者BulletinBoardService（公告板服务）。是Internet上的一种电子信息服务系统。它提供一块公共电子白板，每个用户都可以在上面书写，可发布信息或提出看法。它是一种交互性强，内容丰富而即使的Internet电子信息服务系统。用户在BBS站点上可以获得各种信息服务，发布信息，进行讨论，聊天等等。像日常生活中的黑板报一样，论坛按不同的主题分为许多版块，版面的设立依据是大多数拥护的要求和喜好，用户可以阅读别人关于某个主题的看法，也可以将自己的想法毫无保留地帖到论坛中。一般来说，论坛也提供邮件功能，如果需要私下的交流，也可以将想说的话直接发到某个人的电子信箱中。在论坛里，人们之间的交流打破了空间，时间的限制。在与别人进行交往时，无须考虑自身的年龄，学历，知识，社会地位，财富，外貌，健康状况，也无从知道交谈的对方的真实社会身份。这样，参与讨论的人可以处于一个平等的位置与其他人进行任何问题的探讨。论坛往往是由一些有志于此道的爱好者建立，对所有人都免费开放。而且，由于BBS的参与人众多，因此各方面的话题都不乏热心者。我们当然可以利用它来解决