交互式网页设计论文

******大学毕业论文论文题目：交互式网页设计毕业生姓名：***专业：计算机科学与技术指导教师姓名：***论文完成时间：200*年6月1目录摘要………………………………………………………2第一章程序开发环境简介………………………………3第二章序言………………………………………………5第三章网页的分析………………………………………7第四章总体设计…………………………………………11第五章详细设计…………………………………………14第六章调试、运行和测试………………………………21第七章联结网站及维护………………………………22第八章结束语……………………………………………24附录主要窗体的源代码…………………………………262摘要本文以网络学院网站建立为例介绍了互交式网页的设计整个过程，首先说明了程序开发环境和学校网站的网页设计与制作特点，然后介绍总体设计的步骤，最后介绍所需要完成的主要内容，以及设计、编码和调试的过程。在开发方法上本网站利用了软件工程化的思想和方法，总体上采用结构化生命周期开发方法。并采用VisualBasic.Net作为开发工具，SQLServer2000作为数据库开发工具。本网站由学院介绍、招生信息、教学管理、课件演示、教学辅导及ＢＢＳ各部分组成。其中本文以教学辅导的网上答疑、毕业论文、课件演示预告、课程作业要求、考前辅导的网页设计为对象进行讨论。学习使用可视化编程工具VisualBasic.Net联系SQLServer2000来设计交互式网页。关键字：交互式网页,VB.Net,SQLServer2000数据库3第一章程序开发环境简介程序开发环境就是指VisualStudio.Net系统,该系统主要用于开发企业规模Web应用程序，以及高性能的桌面应用程序。所谓.Net就是指Net框架（这是最具代表的创新之一），它是一种用于构建、配制和运行Web服务及应用程序的多语言环境。使用.Net结构创建交互性更好、反映更灵敏的集中存储的软件，同时.Net改善了这些工具并简化了创建过程。这意味着，用户可以使用自己所熟悉的图形控件及操作方式，而且可以依次进行动态升级，从而集中管理应用程序。VisualBasic.Net是其中一种高级编程语言，它由Basic演化而来。Basic（Beginner’sall-purposeSymbolicinstructionCode）是60年代中期由达特茅斯大学的JohnKemeny和ThomasKurtz教授所开发，用来编写简单程序的语言。次后Basic被广泛的应用于各种类型的计算机上，这也使它的功能得到大大增强。当BillGates创建Microsoft公司的时候，他在早期的几种计算机上采用了Basic。随着80年代后期和90年代前期MicrosoftWindows图形用户界面（GUI）的开发，Basic也自然演变为VisualBasic，并由Microsoft公司在1991年正式推出。VisualBasic.Net是一种事件驱动的可视编程语言，它用集成开发环境（IDE）创建程序。在集成开发环境下，程序员可以很方便地编写、运行、测试和调试VisualBasic程序，从而使创建工作程序的时间比不用IDE减少了许多倍。这种快速创建程序的过程叫做快速应用开发（RAN）。VisualBasic是世界上应用最广泛的RAN语4言。VisualBasic.Net的功能强大，它还包括了强大的数据库，并且启用了增强的语言互操作性：不同语言的软件组件之间能够进行交互。开发者还能组装老的软件使之能与VisualBasic.Net程序一起工作。而且，VisualBasic.Net程序还能通过因特网交互，使用行业标准，诸如简单对象访问协议（SOAP）和可扩展标记语言（XML）等。VisualBasic.Net对Microsoft的.Net策略是至关重要，所以现在的VisualBasic开发者很容易迁移到.Net中。.Net和VisualBasic.Net体现出的这种先进性将导致新的编程风格，即使用来自与Internet的组件（WEB服务）创建应用程序。5第二章序言现代远程高等教育是以计算机网络技术为基础，多媒体技术为重要手段，与高等教育的培养目标相一致的宽进严出式新型高等教育模式，是国家《面向21世纪教育振兴计划》中的重要工程，是国家加快高等教育事业发展的重大举措。现代远程高等教育以网络教学与面授辅导相结合，电子教材与文字教材相结合，课件学习与网上辅导相结合，超越了时空、地域限制，充分满足了学生自主学习的愿望。较好地解决了在职从业人员的工学矛盾，极大地锻炼了学生的自学能力和网上获取知识的能力，得到了社会的广泛认可。随着科学技术的不断提高,计算机科学日渐成熟,其强大的功能已为人们深刻认识,它已进入人类社会的各个领域并发挥着越来越重要的作用。今天，计算机的价格已经十分低廉，性能却有了长足的进步。它已经被应用于许多领域，计算机之所以如此流行的原因主要有以下几个方面：首先，计算机可以代替人工进行许多繁杂的劳动；其次，计算机可以节省许多资源；第三，计算机可以大大的提高人们的工作效率；第四，计算机可以使敏感文档更加安全，等等。作为计算机科学的一部分,因特网的普及与应用，改善着人类社会的生活、学习和工作的方式，同时也推动着与网络相关的新知识、新技术的快速传播。当上网被人们普遍接受后，制作网页、在网上发布信息成为了一种新生的事物。网页是虚拟网络空间中信息表达的利用与反馈，是网络的基本构成单元。网页作为企业、政府或个人在互联网上展示自己的窗口，在宣传和传播信息方面起着越来越大的作用。制作网页的意义在于：(1)对于大公司来说,它可以在网上开展电子商务,推销产品,发布有关产品的技术支持,在公司和客户之间架起联系的桥梁。如美国著名的DELL公司,已取消了所有产品代理商,其产品完全在网上销售。对于大公司来说,一个网6页发布后所起的作用,比上千个技术、销售人员全球满天飞的作用还大。(2)对于小公司来说,制作网页的主要目的是为企业、产品做广告。网页由于不受时间、地域的限制，其广告作用有非常大的优点，有人形容网上广告是“永不落幕的交易会”。(3)对于政府机构来说,网页有增加政府形象，提高政府办事透明度，增强社会对政府的监督及政策、法规的发布说明等优点。(4)对于教育部门来说,网页可以进行远程教育、模拟考试、网上辅导，对提高整个国民素质水平有很大的帮助，而且节省了大量教育经费。(5)对于个人来说,可以通过网页介绍自己，结交更多的朋友，寻求更好的工作岗位，发表自己的文章、观点、作品，甚至可以为别人编写网页而赚钱谋生。一个网站中的网页总是包括静态网页和动态网页二种。静态网页也称为静态HTML文件,它是一次性写成的。制作好静态网页后，内容相对稳定，不需经常修改，文件比较小，适合在网上传输，执行效率高。有关网站介绍、个人信息、销售网络、服务信息、联系信息等是一些相对不变的信息，其更改的频率不高，以静态网页的方式进行发布；动态网页是指能随数据库内容不断变化地显示数据库中的信息，可根据用户的选择返回不同的页面。有关产品的信息、网上销售的信息（产品价格、产品目录、购物车、定单等）以及其他服务（如技术支持、新闻动态、论坛系统、留言本）则采用动态网页的形式。本文讨论的网上答疑、毕业论文、课件演示预告的网页为动态的形式、课程作业要求、考前辅导的网页为静态的形式。7第三章网页的分析§3.1可行性分析现代远程高等教育系统是使用计算机进行网上日常教学工作的系统。通过使用计算机技术、信息技术、数据库技术，来提高网络学院的工作质量和工作效率为目标，利用先进的硬件设备，对网络教学日常工作的各个教学环节实行计算机管理、控制和远程授课。在该项目的可行性研究与计划工作中，通过对网络工作环境进行的实地调查和管理工作人员的交流，对学生日常学习的情况、教师工作流程、所完成的任务和存在的问题的研究，认为目前本网络信息系统的建设是完全可行的。主要表现如下所述。1、技术可行性通过对远程学生的学习情况调查研究和日常教学工作的分析，拟定，采用Microsoft公司的VisualBasicNet工具进行网络系统开发。VisualBasicNet工具软件是Microsoft公司开发的可视化应用程序的编程工具。对开发人员而言，NET是一个完美的开发平台。目前，Microsoft公司的VisualBasicNet是该公司推出的最新版本。后台数据库设计使用SQLserver2000集成的数据库管理系统，数据表存储格式为*.dbo。这一数据存储格式是目前最常见的数据库数据存储格式，可以很方便的进行管理，也可以很容易的移植到其他数据库系统中。因此，在技术上，开发网络学院系统在技术上是可行的。2、经济可行性8目前，学校有足够容量的计算机服务器可以用来支持网站学院系统的运行。采用VisualBasicNet开发网站学院系统本身就具有开发成本低的优点。在硬件上不需要投入多余资金，所需花费主要是软件开发的费用。以目前学校的经济情况，支持这一网络系统开发是完全可行的。3、人员可行性作为开发网站学院系统的团队，我们已经掌握了开发这一系统所需要的全部技术，完全有能力成功开发这一系统。另在老师和领导的高度重视和大力支持下，可以很方便的和工作人员交流，获取关键的信息，另外，网站学院工作人员都具备较高的文化水平，而且都已经经过严格的计算机培训。开发完成的网站学院系统的维护可以很顺利的进行，不需要太多的系统培训。因此，实现网站学院系统在人员上是完全可行的。综上所述，系统开发是完全可行的。§3.2网页的规划设计一、网页的定位规划设计一个网页，首先遇到的问题就是网页定位的主题。所谓主题也就是网页的题材。网络学院网站属于.edu网站，这类网站的设计不应制作得太过于五彩缤纷、花枝招展。因为这类网站大多数都是一些学术性网站，需表现出一种庄重而高雅的学术气氛。主要的设计特征为：9（1）网页的顶部一般都是学校的名称或校徽，左边或顶部下方是一个竖的或横的导航条，其余部分布置一些有关学校简介或体现学校特色的图片。（2）网页的整体风格是追求古朴、庄重，给人以治学严谨、勤奋好学、科研活跃的印象。（3）网页的主题明确，表达简练，一般均用简单的线条和文字来表达丰富的内容。（4）在网页的色彩设计上以冷色调为主，版面安排简洁、明了。（5）一般都附加特殊的功能，如：搜索引擎、专题论坛等功能。二、设计原则网页的界面应该保持统一，以保证页面在浏览时有较高的下载速度，网页的性能安全可靠，具有一定的开放性，易于管理，网页的内容便于扩充，实现信息资源的有效共享。三、网页的风格网页的风格应该统一，这样才能够突出网页所要表述的主题，也同时能够帮浏览者快速了解站点的结构和浏览机制。网页的色彩上应该突出个性不失简洁。整个页面要具有个性，主题突出。网页的栏目保持相应的一致，使浏览者对站点的结构一目了然，便于留言者浏览。四、规划网页浏览方式很多站点都会包含多个网页，如何让用户知道在这些网页，并访问它们，这是网页制造者必须考虑到的事情，如果用户不知道如何访问需要的页面，也就无法得到想要的信息。应该在网页创建时规划网10页的浏览机制，目的是提供清晰易懂的浏览方法，采用统一的网页组织形式，引导用户轻松自如访问每个网页。在规划网页浏览方式应注意：*创建返回主页的链接*显示网页当前位置*具有能反馈信息的地方11第四章总体设计总体设计也称为概要设计。在总体设计中要解决的问题是“怎样做”以及“做什么”问题。总体设计的任务是：划分出组成网页的物理元素。如：程序、文件、数据库、过程和文档等。①设计网页的结构，确定中每个程序由哪些模块组成，并确定模块与模块之间的关系。②寻找实现目标网页的各种不同的方案，然后从中选取合理的方案，列出组成网页的所有物理元素，制定实现这个方案的进一步计划。③选择一个最佳方案向用户推荐，并进一步为这个最佳方案设计软件结构，进行必要的数据库设计。一．版面设计(CSS)CSS(样式表)属于DOM的一部分，它的功能非常强大，几乎能够实现页面外在视觉效果的一切变化。它可