教学网站的设计与实现-文献综述

第一篇：教学网站的设计与实现-文献综述

河北大学2011届本科生毕业论文（文献综述）

文献综述

计算机和互联网技术日新月异的发展，正在迅速地改变人们传统的生活、工作和学习方式。多媒体计算机技术、以及 Internet 的不断普及，使得通过网络进行教学获得了前所未有的技术支持的。网络教学打破了传统课堂的界限，可以创造不受时空限制的的多元化学习环境，网络教学能够充分利用现代化的教学手段和多种教学资源，为学习者提供一个良好的教与学的环境，并能激发学习者的学习兴趣，使学生更主动的参与学习。

网络教学平台的建设是实现网络教学的重要方面。依托现代教学理论，利用软件设计技术，建立辅助教学的网站是行之有效的辅助教学工具，是达到资讯交流与资源共享的最佳途径。随着现代教学技术的普及，针对某一门课程开发一个辅助教学系统可以弥补传统课堂教学的不足，优化课堂教学，提高教学质量。《数据结构》是计算机科学与技术等相关专业的核心课程。然而，长期以来，教学方式仍是单一课堂讲授为主，变化也仅是课件代替了板书，其缺点是缺少课堂互动，不利于学生对知识的建构理解，无法调动学生的积极性。而且，同其他课程相比，《数据结构》这门课程概念多而且复杂，理解起来比较抽象，程序的编写比较困难，算法的思想难于建立。仅凭教师课堂讲解，学生往往难于完全理解和掌握教材中的知识点，更不用说灵活运用进行编程了。为提高《数据结构》的教学效果，通过先进的教学手段来辅助教师教学是十分必要的。因此，在这一背景下提出了开发基于《数据结构》课程的教学网站的构想并付诸实施。

ASP和ASP.NET是WEB开发领域比较流行的动态WEB开发技术。ASP是Active Server Page的缩写，即活动服务器页面，是一个WEB服务器端的开发环境，利用它可以结合HTML网页、ASP指令和Active X元件建立和执行动态的、互动的、高性能的WEB服务应用程序。ASP.NET并不是ASP的简单升级，而是全新一代的动态网页实现系统，它是微软发展的新体系结构.NET的一部分，是ASP和.NET技术的结合。ASP.NET提供基于组件、事件驱动的可编程网络表单，大大简化了编程，还可以用于建立网络服务。

我们从一些具体方面对ASP和ASP.NET进行比较。

一、开发语言不同。ASP的开发仅限于non-type脚本，且使用的是VBS/JS这样的脚本语言混合HTML来编程，而那些脚本语言属于弱类型面向结构的编程语言，因此在使用ASP和WEB唐家代码时容易出现代码杂乱。而ASP.NET本身就是一种面向对象的编程语言，它具有封装性、继承性、多态性等此类面向对象编程语言的一切特性，因此它不仅摆脱了ASP使用脚本语言编程的缺点，而且，ASP.NET允许用户使用strongly-type编程语言

河北大学2011届本科生毕业论文（文献综述）

和.NETFramework开发。

二、开发方式不同。ASP是一种把界面设计和程序设计混合在一起的开发方式，后期维护起来会比较困难；而ASP.NET则是一种把界面设计和程序设计以不同文件分离开来的开发方式，复用性和维护性得到有效提高。

三、运行机制不同。ASP是解释解释运行的编程框架，执行效率相对比较低；而ASP.NET则是编译框架，程序所运行的是服务器上已经编译好的公共语言，效率方面会相对比较高。

ASP.NET和ASP最大的区别不仅仅在于功能的增强，而在于编程思维的转换。下面，就从语言方面和功能方面来分别参数传统ASP产生的问题：

在语言方面。首先，ASP的代码逻辑混乱，难于管理。由于传统ASP是吧HTML内容和ASP WEB页面的源代码紧密的集成在一起。因为没有分离代码和HTML的内容，所以很难看清代码的逻辑关系。而且随着程序复杂性增加，使得代码的管理十分困难，甚至超出一个程序员所能达到的管理能力，从而造成这样或那样的问题。其次，代码的可重用性差。由于是面向结构的编程方式,并且混合HTML,所以可能页面原型修改一点,整个程序都需要修改,更别提代码重用了。再者，弱类型造成潜在的出错可能。ASP的开发仅局限于non-type脚本,且使用的VBS/JS这样弱类型面向结构,而非面向对象的编程脚本语言与HTML语言混合编排的,因此在使用ASP给Web添加代码时容易出现代码杂乱。尽管弱数据类型的编程语言使用起来方便一些,但相对于它所造成的出错几率是远远得不偿失的。

在功能方面。首先，安全性差。ASP是微软(Microsoft)所开发的一种后台脚本语言,它的语法可以像SSI(Server Side Include)那样把后台脚本代码内嵌到HTML页面中。虽然ASP简单易用,但是它自身安全性较差。目前在微软的.NET战略中新推出的ASP.NET借鉴了Java技术的优点,使用C#语言作为ASP.NET的推荐语言,同时改进了以前ASP的安全性差等缺点。其次，缺乏完善的纠错/调试功能。而且，功能弱。一些底层操作只能通过组件来完成。

微软推出的ASP.NET,是全新一代的动态网页实现系统,是微软发展的新体系结构.NET的一部分,是ASP和.NET技术的结合。此外,还可用ASP.NET建立网络服务。ASP.NET摆脱了以前ASP使用脚本语言编程的缺点,理论上可以使用任何编程语言包括C++,VB,JS等。当然,最合适的编程语言还是MS为.NETFrmaework专门推出的C#。首先它是面向对象的编程语言,所以它具有面向对象编程语言的一切特性,比如封装性、继承性、多态性等等。封装性使得代码逻辑清晰,易于管理,并且应用到ASP.NET上就可以使业务逻辑和HTML页面分离;继承性和多态性使得代码的可重用性大大提高,你可以通过继承已有的对象最大限

河北大学2011届本科生毕业论文（文献综述）

度保护你以前的投资,并且C#和C++、Java一样提供了完善的调试/纠错体系。一个全新技术诞生的时候,总是充满困难的。

通常对于一个新技术,总会听到好与坏两方面意见。从传统ASP到ASP.NET的转变,它便利的功能弥补了ASP的不足。然而,ASP.NET并不是Web应用技术的终结,随着科技的不断发展,相信还会向更新更好的发展方向前进。

谭浩强的《ASP的动态网页设计》一书中在谈到ASP.NET的工作原理时讲到：我们可以吧ASP.NET页面看层一般的HTML页面，当安装.NET时，本地IIS Web服务器自动被配置成.ASPX文件，且用ASP.NET模块aspnet_isapi.dll文件来处理。ASP.NET 模块分析ASPX文件内容并将文件内容分解成单独命令以建立代码的整体结构。完成此工作后，ASP.NET模块将各命令放置到预定义的类定义中。然后使用这个类定义一个特殊的ASP.NET对象Page。该对象要完成的任务之一就是生成HTML流，这些HTML流可以返回到IIS，再从IIS返回到客户。简言之，在用户请求IIS服务器提供一个页面时，IIS服务器就根据页面上的文本、HTML和代码建立该页面。

在网站的建设与实现过程中，HTML语言是必不可少的。在张金霞的《HTML网页设计手册》一书中见到HTML语言是制作网页的基础语言。本书由最基本的HTML语法开始讲解网页设计的基础技术，详细介绍了各种网页制作的标记；最后以应用最广泛的Dreamweaver为例，介绍网页设计的方法。在讲解中配有大量范例，使在实际操作中学习制作网页。

现在不论是做软件还是做网站，后台数据库对于它们来说都是必不可少的。王珊,萨师煊的《数据库系统概论》加强关系数据库系统的讲解，特别是SQL的内容紧跟标准的发展。而后讲到的数据库设计的基本步骤：需求分析、概念结构设计、逻辑结构设计、物理结构设计、数据库实施、数据库的运行和维护等。还更新了数据库安全性的部分内容；加深了关系查询处理和查询优化的内容；讲解了应用开发所需的ODBC、JDBC等概念和方法。

总之，通过这段时间查阅网站建设的相关资料、文献等，对这个项目的实施有了进一步的理解和看法，对其中的问题也有了大致的解决方法，并且也有了初步的规划。这对我接下来项目的实际实施有很大的帮助。但是由于我的技术水平还不扎实。也不太到位，对本篇论文的很多问题还没有深刻的了解，难免文章中存在一些不妥的地方，希望老师给予宝贵意见，谢谢老师。

河北大学2011届本科生毕业论文（文献综述）

参考文献：

[1] 张海藩． 软件工程导论(第四版).北京：清华大学出版社，2003 [2] 王珊，萨师煊．数据库系统概论.北京：高等教育出版社，2006 [3] 张金霞．HTML网页设计手册[M].北京：清华大学出版社，2006． [4] Java Web整合开发实战.北京：清华大学出版社，2013 [5] 徐国平，JSP网络开发实务.北京：电子机械工业出版社，2001 [6] Tomcat与Java Web开发技术详解（第二版）.北京：电子工业出版社，2009 [7] 王剑南．Java面向对象B/S后台开发精粹.北京：清华大学出版社，2013 [8] 周颢.网络编程语言JSP实例教程.北京：电子工业出版社，2005 [9] 洪丹丹.基于J2EE轻量级框架的安全Web架构研宄与应用[D].成都:电子科技大

学，2009 [10] 蒋军强.MySQL数据库中乱码成因及解决办法探究[J].科技信息(科学教研），2007

第二篇：班级网站设计与实现

沈阳化工学院

本科毕业论文

题 目: 班级网站设计与实现 院 系: 计算机科学与技术学院 专 业: 计算机科学与技术 班 级: 计算机0802 学生姓名: 金智宇 指导教师: 张 丽

论文提交日期:2012年06月20日 论文答辩日期:2012年06月26日

I

内容摘要

随着人类的进步，网络技术不断发展和计算机的普及，越来越多的人拥有自己电脑，让人们的生活更快捷和丰富，并且丰富人类的精神世界和物质世界，让人类最便捷地获取信息，找到所求，让人类的生活更快乐。

网络的普及越来越多的学校和班级通过计算机网来管理各项事务。同时，学生与学生之间通过网络来交流的方式也日趋频繁。在这种潮流的趋势下，应该采用什么样的方式来更好的管理学生各项信息和班级各项日常事务，以及怎么是学生之间能更好的交流，成为一个问题。

班级网站设计是为了合理的利用网络资源，提供班级与交流、有管理班级事务的网络平台。本网站基于B/S模式，在ASP.NET集成开发的环境下采用C#语言开发完成。本网站有班级介绍、班级相册、同学登陆、班级留言、学习空间、休闲等模块。网站的设计体现个性化要求。其中同学登陆模块实现了用户注册、登陆与修改个人资料等功能；班级相册实现图片上传和在线浏览功能；班级留言实现网上留言功能；提供交流平台。本网站 促进班级学生的学习交流，实现用户自由访问，增加同学们的相互了解，增强班级凝聚力。

关键词: 网站建设、网站运营、ASP.NET|、SQL server 2005

II

Abstract With the progress of mankind, the continuous development of network technology and the proliferation of computers, more and more people have their own computer to make people's lives more efficient and rich, and enrich our spiritual world and physical world, human access to the most convenientinformation, find what we seek to make human life happier.More and more schools and classes of the popularity of the network through the computer network to manage the affairs.At the same time, the way to communicate through the network between the students and the students become more frequent.In this fashion trends, what way should be used with good management students all the information and classes the daily affairs, and how better communication between students, become a problem.The class website is designed to use the network resources to provide classes and exchanges, to manage class affairs network platform.This site is based on B / S mode, ASP.NET integrated development environment using C # language developed.This site have a class, class album, the students landing, message classes, learning space, leisure and other modules.The site design reflects the individual requirements.Students landing module user registration, login and modify personal information;class album image upload and

III

online feature;class message Message function;provide an exchange platform.This site to promote the exchange of classes students learn to achieve the users the freedom to access, increase mutual understanding of the students, and enhance class cohesion.Key words: Website building、website operators、ASP.NET|、server 2005

IV

SQL

目录

班级网站设计与实现.........................................................................1 一.绪论..........................................................................................1 1.1 课题背景来源和发展意义..........................................................1 1.1.1 课题背景.............................................................................1 1.1.2 课题来源.............................................................................1

二.开发工具与开发技术..................................................................3 2.1 开发技术...................................................................................3 2.1.1 ASP.NET技术....................................................................3

2.2 开发工具...................................................................................4 2.2.1 SQL server 2005数据库.....................................................4

2.3 开发环境...................................................................................5 2.3.1 Visual Studio.NET2010开发环境.....................................5 2.3.2 CSS样式表在HTML中的实现............................................7

三.方案设计与论证........................................................................9 3.1 项目概述与需求分析.................................................................9 3.1.1 目标....................................................................................9 3.1.2 用户的特点..........................................................................9

V

3.1.3 假定和约束..........................................................................9

3.2 设计中的图表..........................................................................10 3.2.1 对功能的规定....................................................................10 3.2.2 网站结构图：....................................................................11 3.2.3 类图..................................................................................12

3.3 测试........................................................................................12 3.3.1 软件测试...........................................................................12

四.设计与实现..............................................................................14 4.1 网站框架和代码......................................................................14 4.1.1 添加用户...........................................................................14 4.1.2 管理用户...........................................................................15

4.2 网站首页.................................................................................15 4.2.1 班级首页...........................................................................15 图4.2.1班级首页.........................................................................16 4.2.2 网站首页部分代码.............................................................16

4.3 网站介绍.................................................................................18 4.3.1 班级介绍...........................................................................18 4.3.2 班级介绍部分代码.............................................................19

4.4 资源共享.................................................................................22 4.4.1 资源共享介绍....................................................................22 4.4.2 连接代码...........................................................................22

VI

4.5 专业课程.................................................................................23 4.5.1 课程信息...........................................................................23 4.5.2 专业课程部分代码.............................................................23

4.6 班级通讯.................................................................................24 4.6.1 通讯界面...........................................................................24 4.6.2 班级通讯部分代码.............................................................25

4.7 留言飞语.................................................................................27 4.7.1 留言界面...........................................................................27 4.7.2 同学留言部分代码.............................................................27

4.8 联系方式.................................................................................29 4.8.1 管理员联系界面.................................................................29 4.8.2 联系方式部分代码.............................................................29

五.结果与评价..............................................................................31 六.结论.........................................................................................32

VII 沈阳化工学院学士学位论文

第一章 绪

论

班级网站设计与实现

一.绪论

1.1 课题背景来源和发展意义

1.1.1 课题背景

随着互联网的进一步发展与成熟，网络的带宽进一步加阔，网络应用也越来越广泛。网页制作更是日新月异，层出不穷。涌现了很多琳琅满目的网站，使得整个互联网多姿多彩。网页功能分析就是以系统的观点，对已选定的对象与开发范围进行有目的、有步骤的实际调查和科学分析。分析的目的就是要弄清楚网页要做什么，最终为后面的设计工作打下基础。需求分析是制作一个网站的第一步。在制作网站之前，首先要了解客户的需要和要求。这些必要的信息包括客户所要表达的理念、界面显示的内容和栏目的要求、网站功能方面的要求等。根据客户的具体情况，需求也会有所差别。本网站是针对班级同学而设计的网站，主要是便于同学联系例如聚会、发布班级信息等系列的通知，同时本网站还针对同学们的需求建立个人信息空间，可以建立个人影集，彰显每个同学的个性与风采，相当于一个“便携式”的聊天平台，无论同学们以后身在那里我们都可以在茶余饭后对我们现在也或是过去进行讨论，彼此交换心得体会，更加了解班级的概况，增强同学之间交流。

1.1.2 课题来源

大学时代的同学之情是最真挚的一份感情。没有任何一个时代的学生比现在的学生们更加渴望言论自由，渴望情感交流。但在学分制条件下，快节奏的学习生活、越来越少的集体活动时间使同班同学之间的交流也日益困难。大学班级网站的建立为现实世界中的班级提供了一个非正式交往的虚拟平台，它为班级每一个成员都提供了平等、自由的发言机会，使相互的交流跨越了时间和空间的樊篱，也打破了男女间、寝室间的障碍。沈阳化工学院学士学位论文

第一章 绪

论

为了满足班级网站的交流目的。本网站包括：班级简介、班级相册、班级登陆、班级留言、学习交流、论坛等模块。班级简介模块，作为班级总体介绍平台，极少班级的建设，班级成员，班级成绩等；班级相册模块，包括用户上传图片以及图片的浏览功能，实现与数据库的衔接；班级登陆模块，包括注册和登陆两个子模块，通过注册可以成为班级成员，在通过登录拥有访问网站各项功能的权限；班级留言模块，实现用户的在线留言；班级论坛模块，论坛模块主要实现注册用户能在此网站平台之上交流，一般用户可以回复别人的发言，亦可提出自己的言论，一伙的其他人的建议和意见；

本系统使用ASP。Net技术的动态网页与SQL server2000数据库结合设计建立的一个班级网站。用户首先通过内部网络访问本站进行简单的注册并经营管理员审核通过后，即拥有了使用本网站上所提供的出管理模块的各项功能的权利。功能模块包括班级留言、班级相册、学习交流等，论坛社区提供用户之间的主要交流平台，用户可以发起自己的帖子，来引起班级其他同学的对本帖的讨论或回复，同时用户也可以对自己或别人的帖子提出自己的见解，从而很好地促进了班级内同学的交流。班级留言提供网上留言功能。留言可以使班级的老师班长或其他同学的留言，通过网络的迅捷的传输率达到快速的了解及处理班级各项事务的目的。班级相册可以将班级内同学的相册传到网站上自由浏览，增加班级的亲和力。以及以上功能很好的解决上面所提出的问题 沈阳化工学院学士学位论文

第二章 开发工具与开发技术

二.开发工具与开发技术

2.1 开发技术

2.1.1 ASP.NET技术

AS.PNET是一种建立在通用语言上的程序结构，能被用于一台Web服务器来建立强大的Web应用程序。ASP.NET是在服务器上运行的编译好的公共语言运行库，利用早期的绑定、实时编译、本机优化和盒外缓存服务，着相当于在编写代码行之前便显著提高了性能。另外，由于ASP.NET框架补充了Visual Studio 集成开发环境，想必ASP，使程序设计相对简化，结构更为清晰

ASP.NET的前身ASP技术，是在IIS 2.0上首次推出(Windows NT 3.51)，当时与 ADO 1.0 一起推出，在IIS 3.0(Windows NT 4.0)发扬光大，成为服务器端应用程序的热门开发工具，微软还 特别为它量身打造了Visual InterDev开发工具，在1994年到2000年之间，ASP技术已经成为微软推展Windows NT 4.0平台的关键技术之一，数以万计的ASP网站也是这个时候开始如雨后春笋般的出现在网络上。它的简单以及高度可定制化的能力，也是它能迅速崛起的原因 之一。不过ASP的缺点也逐渐的浮现出来：

意大利面型的程序开发方法，让维护的难度提高很多，尤其是大型的ASP应用程序。直译式的VBScript或JScript语言，让效能有些许的受限。延展性因为其基础架构扩充性不足而受限，虽然有COM元件可用，但开发一些特殊功能（像文件上传）时，没有来自内置的支持，需要寻求第三方软件商开发的元件。1997年时，微软开始针对ASP的缺点（尤其是意大利面型的程序开发方法）准备开始一个新项目来开发，当时ASP.NET的主要领导人Scott Guthrie刚从杜克大学毕业，他和IIS团队的Mark Anders经理一起合作两个月，开发出了下一代ASP技术的原型，这个原型在1997年的圣诞节时被发展出来，并给予一个名称：XSP，这个原型产品使用的是Java语言。不过它马上就被纳入当时还在开发中的CLR平台，Scott Guthrie事后也认为将这个技术移植到当时的CLR平台，确实有很大的风险(huge risk)，但当时的XSP团 沈阳化工学院学士学位论文

第二章 开发工具与开发技术

队却是以CLR开发应用的第一个团队。

为了将XSP移植到CLR中，XSP团队将XSP的内核程序全部以C#语言重新撰写（在内部的项目代号是 “Project Cool”，但是当时对公开场合是保密的），并且改名为ASP+，作为ASP技术的后继者，并且也会提供一个简单的移转方法给ASP开发人员。ASP+首次的Beta版本以及应用在PDC 2000中亮相，由Bill Gates主讲Keynote(即关键技术的概览)，由富士通公司展示使用COBOL语言撰写ASP+应用程序，并且宣布它可以使用Visual Basic.NET、C#、Perl与Python语言（后两者由ActiveState公司开发的互通工具支持）来开发。

在2000年第二季时，微软正式推动.NET策略，ASP+也顺理成章的改名为ASP.NET，经过四年的开发，第一个版本的ASP.NET在2002年1月5日亮相(和.NET Framework 1.0)，Scott Guthrie也成为ASP.NET的产品经理（到现在已经开发了数个微软产品，像ASP.NET AJAX和Microsoft Silverlight）。目前最新版本的 ASP.NET 4.0 以及.NET Framework 4.0 已经在VS2010平台内应用。

2.2 开发工具

2.2.1 SQL server 2005数据库

数据库是信息的集合，是指长期存储在计算机内的、有组织的、可共享的数据集合。数据库中的数据按一定的数据模型组织、描述和储存，具有较小的冗余度、较高的数据独立性和易扩展性，并可为各种用户共享。例如，记录客户信息、网络通讯录等。以往会将这些数据记录到纸上或是计算机某个文件中，如果要修改或查询则要消费大量时间。现在人们借助计算机和数据库技术科学地保存和管理大量的复杂的数据，以便能方便而充分的利用这些宝贵的信息资源。数据被规整地存储起来，修改和查询只需几条SQL语句就完成了。

Internet集成。SQL Server 2005 数据库引擎提供完整的XML 支持。它还具有构成最大的Web 站点的数据存储组件所需的可伸缩性、可用性和安全功能。SQL Server 2000 程序设计模型与 Windows DNA 构架集成，用以开发 Web 应用程序，并且SQL Server 2005 支持 English Query 和 Microsoft 搜索服务等功能，在Web 应用程序中包含了用户友好的查询和强大的搜索功能。沈阳化工学院学士学位论文

第二章 开发工具与开发技术

2.可伸缩性和可用性。同一个数据库引擎可以在不同的平台上使用，从运行 Microsoft Windowsreg;98 的便携式电脑，到运行 Microsoft Windows 2000 数据中心版的大型多处理器服务器。SQL Server 2005 企业版支持联合服务器、索引视图和大型内存支持等功能，使其得以升级到最大 Web 站点所需的性能级别。

3.企业级数据库功能。SQL Server 2005 关系数据库引擎支持当今苛刻的数据处理环境所需的功能。数据库引擎充分保护数据完整性，同时将管理上千个并发修改数据库的用户的开销减到最小。SQL Server 2005 分布式查询使您得以引用来自不同数据源的数据，就好像这些数据是 SQL Server 2005 数据库的一部分，同时分布式事务支持充分保护任何分布式数据更新的完整性。复制同样使您得以维护多个数据复本，同时确保单独的数据复本保持同步。可将一组数据复制到多个移动的脱接用户，使这些用户自主地工作，然后将他们所做的修改合并会发布服务器。

4.易于安装、部署和使用。SQL Server 2005 中包括一系列管理和开发工具，这些工具可改进在多个站点上安装、部署、管理和使用 SQL Server 的过程。SQL Server 2005 还支持基于标准的、与 Windows DNA 集成的程序设计模型，使 SQL Server 数据库和数据仓库的使用成为生成强大的可伸缩系统的无缝部分。这些功能使您得以快速交付 SQL Server 应用程序，使客户只需最少的安装和管理开销即可实现这些应用程序。

2.3 开发环境

2.3.1 Visual Studio.NET2010开发环境

1998 年，微软公司发布了 Visual Studio 6.0。所有开发语言的开发环境版本均升至 6.0。这也是 Visual Basic 最后一次发布，从下一个版本(7.0)开始，Microsoft Basic 进化成了一种新的面向对象的语言：Microsoft Basic NET。由于微软公司对于 Sun 公司 Java 语言扩充导致与 Java 虚拟机不 兼容被 Sun 告上法庭，微软在后续的 Visual Studio 中不再包括面向 Java 虚拟机的开发环境。Visual Studio 97 是最早的 Visual Studio 版本。包含有面向 Windows 开发使用的 Visual Basic 5.0、Visual C++5.0，面向 Java开发的 Visual J++和 面向数据库开发的 Visual FoxPro，还包含有创建 DHTML(Dynamic HTML)所需要的 Visual InterDev。其中，Visual Basic 和 沈阳化工学院学士学位论文

第二章 开发工具与开发技术

Visual FoxPro 使用单独的开发环境，其他的开发语言使用统一的开发环境。

2002 年，随着.NET 口号的提出与 Windows XP / Office XP 的发布，微软发布了 Visual Studio.NET（内部版本号为 7.0）。在这个版本的 Visual Studio 中，微软剥离了 Visual FoxPro 作为一个单独的开发环境以 Visual FoxPro 7.0 单独销售，同时取消了 Visual InterDev。与此同时，微软引入了建立在.NET 框架上（版本1.0）的托管代码机制以及一门新的语言 C#（读作 C Sharp，意为 C#）。C# 是一门建立在 C++和 Java 基础上的现代语言，是编写.NET 框架的语言。

.NET 的通用语言框架机制（Common Language Runtime, CLR），其目的是在同一个项目中支持不同的语言所开发的组件。所有 CLR 支持的代码都会被解释成为 CLR 可执行的机器代码然后运行。

Visual Basic、Visual C++ 都被扩展为支持托管代码机制的开发环境，且 Visual Basic.NET更是从 Visual Basic 脱胎换骨，彻底支持面向对象的编程机制。而 Visual J++ 也变为 Visual J#。后者仅语法同 Java 相同，但是面向的不是 Java 虚拟机，而是.NET Framework。

2003 年，微软对 Visual Studio 2002 进行了部分修订，以 Visual Studio 2003 的名义发布（内部版本号为 7.1）。Visio 作为使用统一建模语言（UML）架构应用程序框架的程序被引入，同时被引入的还包括移动设备支持和企业模版。.NET 框架也升级到了 1.1。

2005 年，微软发布了 Visual Studio 2005。.NET 字眼从各种语言的名字中被抹去，但是这个版本的 Visual Studio 仍然还是面向.NET 框架的（版本2.0）。

这个版本的 Visual Studio 包含有众多版本，分别面向不同的开发角色。同时还永久提供免费的 Visual Studio Express 版本。

随着即将发布的 Windows Vista和 Office 2007，Visual Studio 9 也渐渐浮出水面。Visual Studio 9 目前可以确定的是支持建立于 DHTML 基础上的 Ajax 技术，这种微软在 Visual InterDev 时代提出的基于异步的客户端动 态网页技术在当年并没有像微软预期中的那么流行起来，反而随着 Gmail 等应用而东山再起，渐渐成为主流网络应用之一。同时 Visual Studio 9 会强化对于数据库的支持以及微软新的基于工作流（Workflow）的编程模型。预计为了保持与 Office 系列的统一，Visual Studio 9 的名称为 Visual Studio 2007。沈阳化工学院学士学位论文

第二章 开发工具与开发技术

2007年11月，微软发布了 Visual Studio 2008 英文版，2008年2月14日发布了简体中文专业版。

2010年4月12微软发布Visual Studio 2010以及.NET Framework 4.0,并于2010年5月26发布了中文版

Visual Studio.NET2010是Microsoft推出.NET应用程序开发工具。Visual Studio，我们一般都简称为VS，Visual Studio其实是微软开发的一套工具集，它由各种各样的工具组成，这就好像Office 2007时由Word 2007、Excel 2007、Access 2007等等组成的一个道理。其中Visual C++就是Visual Studio的一个重要的组成部分。Visual Studio可以用于生成Web应用程序，也可以生成桌面应用程序，在Visual Studio下面，除了VC，还有Visual C#，Visual Basec，过去还有Visual J#，现在还有Visual F#等等组件工具，使用这些工具你可以使用C++语言C#语言或者Basic语言进行开发。这就好比桌上放着刀、叉、筷子，你可以用它来吃饭，无论它们都是餐具的一种

2.3.2 CSS样式表在HTML中的实现

在HTML网页中加入CSS并不是只有一种方法，在不同的情况下，可以采用不同的方法，比较常用的有下面几中。

1.嵌入式样式表

嵌入式样式表的实现很简单，只需在每个要应用样式的HTML标签后写上CSS属性即可。例如要设置指定表格中的文字的样式为红色，字号为10pt，可在当前表格的

标记内添加下面的代码：

。这种方式主要用于对具体的标签作具体的调整，其作用的范围只限于本标签。嵌入式样式表不能充分体现出CSS样式表的优越性，所以应用场合并不多。

2.内联式样式表

若想只对当前页面应用样式，就要使用内联式样式表。所谓内联式样式表就是把样式表定义语句放在标签中，设置时通常放在HTML代码的部分。

3.外联式样式表 沈阳化工学院学士学位论文

第二章 开发工具与开发技术

外联式样式表是将指定的样式代码放到一个扩展名为css的样式文件中以方便其他网页的调用。这种方式的优点是可以通过一个css文件管理网站中的多个网页。如果要对网站中其他页面进行样式引用，可以先把样式用记事本定义成一个“css”的文件。例如：打开记事本，将定义的名为h3的样式代码写到记事本中，保存的文件名为example.css，代码如下：

h3{ font-family:“黑体”;color：green;font-style：italic； } 引用时在网页HTML代码的标记后用引用这个样式文件，在部分的相应内容的前后加上

和

。沈阳化工学院学士学位论文

dd沈阳化工学院学士学论文

三.方案设计与论证

3.1 项目概述与需求分析

3.1.1 目标

该软件是一个基于.NET技术的网站管理软件，程序采用B/S架构，能提供浏览等功能。用户可以在网上浏览计算机班级网站的基本信息，资料的上传下载，也可以进行留言及回复。管理员经过登陆，能够管理网站里所有的信息的添加、修改和删除。网站风格力求简洁朴素，美观大方，能够完成基本的功能。

软件开发目的是理解软件文档写作规范以及利用.net开发简单的网站，同时也希望最终产品能满足班级成员的期望。该网站运行的平台应具有IE浏览器5.0以上版本。

3.1.2 用户的特点

用户不需要任何技术背景，但能够具有浏览网页的基本操作能力。用户也无须具备网络方面的知识，只需知道如何访问网站。管理员需要有电脑打字方面的技术。

3.1.3 假定和约束

本软件的开发期限为五周。完成项目的主要困难是： 1.缺乏B/S软件开发的背景和知识 2.缺少平面设计的相关知识经 3.对.net开发平台的不熟悉 4.开发技术不成熟 5.没有软件工程实际经验

由于是个人完成整个软件的开发过程，时间、人力和技术上都有限，因此部分功 沈阳化工学院学士学位论文

dd沈阳化工学院学士学论文

能已简略.3.2 设计中的图表

3.2.1 对功能的规定

用户通过首页进入网站，以点击不同的栏目或链接，转入其它页面来浏览本网站的相关内容。用户可以上传下载资料，同时可以留言以及回复。管理员进入网站登陆后，可以通过后台管理对网站的数据库进行相关的操作，主要的后台管理分为七部分，分别对应网站的六大模块与用户管理。

具体栏目需求：

名称

班级首页：

需求说明

能展示班级主要动态信息，设置导航栏以及后台接口。风格力求简约大方，自然清新，能够体现大学生的精神面貌。

显示本班级简介；在后台进行修改。班级简介：

专业课程： 展示班级课程安排

班级通讯： 展示班级同学与同学的联系，按日期降序排列。

班级相册： 展示班级相册；点击每一条可查看详细。

资源共享： 可以上传和下载资源；资源列表以日期降序排列。

留言飞语： 可以留言和回复；添加留言者各种联系方式。

联系方式： 显示管理员的联系信息。沈阳化工学院学士学位论文

dd沈阳化工学院学士学论文

3.2.2 网站结构图：

班班级级首介页绍

班级首页注册/登陆资专班留源业级言共课通飞享程讯语图3.2.2 网站结构图

联系方式 沈阳化工学院学士学位论文

dd沈阳化工学院学士学论文

3.2.3 类图

图3.2.3 类图

3.3 测试

3.3.1 软件测试

软件测试就是利用测试工具按照测试方案和流程对产品进行功能和性能测试，甚至根据需要编写不同的测试工具，设计和维护测试系统，对测试方案可能出现的问题进行分析和评估。执行测试用例后，需要跟踪故障，以确保开发的产品适合需求。使用人工或者自动手段来运行或测试某个系统的过程，其目的在于检验它是否满足规定的需求或弄清预期结果与实际结果之间的差别。

它是帮助识别开发完成（中间或最终的版本）的计算机软件（整体或部分）的正确度(correctness)、完全度(completeness)和质量(quality)的软件过程；是SQA(software quality assurance)的重要子域

Grenford J.Myers曾对软件测试的目的提出过以下观点： 沈阳化工学院学士学位论文

dd沈阳化工学院学士学论文

(1)测试是为了发现程序中的错误而执行程序的过程

(2)好的测试方案是极可能发现迄今为止尚未发现的错误的测试方案

(3)成功的测试是发现了至今为止尚未发现的错误的测试。

然而，这种观点指出测试是以查找错误为中心，而不是为了演示软件的正确功能。但是只从字面意思理解，可能会产生误导，认为发现错误是软件测试的唯一目的，查找不出错误的测试就是没有价值的测试，实际上并非如此!

(1)测试并不仅仅是为了找出错误.通过分析错误产生的原因和错误的发生趋势，可以帮助项目管理者

发现当前软件开发过程中的缺陷，以便及时改进

(2)这种分析也能帮助测试人员设计出有针对性的测试方法，改善测试的效率和有效性

(3)没有发现错误的测试也是有价值的，完整的测试是评定软件质量的一种方法

(4)另外，根据测试目的的不同，还有回归测试、压力测试、性能测试等，分别为了检验修改或优化过程是否引发新的问题、软件所能达到处理能力和是否达到预期的处理能力等。沈阳化工学院学士学论文

第四章 设计与实现

四.设计与实现

4.1 网站框架和代码

4.1.1 添加用户

添加用户分三个角色：管理员、普通用户、班级同学。

图4.1.0添加用户

您可以选择添加角色或组，这让您可以允许或拒绝用户组对网站中特定文件夹的访问。例如，您可以创建“经理”、“销售人员”或“成员”等角色，每种角色对特定文件夹都具有不同的访问权限。沈阳化工学院学士学论文

第四章 设计与实现

图4.1.1创建新角色

4.1.2 管理用户

图4.1.2 管理用户

4.2 网站首页

4.2.1 班级首页

班级首页如图： 沈阳化工学院学士学论文

第四章 设计与实现

图4.2.1班级首页

4.2.2 网站首页部分代码

@{ ViewBag.Title = “班级首页”;}

<%=rs_student(“Name”)%>

<%=rs_student(“sex”)%>

<%=rs_student(“birthday”)%>

<%=rs_student(“Professionname”)%>

<%=rs_student(“address”)%>

”> 第四篇：个人网站的设计与实现 二○○七届学生毕业论文（设计） 毕业设计(论文)论文题目 个人网站的设计与实现 英文 Personal Webside Design and accomplish 个人网站的设计与实现 摘 要 在互联网走进我们的生活之前，没有人敢梦想拥有自己的报纸、杂志、电台、电视台。除了政策上的制约外，一个人也根本没有操作一份传播媒体的能力。现在不同了，互联网给我们提供了一个“表达自我”的自由天地,你可以拥有自己的新闻邮件，你可以建立自己的个人网站。只要你办得成功也可以吸引成千上万的订户、读者,并建立自己在众多参与者中的权威地位。建立个人网站的基本过程可以分为以下七个环节： 1.了解中国网络个人主页研究背景与发展现状 2.系统需求分析与总体设计 3.熟悉网站开发模式、工具及环境 4.把自己的作品和想要展示的内容制作成网页 5.使用动态网页技术(ASP)，实现动态内容更新 6.认真地选取测试用例，进行交叉测试 7.网站的后期完善、宣传及发展方向 其中 ,网页制作和使用动态网页技术(ASP)实现动态内容更新是网站开发的核心内容。 关键词：网页、制作、访问、链接 Abstract Enters before our life in the Internet, nobody dares to vainly hope for has own newspaper, the magazine, the broadcasting station, the television station.Besides the policy in restriction, a person simply has not also operated dissemination media the ability.Now has been different, Internet has provided to us “the expression” free world,You may have own news mail, you may establish own individual website.So long as you also manage the success to be possible to attract the tens of thousands of subscribers, the reader,And establishes oneself in the multitudinous participant's authoritative status.Establishes individual website the unit process to be possible to divide into following seven links： 1.understands the Chinese network individual main page research background and the development present situation 2.systems demands analysis and system design 3.familiar websites developments pattern, tool and environment 4.and wants own work the content which demonstrated to manufacture the homepage 5.uses dynamic homepages technology(ASP), realization dynamic content renewal 6.earnestly selects measured the test example, carries on the overlapping test 7.websites later periods consummate, the propaganda and the development direction Among them,The homepage manufacture and the use dynamic homepage technology(ASP)realizes the dynamic content renewal is the website development core content.Key word: Homepage, manufacture, visit, link 前 言 随着国际互联网的普及，很多人已经不满足仅仅在Internet上的浏览信息，而是希望更深入的参与其中，拥有自己的Web网站，这似乎已经成为一种潮流。如果说个人建立网站是为了追求时尚，那么企业建立网站就是必然的选择了。 无论是专业的，还是业余的，很多人对网页制作颇感兴趣。事实上制作一个简单的网页并不困难，会使用Word的人都可以胜任。但想做出超凡脱俗的网页就不那么容易了，而Dreamweaver却可以满足你的愿望，它是Macromedia公司开发的集网页制作和网站管理于一身的所见即所得的网页编辑器。 同样出自Macromedia公司的Flash,Fireworks在制作网站的过程中起到了锦上添花的作用，是个人网站实现的好帮手，在制作网站的时候经常会用到这些软件。 目 录 摘要----------------1 前言----------------1 第一章：绪论--3 1.1 我国网络发展现状---------------------3 1.2 个人网站的目的------------------------3 第二章：个人网站的开发环境--------4 2.1 Dreamweaver简述----------------------4 2.2 Dreamweaver的操作环境-------------4 2.3 ASP技术--5 第三章：需求分析--------------------------7 3.1 概述-------7 第四章：网站制作---------------------------9 4.1站点-----------9 4.2首页-----------9 4.3创建其它网页-----------------------------11 3.2个人网站的问题定义与可行性分析-7 3.3 个人网站整体要求----------------------8 第五章：网页链接的建立-----------------12 5.1 链接的概念12 5.2 创立连接---12 5.3文字链接-----15 5.4影像链--------16 5.5 Email链接---18 5.6文件下载链接------------------------------21 5.7在HTML语言中建立网页链接-------22 第六章：总 结--25 致谢------------------26 参考文献----------27 第一章 绪论 1.1 我国网络发展现状 2010年1月15日，中国互联网络信息中心（CNNIC）发布了《第25次中国互联网络发展状况统计报告》（以下简称《报告》）。《报告》数据显示，截至2009年12月，我国网民规模已达3.84亿，互联网普及率进一步提升，达到28.9%。随着我国互联网普及率的逐年提高，互联网正在走进人们的工作与生活。CNNIC《报告》调查显示，在家和单位上网的网民比例在2009年有了明显的提高，有83.2%的网民选择在家上网，另有30.2%的网民选择在单位上网，互联网作为人们日常工具的价值正在日益提升。 1.2 个人网站的目的 个人网站最开始的动机可能是出于兴趣或一种爱好，但时间一长，这些兴趣或爱好便为自己积累了许多资源，比如数量可观的访问量。当这些资源积累到一定程度的时候，商业意识比较敏感的个人网站站长便开始寻求开展电子商务，将自己手中的资源进行商业操作，从而，个人网站开始赚钱。当然，目前比较流行的个人网站赚钱方式可能更多的还是依赖于广告，但从目前个人网站的广告收入来看，它已经陷入了一个低谷。所以，如果个人网站想要得到长足的发展，或者希望自己的 网站能够赚钱，那么必须主动出击！事在人为，作为一个个人网站，我们可以拥有自己的产品，并把它们卖掉，依靠自己来赚钱！ 一、个人网站自主经营的可行性 网民正在不断地快速增长。另有调查表明，网民的平均收入水平提高了，也就是说网民的消费水平也提高了。我们个人网站为什么要依靠做广告来赚钱？我们难道不可以转变一下思路吗？打个比方，你的网站日访问量有1000左右(也就是说每天有1000个人左右进入你的“商店”)，做广告相当于代理别人的产品，就算卖出去了也只能返回给你一部分的利润。但是如果你的“商店”卖自己的产品，那么大部分利润就掌握在自己手中。广告赚钱只是做网站的“副产品”，真正的产品是你自己的网站。记住：你的网站是一座金矿，可能你只是开采了“浏览量”这一层矿产，更深层次的矿产你可能还尚未开发出来！你完全可以将你自己网站的产品进行出售，比如将你网站的精品内容印成一本书，然后在网上卖你自己的书。还有更多的经营方法，关键是你要去不断探索！下面我就结合我对互联网的观察与自己的实践经验告诉大家如何经营自己的产品。对于网络经商，起初一定要抱平和的心态！因为中国的网民毕竟不是很多，大家不要过分期望网络经商会给你带来很大的效益。要把网络经商作为一种锻炼，说句现实的话：“现在赚小钱，以后赚大钱”。这是我对 网络经商的一种“长期作战”的战略观点。第二章 个人网站的开发环境 2.1 Dreamweaver简述 Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用 它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。 Dreamweaver是在网页设计与制作领域中用户最多、应用最广、功能最强大的软件，随着Dreamweaver 8的发布，更坚定Dreamweaver在该领域的地位。它集网页设计、网站开发和站点管理功能于一身，具有可视化、支持多平台和跨浏览器的特性，是目前网站设计、开发、制作的首选工具。Dreamweaver8.0的特点如下。 1、灵活的编写方式 Dreamweaver具有灵活编写网页的特点，不但将世界一流水平的“设计”和“代码”编辑器合二为一，而且在设计窗口中还精化了源代码，能帮助用户按工作需要定制自己的用户界面。 2、可视化编辑界面 Dreamweaver是一种所见即所得的HTML编辑器，可实现页面元素的插入和生成。或视化编辑环境大量减少了代码的编写，同时亦保证了其专业性和兼容性，并且可以对内部的HTML编辑器和任何第三方的HTML编辑器进行实时的访问。无论用户习惯手工输入HTML源代码还是使用可视化的编辑界面，Dreamweaver都能提供便捷的方式使用户设计网页和管理网站变得更容易。 3、功能更多的CSS支持——CSS可视化设计、CSS检查工具 4、动态跨浏览器验证 当保存时系统自动检查当前文档的跨浏览器有效性，可以指定何种浏览器为测试用浏览器，同时系统自动检验以确定页面有没有目标浏览器不支持的tags或CSS结构。动态跨浏览器有效性检查功能可以自动核对tags和CSS规则是否适应目前的主浏览器。 5、强大的WEB站点管理功能 6、内建的图形编辑引擎 7、Dreamweaver的集成特性 Dreamweaver 8继承了Fireworks、Flash和Shockwave的集成特性，可以在这些Web创作工具之间自由地切换，轻松地创建美观实用的网页。 8、丰富的媒体支持能力 可以方便地加入Java、Flash、Shockwave、ActiveX以及其他媒体。Dreamweaver具有强大的多媒体处理功能，在设计DHTML和CSS方面表现得极为出色，它利用JavaScript和DHTML语言代码轻松地实现网页元素的动作和交互操作。Dreamweaver还提供行为和时间线两种控件来产生交互式响应和进行动画处理。 2.2 Dreamweaver的操作环境 我们将工作界面分成了“标题栏”、“菜单栏”、“快捷工具栏”、“属性面板”、“浮动控制面板”5个部分来分别介绍。 2.2.1 标题栏 Dreamweaver MX的“标题栏”中将显示文字“Macromedia Dreamweaver MX”如果打开网页的话，在后面还会显示该网页的一些信息，如网页标题、所在位置及网页名称，右边有三个钮，分别对应Dreamweaver MX的最大化最小化和关闭的操作。 2.2.2菜单栏 “标题栏”下面就是“菜单栏”，栏中提供了“文件”、“编辑”、“查看”、“插入”、“修改”、“文本”、“站点”、“窗口”、“帮助”10项菜单。单击其中任意一项菜单，随即就会出现一个下拉式指令菜单。有些指令的右边会有键盘的代码，这是该指令的快捷键，熟练使用快捷键将会有助于提高工作效率。有些指令的右边会有一个小黑三角的标记，它代表该指令还包含下一级的指令，鼠标停留片刻即可显示。 2.2.3快捷工具栏 “快捷工具栏”指的是“菜单栏”下边的3排按钮，选择菜单“查看/工具栏”，勾选里面的“插入”、“文档”和“标准”3项，完整的快捷工具栏就显现出来了。 2.2.4属性面板 在网页编辑窗口的下面还有一个面板，它是有名的“属性面板”，它在这个软件中起到举足轻重的作用。 属性面板顾名思义，就是显示，调整属性的面板，根据鼠标所选中对象的不同，“属性面板”在界面上也会有所差异，用户可以分别对不同的对象进行调整。 2.3 ASP技术 Active Server Pages：“动态服务器网页”，一般简称为“ASP”，ASP之所以能受到大家的重视与使用的原因，主要在于所产生的执行结果都是标准的HTML格式，而且这些程序是在网络服务端中执行，使用一般的浏览器（如IE 或Netscape）都可以正确地获得ASP的“执行”结果，并且将这ASP执行的结果直接在浏览器中“浏览”，不像VBScript或 JavaScript是在客户端（Client）的浏览器上执行，若使用VBScript来设计程序，客户端（Client）在ＩＥ浏览器中可以显示程序执行的结果，可是，客户端（Client）若使用Netscape浏览器就无法显示VBScript的执行结果。ASP的特点如下： 1、任何开发工具皆可发展ASP 只要使用一般的文书编辑程序，如Windows记事本，就可以编辑。当然，其他网页发展工具，例如，FrontPage Express、FrontPage等也都可以；不过还是建议你用记事本来写，既省钱又方便，若是使用那些所见即所得的网页编辑来写ＡＳＰ，可能会发生一些意想不到的离奇状态。 通过各家浏览由于ASP程序是在网络服务器端中执行，执行结果所产生的HTML文件适用于不同的浏览器。 2、语言相容性高 ASP与所有的ActiveX Script语言都相容，除了可结合HTML，VBScript、Java script Active X服务器组件来设计外，并可经由plug-In（外挂组件模组）的方式，使用其他厂商（Third Party）所提供的语言。 3、隐密安全性高 如果我们在浏览器中直接查看网页的原始代码，就只能看到ＨＴＭＬ文件，原始的ASP程序代码是看不到的！这是因杰ＡＳＰ程序先于网站服务（Web Server）端执行后，将结果转换成标准HTML文件，再传送到客户端（Client）的浏览器上，因此，我们所辛苦撰写的ASP程序并不会轻易地被看见进而被盗用。 4、易于操控数据库 ASP可以轻易地通过ODBC(Open Database Connectivity)驱动程序连接各种不同的数据库，例如：Access fox pro、dBase、Oracle等等，另外，ＡＳＰ亦可将“文本文件”或是“Excel” 文件当成数据库用。 5、面向对象学习容易 ＡＳＰ具备有面向对象（object-Oriented）功能，学习容易，ＡＳＰ提供了五种方便能力强大的内建对象：Request、Response、Sever、Application以及Session，同时，若使用ＡＳＰ内建的“Application”对象或“Session”对象所撰写出来的ＡＳＰ程序可以在多个网页之间暂时保存必要的信息。 6、ASP的六大内部对象 对象名称 功能描述 Request Response Server Session Application Object Context 从客户端取得信息将信息送给客户端提供一些Web服务器工具储存在一个 Session内的用户信息，该信息仅可被该用户访问在一个 ASP-Application中让不同的客户端共享信息可以用来配合 Microsoft Transaction 服务器进行分布式事务处理 所以我选择了ASP结合Dreamweaver架构个人站点。 第三章 需求分析 3.1 概述 需求分析最根本的任务是确定“为了满足客户的需要，系统必须做什么”。具体的说，应该确定系统必须具有的功能和性能，系统要求的运行环境，并且预测系统发展的前景。必须仔细分析系统中的资料，既要分析系统中的数据流，又要分析长期使用的资料储存。该阶段不是确定系统怎样完成它的工作，而仅仅是确定系统必须完成哪些工作，也就是对目标系统提出完整、准确、清晰、具体的要求。 3.2个人网站的问题定义与可行性分析 一、明确架设网站的目的及客户要求 通常情况下，架设个人网站主要是为了通过互联网表达个人在商业、科技、交际、生活等方面的信息需求或者进行信息的交流，具有较强的目的性，我的个人网站一般体现在：为了展示自己的风采，让大家和我一起分享我的心得与经验，让和我有共同爱好的朋友有一个倾诉的地方。 二、我的个人网站概貌 因为是个人网站，所以只是选择了自己擅长和喜爱的内容，在突出自己的风格和特点的同时，还应用了现在流行的网站设计技术和数据库技术。因此将网站设计分为前台页面展示平台和后台在线管理平台。 三、功能划分 网站设计有新闻更新，浏览者可以在首页浏览自己喜欢的新闻，并且可以在留言板和大家交流，在后台管理页面中，通过身份认证，管理员——我，可以对网站信息进行管理。站内的其它页面均是我自己的精心收藏，与大家一起分享 3.2.1 功能定义 （1）管理员权限：修改所有页面内容、增删改文章、管理评论、修改公告、修改管理员自身信息、编辑各页面栏目、添加删除图片、添加删除音乐、修改版权信息等。 （2）浏览者权限：阅读所有页面内容、添加评论、添加留言、浏览文章、浏览图片、浏览音乐等。3.2.2 可行性分析 系统可行性分析主要从经济可行性、技术可行性和操作可行性三方面去分析。（1）经济可行性分析 从系统的开发和效益关系上讲，采用asp这个可以开发出交互、高性能Web数据库应用的技术进行开发，效率较高。该系统的开发不需要花费太多的经费，只需在域名和服务器空间租用上有开销，因为个人网站不涉及超大容量的文件存储和庞大的访问量，因此对于服务器来讲，要求不会太高，开销不会很大。因此，从经济性分析是可行的。 （2）技术可行性分析 根据现有的技术设备条件，在技术上实现也是可行的。在设备方面，前期系统开发在本地端制作完成，只需通过ftp软件上传至服务器端即可，而软件开发所需条件相对较低，对于系统开发及运行环境均不造成任何困难。对于系统开发人员基本具备了计算机专业知识，有一定的编程基础，熟悉和掌握数据库及网络相关知识，具备开发条件。 （3）操作可行性 该系统操作上非常简单，对于用户来说，只要具备IE浏览器5.5版本以上即可通过域名搜索即可登录本站。 3.3 个人网站整体要求 3.3.1 功能要求 （1）页面风格简洁明快，给人以较好的视觉印象。（2）用户浏览、操作均便捷，迅速。（3）用户权限、功能的设置要准确无误。3.3.2 系统性能要求 在目前硬件设备条件下，要求处理程序的速度相对较快。因此，在程序设计阶段，优化代码，降低处理时间是需要考虑的问题。3.3.3关于未来需求 由于系统开发时间较短，可能不是很完善，在运行过程中还会遇到一些问题，所以应在系统设计过程中对未来可能需要的扩充和修改做好准备，以便及时变更 第四章 网站制作 4.1 站点 4.1.1 创建站点 要制作一个网站，第一步操作都是一样的，就是要创造一个“站点”，这样可以使整个网站的脉络结构清晰地展现在面前，避免了以后再进行纷杂的管理。从菜单中选择“站点/管理站点”在弹出的对话框中选择“新建”，之后再选择其中的“站点”，再次弹出一个对话框，在文本框中输入自己已经企化好的网站名称“追梦人”。填好后，单击“下一步”，进入下一个步骤。由于我要做的是一个静态的网页，所以选择上面的一项“否，我不想使用服务器技术。” 单击“下一步”，进入下一个步骤。 在此选项中有两个选择，选择推荐的“编辑我的计算机上的本地副本，完成后再上传到服务器”。底下的文本框允许在本地磁盘上指定一个文件夹，Dreamweaver将在其中储存站点文件的本地副本。单击该文本框后面的文件夹图标，新建并指定一个空的文件夹“E:/ding”。之后单击“下一步“，进入下一个步骤。 这一步是如何设置连接到远程服务器，弹出式菜单中有6中选择，这里选择“无”。而后“下一步”再“完成”，即可。 4.1.2 创建站点内容 站点创建完成后，就可以创建Web页来填充站点了。在“右侧浮动面板组”中选择“文件/文件”面板，此时整个网站中没有任何内容。用鼠标右击面板中的本地根目录文件夹。在弹出的菜单中选择“新建文件”，新建一个文件后将其命名为“index.htm(或index.html),它就是未来的首页。网站分为“平面设计”、“动画制作”、“网文精品”、“经典回顾”、“个人说明“这五个大栏目，所以继续用鼠标右击右侧，在弹出的菜单中选择第二项“New Folder（新建文件夹）”。执行五次操作，新建五个文件夹，并把它们重命名为graph、anim、books、music、letter，分别对应上面的五个大栏目。存放它们各自的内容。之后再次新建1个文件夹，命名为images,用来存放“所有的图象文件”的内容。 之后在个栏目的文件夹里还要建立想相应的栏目网页。 4.2首页 4.2.1 设置首页布局 首页是打开网站后在浏览器中显示的第一个页面。它是起什么名字通常要视Server端的设置，一般的有index.htm,default.htm或home.htm等，目前主要以index.htm的居多。当然，后缀名为html也是正确的。 具体设置方法是：右健单击“文件”浮动面板中的index.htm,在弹出的菜单中选择“设成首页”。 首页的布局有很多方法，在这里我所用到的是表格的“布局模式”。“布局”模式中的表格称为布局表格，单元格称为布局单元格。在绘制布局表格和布局单元格时，必须从“标准”模式切换到“布局”模式。直接单击“布局”按钮即可。操作步骤： 1、在“插入快捷栏”的“布局”分类中，单击“布局表格”按纽。 2、将变成“+”形状的鼠标光标放到编辑中网页上，在要绘制的地方进行拖动就可以进行创建了。（如果绘制的是第一个表格必须从网页的最左上角开始绘制）。 3、在这里要绘制多个表格，可以再次单击“布局表格”按纽进行绘制，也可以按住Ctrl键绘制多个表格。 4.2.2设置首页的页面属性 首先双击“文件”浮动面板中的index.htm,进入页面的编辑窗口。右健单击空白区域，在菜单中选择“页面属性”，之后弹出“页面属性”对话框，若选择主菜单“修改/页面属性”项，也可以把打开该对话框。 在“页面属性”对话框中，左侧窗口显示“分类”，其中包括了“外观”、“链接”、“标题”、“标题/编码”、“跟踪图像”5项，右侧区域则显示各类中可以设置的项目。4.2.3查看和编辑头内容 一个网页文件结构上实际是由两部分组成，头（head）内容和主体（body）内容主体内容（body）是文档的主要部分，也是包含文本和图像等的可见部分。头内容（head）是除文档标题外的不可见部分，包含有文档类型、语言编码、搜索引擎的关键的关键字和内容指示器以及样式定义等重要信息，这些元器并不是每个页面都需要的，例如，可以仅为主页提供关键字。 下面就以首页为例，说明怎样插入较常用的头（head）内容。 单击“菜单拦”下面“插入快捷”的下拉列表，选择其中的HTML类，此时右侧将会显示该类中可以插入的对象快捷按钮，再次单击第2个按钮“文件头”旁边的下拉箭头，会弹出菜单，该项列出的便是即将插入的头内容。4.2.4 插入图像 图像是网页中不可或缺的组成成份，恰当地使用图像，可以使网站充满生活生命力与说服力，吸引更多的浏览者，加深他们欣赏你网站的意愿。 另一方面，网页的容量大小是网站成功与否的一大关键因素。由于网络在传输上的限制，导致了下载的速度不可能太快，因此，网页的大小就不能太大，其中关键就在于图像的大小了，否则浏览者会失去等待的耐心，无论你的网站多么精彩也无济于事了。 所以，在网面容量大小的问题上一定要重视。下面就来详细介绍对网页图像进行处理的操作步骤，以使得它们在保持图形美丽与网站风格搭配的基础上，图片文件能够变的更小。 1、首先将光标停留在要插入图像的位置，然后单击“菜单栏”下面“插入快健栏”的下拉表，选择其中的“常用”类，则右侧将会显示该类中可以插入的对象快键按钮。左起第5个即为“图像：图像”按钮，单击它右侧的下拉列表，选择第1项“图像”。 2、随即弹出“选择图像源文件”对话框。从计算机磁盘中选择想要插入的图像文件，或在URL编辑框中输入图像的路径和名称。下面的“相对于”下拉表框中，可选择文件URL地址的类型，如果选择“文档”选项，表示图像地址相对于当前文档；如果选择“站点根目录”选项，表示地址相对于根目录。在这里我要插入的是网站标志logo，插入logo图象。 最后单击“确定”按钮，即可完成插入图像的操作。 4.2.5 插入多媒体 在Dreamweaver中，除了之前讲到的可以插入“图像”外，还可插入动画、声音、视频等媒体元素，如Flash,Shockwave,Applets,ActieX及格Midi声音文件等，并且还可以在Dreamweaver自身内插入Macromedia Flash按钮和文本对象，以及进行相关的后期处理和添加设计备注等操作。 在Dreamweaver MX 2004文档中，可以插入媒体文件包括Flash Shockwave影片、QuickTime、AVI java、applet Active X控件以及各种格式的音频文件。 要在浏览器中播放放Flash 动画，必须在浏览器中集成“Flash 播放器（Flash Player）”。其中，Internet Explorer通过ActiveX控制来实现，Netscape Navigator则是通过相应的插件来实现的。在最新的Netscape Navigator和Internet Explorer浏览器中，均已集成了 Flash动 3、画播放功能。操场作步骤： 步骤1 将光标停留在要插入Flash的位置，然后单击菜单栏下面“插入快捷栏”的下拉列表，选择其中的“常用”分类，右侧将会显示该类中可以插入的对象快捷按钮。左起第6个即为“媒体”按钮，单击它右侧的下拉列表，选择第1项Flash图标。 步骤2 在弹出的对话框中选择扩展名为swf 的Flash文件，即可将其插入到Dreamwe aver的“网页编辑窗口”中，可以看到，在这个窗口中Flash文件的大小。在这里我的主页插入的一个动画。4.2.6插入文本 在网页中，文本内容也可以说是重要的组成部分，一个网站成功与否，它是最关键的因素。在这最关键的因素。可丰富网站的文字内容，并以最最美观、最整齐的方式放入到网页中。 插入文本的两种方式 一种是在网页编辑窗口中直接用键盘敲入文本。这可以算是最基本的输入方式了，和一些文本编辑软件（如Microsoft Word）的使用方法一样，选择好习惯的输入法，就可以运指如飞了。 另一种是复制文本的方式。有些读者可能不喜欢使用Dreamweaver来进行打字的工作，而更习惯在专门的文本编辑软件中快速打字，如Microsoft Word和 Windows自带的记事本等，又或者读者已经准备好了要放入网页的文本的电子版本，那么我们就可以直接使用Dreamweaver的文本复制功能，将大段的文本内容拷贝到网页的编辑窗口来进行排版的工作，具体步骤如下。 打开文本编辑软件（如Microsoft Word），选中要复制的文本，它们将反白显示，执行菜单“编辑/复制”命令或直接用快捷键Ctrl+C，之后切换回Dreamweaver,将光标停留在插入文本的位置，执行主菜单“编辑/粘贴”命令或直接使用快捷键Ctrl+v,即可将大段的文本快速粘贴到网页中。 这在我的“网文精品”中用到很多，全部是在word软件中排好ctrl+c,然后点击要粘贴的位置，crtl+v到Dreamweaver即可。 4.3创建其它网页 还有其它的几个网站与主页的制作相同，一个网页是图象和文字的组合。 “平面设计”中的图象插入和前面的介绍相似，并可以在属性拦中调节图象的大小。在Dreamwerver中常常会用到Firework、Flash，它们是相辅相成，在主页中的主体部分就是用Firework 在“个人说明”中也用到这点，首先定好需要尺寸，在属性中设好背景，颜色等等，插入图象，输入文字，也word里的操作雷同。 第五章 网页链接的建立 5.1 链接的概念 链接（或称超链接）是网页与网页之间一种单向的连接关系。也是www.xiexiebang.com如图所示 （3）即对所选文本或图像建立完链接。 5.6文件下载链接 “文件下载链接”的原理很简单，只要链接文件属于浏览无法识别的关型，便都会使用IE浏览器直接进行下载，并保存到本地计算机中。 浏览器无法识别的文件类型有很多，这里就介绍一个最常用的，以zip或rar为后缀名的压缩格式文件，这种文件可以使用主流的压缩软件（如winzip、winrar）来制作。下面我们就业以实例来说明。 在前面“插入多媒体”一章中，我们曾经讲过直接链接文件的方式来插入“视频”，即直接在“链接”文本框中输入“文件名+名后缀名”，如olympus.wmv。单日击这个链接，经过数据下载后，Windows系统将启动自带的媒体播放器Windows Media Player 来播放该视频。操作步骤 步骤1 先将视频文件olympus.wmv通压缩成olympus.rar文件，放入站点的media文件夹下。 步骤2 将文件路径输入至“链接”文本框中。 步骤3 保存网页，按下F12预览，在浏览器中单击“下载精彩广告视频”链接文本，会弹出“文本下载”选择框，单击其中的“保存”按钮。 步骤4 在“另存为”对框中选择保存到本地计算机中的位置，实例中为“经典回顾”文 件夹。之后单击“保存”按钮，压缩文件即保存到该位置中。至此，“文件下载链接”便制作完成了。读者可以打开“我的文档”文件夹，解压缩olympus.rar文件，随时欣赏下载影片。 本设计中未用到此链接，在此只作简单介绍。 5.7在HTML语言中建立网页链接 5.7.1文字链接 在HTML语言中用超链接标记指向一个目标。其基本格式为： 举个简单的“文本链接”的实例，该实例相对应的HTML代码如下所示。 a href-“index2.html”target=”-blank”>平面设计（新开窗口，-blank) 动画制作（原窗口，默认为空） 网文精品 第五篇：课程网站的设计与实现 课程网站的设计与实现 摘要：课程建设是“高等学校教学质量与教学改革工程”的一项重要内容,也是教育部深化教学改革，以教育信息化带动教育现代化的一项重要举措。课程网站是课程建设和评价的窗口，是课程网络化学习的平台，是教师与学生互动交流的媒介，也是精品课程示范幅射的载体。因此，课程网站建设意义重大。 本课程网站就是为了顺应这一时代要求而设计的。本网站的开发是采用asp及ACCESS数据库进行开发。 在本篇文章中，首先对本系统设计的意义和开发工具等做了简要介绍，接着对系统做了详细的需求分析；然后给出了课程网站所需的功能，重点探讨了精品课程网站的设计法案；接着对该网站前台框架、实验教学、教学研究、教学成果模块等进行了重点详细介绍，并给出了具体实现步骤；通过测试分析，该系统的运行稳定、可靠，具有一定的实用价值。 关键词：网站；asp；dreamweaver； access； 资源共享 1 目录 第一章 绪论.......................................................2 1.1 课程网站开发背景............................................2 1.2 课程网站现状分析............................................2 1.3 建立课程网站的意义..........................................2 1.4 本文的主要工作..............................................3 1.5 论文结构....................................................3 第二章 网站概述...................................................3 2.1 网站前台设计..................................................3 2.2 开发环境简介..................................................4 2.2.1 asp介绍..................................................4 2.2.2 数据库开发工具简介........................................4 第三章 设计与实现.................................................5 3.1 代码和界面.................................................5 总结与展望...............................................48 致谢..............................................................48参开文献..........................................................50 的精品课程网站的实验教学、教学研究、教学成果3个模块的开发过程的详细描述。在项目组成员的共同努力下，成功地实现了网站的研究与开发。开发步骤如下： (1)网站需求分析 (2)初步框架设计（包括原型页面的实现）(3)数据库设计 (4)页面与底层的交互融合 (5)代码整合以及整合后的测试工作 1.5 论文结构 第一章：绪论部分。介绍了论文的选题背景、所研究内容的现状析和设计精品课程网站的意义，解决的主要问题及应达到的技术要求。 第二章：网站概述及相关技术介绍。 第三章：总结与展望，对本论文的主要研究内容进行了扼要的总结，总结了论文的主要研究成果，并提出了有待进一步开展的工作。 第二章 网站概述及相关技术介绍 2.1网 站 前 台 设 计 2.2.1 asp介绍 (现学期:2014年春学期)