往届学生论文2.doc

09届毕业设计论文课题名称： 学校网站系统的设计 姓 名： 喻 君 班 级： 06计应301班 专 业： 计算机应用技术 指导教师： 刘娜、彭莉 重庆工业职业技术学院计算机科学系 2009年3月4日摘要：本文通过讲述学校网站的制作，阐述了网页的制作及许多软件的应用。关键词：计算机、网络、网页、ASP.NET、讨论发表学校网站设计论文第一章:引言 11-1 设计思路 21-2 工具的选择及简介 21-2-1 ASP.NET简介 2 1-2-2 Dreamweaver简介 31-2-3 Flash简介 31-2-4 PhotoShop简介 4第二章：网站总体分析与设计 42-1 网站系统分析 42-2 主页设计 52-3 精品课程设计 62-4 登录系统设计 7第三章：总结与体会 13 第四章：参考资料 13 第一章：引言在网络走进千家万户的今天，许多学校已经意识到学校网站建设的重要性，并纷纷建立了网站。在一些学校，多媒体设备已像校舍、教学仪器一样成为学校的必备设施，给教学注入了生机和活力。组建学校网站，可以把学校信息和教育方式发布在网上，以获取各界人士的关注。利用Internet最省钱、最有效地向外界提供学校的相关信息，通过Internet，及时发布学校的最新消息，如教育改制、教学方式提高、各系院通知等。学校网站能够更好的树立学校形象，展示学校风采。Internet最初始层面的作用就是展示学校形象，如同利用各种传统媒体发布的学校形象宣传广告，所不同的是费用低廉、有效时间长、速度快、更新便捷。人们打开电脑登录学校网站，查询通知，学校新闻，新充实的内容等等，以便及时地知道自己该干什么，该学点什么，别人在干什么，学校发生了什么事，学校将发生什么事。学校网站为学校管理提供了一个可实现交互性的平台，学校声誉得到提升，学校的通知，学校的新闻，建立的学习专题，备课资源和课件资源可在第一时间实现上传和下载的共享方式，校园留言板成为学校管理及时反馈的一个舞台。网络的优势逐步展示出来。学校网站的建立标志着学校建设上了一个新台阶，学校新闻、学校通知、教师感悟、教育科研等栏目时时更新，交互性更强了。利用网站我们可以：通知公开校务、交流信息、上传文章、文章学习、资源下载、教育调查、参与论坛、网络留言等，使学校管理透明度更高。学校还可在网上发布对老师的祝贺，对教师的每日提醒，对教师意见的第一时间反馈，人性化、民主化的管理方式在网络的参与下如虎添翼！1-1 设计思路 通过网站，全面宣传，展示学校风采、优点与特色，发布学校的重大活动安排与招生政策，增强家长与学校之间的联系，在Internet上实现完成部分校务，提高办事效率，更好的展示学校。 1- 2 工具的选择及简介 1-2-1 ASD。NET简介 ASP.net 是一种建立在通用语言上的程序构架，能被用于一台Web服务器来建立强大的Web应用程序。ASP.net提供许多比现在的Web开发模式强大的的优势。伴随着网络时代的到来，微软公司不断地推出新技术以适应潮流。ASP技术的出现使服务器端程序开发变得简单易行，而在微软公司推出了自己的新一代的网络战略.NET之后，ASP.NET进一步拉近了桌面应用开发和WEB开发的距离。.NET是一个革命性的新平台，建立在开放的Internet协议和标准之上，采用了许多新的工具和服务用于计算和通信。ASP.NET 页框架创建了传统客户端/服务器 Web 交互的抽象模型，使您能够使用支持快速应用程序开发 (RAD) 和面向对象编程 (OOP) 的传统方法和工具来进行应用程序编程。目前ASP.Net的开发语言有三种语言：C#，Visual Basic.Net和JScript。ASP.NET 是一种统一的 Web 平台，它提供了生成企业级应用程序所必需的全部服务。Web 窗体页是用 ASP.NET 技术生成的。ASP.NET 又是基于 .NET 框架生成的，因此整个框架都可用于任何 ASP.NET 应用程序。您可以使用任何与公共语言运行库兼容的语言（包括 Microsoft Visual Basic、Visual C# 和 JScript .NET）来创作应用程序。ASP.NET 页框架为响应在服务器上运行的代码中的客户端事件提供统一的模型，从而使您不必考虑基于 Web 的应用程序中固有的客户端和服务器隔离的实现细节。该框架还会在页处理生命周期中自动维护页及该页上控件的状态。ASP.Net可完全利用.Net架构的强大，安全，高效的平台特性。ASP.Net是运行在服务器后端编译后的普通语言运行时代码，运行时早绑定（Early Binding）,即时编译，本地优化，缓存服务，零安装配置，基于运行时代码受管与验证的安全机制等都为ASP.Net带来卓越的性能。对XML，SOAP，WSDL等Internet标准的强健支持为ASP.Net在异构网络里提供了强大的扩展性。 ASP.Net主要包括WebForm和WebService两种编程模型。前者为用户提供建立功能强大，外观丰富的基于表单(Form)的可编程Web页面。后者通过对HTTP,XML，SOAP，WSDL等Internet标准的支持提供在异构网络环境下获取远程服务，连接远程设备，交互远程应用的编程界面。ASP.NET 提供了内部状态管理功能，它使您能够保存和管理应用程序特定、会话特定和开发人员定义的信息。此信息可以独立于页上的任何控件。它可以在页间共享，如客户信息或购物车的内容。ASP.NET 提供了分布式状态功能，您可以在一台计算机或几台计算机上创建同一应用程序的多个实例。1-2-2 Dreamwever简介Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。 一个可视化的网页设计和网站管理工具，支持最新的Web技术，包含HTML检查、HTML格式控制、HTML格式化选项、HomeSite/BBEdit捆绑、可视化网页设计、图像编辑、全局查找替换、全FTP 功能、处理Flash和Shockwave等富媒体格式和动态HTML、基于团队的Web创作。在编辑上你可以选择可视化方式或者你喜欢的源码编辑方式。Dreamweaver可以用最快速的方式将Fireworks，FreeHand，或Photoshop等档案移至网页上。使用检色吸管工具选择荧幕上的颜色可设定最接近的网页安全色。对于选单，快捷键与格式控制，都只要一个简单步骤便可完成。Dremweaver能与您喜爱的设计工具，如 Playback Flash，Shockwave和外挂模组等搭配，不需离开Dremweaver便可完成，整体运用流程自然顺畅。除此之外，只要单击便可使 Dreamweaver自动开启Firework或Photoshop来进行编辑与设定图档的最佳化。使用网站地图可以快速制作网站雏形，设计，更新和重组网页。改变网页位置或档案名称，Dreamweaver会自动更新所有连结。使用支援文字，HTML码，HTML属性标签和一般语法的搜寻及置换功能使得复杂的网站更新变得迅速又简单。 Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。甚至可以排序或格式化表格群组，Dreamweaver支援精准定位，利用可轻易转换成表格的图层以拖拉置放的方式进行版面配置。Dreamweaver成功整合动态式出版视觉编辑及电子商务功能，提供超强的支援能力给Third-party厂商，包含ASP，Apache，BroadVision，Cold Fusion，iCAT，Tango与自行发展的应用软体。当您正使用Dreamweaver在设计动态网页时，所供即所得的功能，让您不需要透过浏览器就能预览网页。Macromedia Dreamweaver MX 测试版新增功能如下：加强的用户界面；多重用户配置；增强的源代码编辑功能；扩展的文档格式支持；加强的服务器模式扩展；改进的数据库链接操作；提升了与外部应用程序的协作功能。1-2-3 Flash简介Flash是美国著名的多媒体软件公司Macromedia的矢量图形编辑和交互式动画制作专业软件。该软件与同是Macromedia公司出品的 Dreamweaver（网页编辑软件）、Fireworks（图象处理软件）合称网页设计“三剑客”。随着网络技术的发展，传输带宽问题得以逐渐解决，多媒体技术在网页中也占有一席之地。由于Flash是基于矢量图形标准实现动画的，数据量只有传统位图动画千分之一，而矢量图形又可以无级放大却不影响质量，所以Flash 能够在低文件数据传输率下实现较高质量的矢量图形和交互动画。Flash制作的动画能够在所有安装了 Shockwave Flash 插件的游览器中播放，现在已经成为网络多媒体发布的首选。Flash也逐渐成为交互式网络动画制作的标准软件。flash最大优点是集图象、音乐、动作为一体，是传递感情，表达心情的一种很好的工具软件，是网络时代交流的又一种传递方式。快来加入Flash的学习，即可体会到多媒体制作的乐趣，又能表达一种传统感情所不能表达出的一种全新的交流方式。1-2-4 photoshop简介在多媒体作品的制作过程中，数字图像的编辑与处理是必不可少的。Adobe公司出品的Photoshop系列软件是我们最常用也最有效的图像加工软件。我们将从多媒体制作的角度出发 ，介绍Photoshop的使用方法和数字图像的编辑与处理技巧。AdobePhotoshop最初的程序是由Mchigan大学的研究生Thomas创建，后经Knoll兄弟以及ADOBE公司程序员的努力ADOBEPHOTOSHOP产生巨大的转变，一举成为优秀的平面设计编辑软件。它的诞生可以说掀起了图像出版业的革命，目前ADOBEPHOTOSHOP最新版本为6.0，它的每一个版本都增添新的功能这使它获得越来越多的支持者也使它在这诸多的图形图象处理软件中立于不败之地。Adobe产品的升级更新速度并不快,但每一次推出新版总会有令人惊喜的重大革新.Photoshop从当年名噪一时的图形处理新秀.经过3.0,4.0,5.0,5.5的不断升级,直到目前最新的6.0版,功能越来越强大,处理领域也越来越宽广,逐渐建立了图像处理的霸主地位。Photoshop支持众多的图像格式,对图像的常见操作和变换做到了非常精细的程度,使得任何一款同类软件都无法望其颈背;它拥有异常丰富的插件(在Photoshop中叫滤镜),熟练后您自然能体会到只有想不到,没有做不到的境界.。而这一切,Photoshop都为我们提供了相当简捷和自由的操作环境,从而使我们的工作游刃有余.从某种程度上来讲,Photoshop本身就是一件经过精心雕琢的艺术品,更像为您度身定做的衣服,刚开始使用不久就会觉得的倍感亲切.。当然,简捷并不意味着傻瓜化,自由也并非随心所欲,Photoshop仍然是一款大型处理软件,想要用好它更不会在朝夕之间,只有长时间的学习和实际操作我们才能充分贴近它。第二章：网站总体系统分析2-1网站系统分析本网站包含了以下几个模块：1. 学校网站主页的设计制作：这一模块由一个页面组成，在页面上有学校的最新动态和对学校的概况，以及学校的登录介面等。2. 学校精品课程网页的制作：目前我们做的是市场营销精品课程，在精品课程的首页上出现总的楖况有哪些精品课程，当点击你想看的精品课程时就会出现精品课程视频的页面。3. 网页上的登录系统的设计与制作：登录系统分为校内登录和校外登录，登录后进入另一个介面，是以用户的身份登录到相应的系统，并分别出现不同的介面。2-2主页设计 网页是用Dreamweaver来做的，该页面主要用表格来布局，主页上方是用photoshop处理过的图片,然后学校的标志是在flash里面进行了处理。在处理好的学校标志的图片下面做了一个滚动的文字是用以下语句做出来的： 中国教育报、重庆商报等媒体对我院示范建设进行了专题报道在滚动文字下面做了一个导航并都创立了链接（这些链接目前都是空链接）；在左边做了一个学校的最新动态也进行了链接在网页的右边插入了学校的图片，并进行了图片理；下面做了一些链接，当点出品课程时可进入下面的画面：这个是子网页，是学校的精品课程的部分，这和主页的做法差不多；在这里我们只做了市场营销的精品课程部分,当点出链接的时候就会出现视频的页面。2-3 精品课程视频设计精品课程视频设计是用另一个网页陈现出来的，它是用flash视频媒体插入的方法来做的。视频程序编写的代码如下： 这只是一个视频的制作。2-4登录系统的设计利用系统提代的“ASP.NET网站管理工具”来定义角色，增添用户，制定访问规则，确定信息存储位置等。 安全配置这一模块其实很简单,也就是点击网站ASP。NET安全配置安全创建用户配置角色等等。如下图所示：点击安全以后的界面如下所示：（注：网站的安全设置包括增加“用户”、定义“角色”、指定“访问规则”三大部分。可以得用下面的三个方框分别进行疫置，也可以得用系统提供的“安全设置向导”的智能提示逐项进行设置。）（1）点击创建用户后，就可以注册并可以选择自己的角色。利用CreateUserWizard（创建新用户）控件可以在登录表中增添新用户，并为新用户登记相应的参数。界面中的用户名、密码是新用户的主要标志。安全提示问题以及安全答案是为了防止用户忘记自己密码时的提示。为保证密码不容易被人猜中，默认情况下密码的设置要符合“强密码”的要求。强密码必须是：l 至少6个字符；l 字符中至少包括一个大写或小写的字母；l 字符中至少包括一个非数字亦非字母的特殊符号，如“！”、“#”、“*”、“，”、“。”、“？”等。（2）创建好用户后，再选择管理用户。在管理用户中可以看到所有的用户，并可以搜索用户和编辑用户和编辑角色。（3）如选择编辑用户后，将会出现下面的图形：（4）如选择编辑角色后，又会出现不图的界面，如下图所示：（5）返回安全的的首页，选择创建和管理角色，将会进入该界面，用户可以添加角色等。如下图所示：（6） 在上图所示中点击管理后，就进入下图的界面：（7）返回安首页，选择创建和管理角色，用户就可以配置访问权限。如管理员模块就只能