毕业设计(论文)-ASP电子信息与计算机科学系校园网站设计.doc
《毕业设计(论文)-ASP电子信息与计算机科学系校园网站设计.doc》由会员分享,可在线阅读,更多相关《毕业设计(论文)-ASP电子信息与计算机科学系校园网站设计.doc(30页珍藏版)》请在三一文库上搜索。
1、【摘要】在Internet飞速发展的今天,校园网站利用网络优势可以实现无纸化办公,提高工作效率,共享教育教学资源,为教师提供多一种参与教育教学研究的方法,因此校园网站现在已经应用广泛。高校校园网站建设分为网站规划、技术方案确定、具体设计制作和日常管理与维护等阶段,应按照性价比最优的原则选择硬件和软件平台,制作网页时要处理好风格定位、版面编排、线条与形状的选择、色彩处理等方面。在校园网站的管理工作中要注意分工协作、用户培训、安全防护和数据备份等问题。电子信息与计算机科学系虽然建立的时间不长,但作为文经学院的第二大系,更应该做好本系网站的设计,并且使之能够进行有效的管理。为了更好的宣传电子信息与计
2、算机科学系,在分析调查的基础上进行了网站的全新设计与实现。网站的实现采用了网页制作工具Dreamweaver MX 2004,ASP开发技术,选用了MySQL数据库进行了开发。经过几个月的测试运行,网站基本满足了系里的要求,最后对其中的不足与存在的问题进行了讨论,提出了相应的解决办法。本文介绍了开发工具Dreamweave的功能特点,提出了校园网站的设计思想,详细分析了其系统结构和用户需求,对校园网站的各个子系统进行了具体设计,并给出其系统功能各自的主页设计方案。关键词:网站设计;网站实现;Dreamweaver;ASP;MySQL数据库Abstract:With rapid developm
3、ent and popularization of Internet,campus websites have been widely used because of its advantages such as improving working efficiency,sharing teaching resources and providing a new way to participating in teaching process for teachers and so on. The construction of university campus Website divide
4、s into Website plan,technical plan determination,homepage design and daily management and maintenance.We should follow the best performance/cost Ratio in choosing hardware and software platform,and must have a nice processing in localization,page layout arrangement,line and shape choosing,color proc
5、essing etc,as designing homepage. Also we must pay attention to division and cooperation,user training,safe protection and data backup in the campus Website management work.Electronic Information and Computer Science, though not long established, but the cultural and economic institutions as the sec
6、ond largest department, the department should do the site design, and enable effective management. In order to promote electronic information and computer science better, the analysis based on the investigation of the sites new design and implementation. Site implementations use Web page creation to
7、ol Dreamweaver MX 2004, ASP development technology, has selected MySQL database development. After several months of test run, the site has basically met the requirements of the department, the last of which less than with the problems discussed, the solution put forward corresponding measures.This
8、article introduces the functions and characteristics of Dreamweaver and gives a method of design about campus network .It also analyses the system structure and customers demand .Meanwhile,the subsystem of campus network has been designed and the functions of subsystem has been introduced.Keywords:
9、Website Design;Site Implementation; Dreamweaver; ASP; MySQL目 录一引言6二网站总体分析与设计72.1设计思想82.2 开发工具的介绍82.3网站系统分析132.4主页设计14三详细设计153.1网站所实现的功能分析153.2系统文件部署173.3网站规划与分析183.4主页规划设计19四网站的实现204.1 模板的实现204.2各功能模块的实现22五结束语28六致谢29七参考文献30一、引言在Internet 飞速发展的今天,互联网成为人们快速获取、发布和传递信息的重要渠道,他在人们政治、经济、生活等各个方面发挥着重要的作用。网站已成
10、为政府、企事单位信息化建设中的重要组成部分,倍受人们的重视。对于学校的而言,为了更好的提高办学质量和学校知名度,建立一个具有鲜明特点校园网站是十分必要的。校园网站不仅是在校园内发布信息的通道与环境,也是对外联系和宣传自己的良好途径。在校园网站逐步完善的同时,电子系为了适应学校需求,加快系部发展,决定建立电子信息与计算机学系网站,对系部进行全面、深入的介绍,发布系里的精彩活动,紧密系部与学生的联系,更好的完成教育教学工作。我们采用了可视化网页设计软件Dreamweaver MX来实现电子系的网站设计,使用的版本是Dreamweaver MX 2004,它能够实现动态网页编程,能够对ASP进行处理
11、并能够实现与Access、My sql、SQL server 或者Oracle等数据库的连接,功能强大。在此选用了标准的SQL语句来调用数据库。但是网站开发是一项很复杂的工作,下面详细讨论了该网站的开发、设计环境、实现方法及其具体的实现。在信息和网络的时代,越来越多的人们每天都要依靠网络来发布信息和获取信息,从而更加有效地学习、工作和生活。Internet 使人们的距离无限缩小,成为有史以来覆盖领域最广的展示舞台。从某种程度上来说,Internet上的各种应用都是依照现实生活中的需求来模拟设计实现的。在信息化飞速发展的今天,互联网技术日趋成熟,在网络上及时的发布信息和获得信息,已经成为当今世界
12、流行的快捷的途径。政府,企业,学校已经纷纷接受了这种方便的途径来宣传自己,并已经可以直接在互联网上办理一些业务。二、网站总体分析与设计在Internet飞速发展的今天,互联网成为人们快速获取、发布和传递信息的重要渠道,它在人们政治、经济、生活等各个方面发挥着重要的作用。Internet上发布信息主要是通过网站来实现的,获取信息也是要在Internet“海洋”中按照一定的检索方式将所需要的信息从网站上下载下来。因此网站建设在Internet应用上的地位显而易见,它已成为政府、企事业单位信息化建设中的重要组成部分,从而倍受人们的重视。为了更好的办学,提高系部知名度,特构建电子信息与计算机科学系网站
13、。提高办公效率,向管理要效益成为组织发展的有效手段之一;高效办公、科学管理与信息技术相结合成为提高办公效率和管理水平的主要方式。因此院系的信息化建设即网站建设成为现代企事单位基础建设的一个重要方面。对于建立电子信息与计算机科学系的网站,从教学的角度看,教学资料的积累查阅,课件和考试复习题的共享,及时的答疑解惑,各类活动的安排都可以网页的形式发布在电子系的网站上,使教育教学的信息及时流通并有了最佳保存信息的方式。从学生的角度来看,教学资源的共享以及各种活动的发布,都促进了学生的学习,紧密了学生与系部之间的联系。电子信息与计算机科学系网站的设计与实现是完善校园网也是教学工作必不可少的工作。2.1设
14、计思想通过网站,全面宣传,展示电子信息与计算机科学系风采、优点与特色,发布系里的重大活动安排与招生政策,增强学生与系部之间的联系,在Internet上实现完成部分校务,提高办事效率。2.2开发工具的介绍Dreamweavar是一个可视化的网页设计和网站管理工具,支持最新的Web技术,包含HTML检查、HTML格式控制、HTML格式化选项、HomeSiteBBEdit捆绑、可视化网页设计、图像编辑、全局查找替换、全FTP功能、处理Flash和Shockwave等多媒体格式和动态HTML、基于团队的Web创作。目前使用得最多的是Dreamweaver MX 2004和Dreamweaver80两个
15、版本,前者在功能上比后者强大,能够实现动态网页编程,在此选用Dreamweaver MX 2004Macromedia Dreamweaver MX 2004 是一款专业的 HTML 编辑器,用于对 Web 站点、Web 页和 Web 应用程序进行设计、编码和开发。无论您愿意享受手工编写 HTML 代码时的驾驭感还是偏爱在可视化编辑环境中工作,Dreamweaver 都会为您提供有用的工具,使您拥有更加完美的 Web 创作体验。 利用 Dreamweaver 中的可视化编辑功能,您可以快速地创建页面而无需编写任何代码。您可以查看所有站点元素或资源并将它们从易于使用的面板直接拖到文档中。您可以在
16、 Macromedia Fireworks 或其他图形应用程序中创建和编辑图像,然后将它们直接导入 Dreamweaver,或者添加 Macromedia Flash 对象,从而优化您的开发工作流程。Dreamweaver 还提供了功能全面的编码环境,其中包括代码编辑工具(例如代码颜色和标签完成);有关 HTML、层叠样式表 (CSS)、 JavaScript、 ColdFusion 标记语言 (CFML)、Microsoft Active Server Pages (ASP) 和 JavaServer Pages (JSP) 的参考资料。Macromedia 的可自由导入导出 HTML 技术
17、可导入您手工编码的 HTML 文档而不会重新设置代码的格式,您可以随后用您首选的格式设置样式来重新设置代码的格式。Dreamweaver 还使您可以使用服务器技术(例如 CFML、ASP.NET、ASP、JSP 和 PHP)生成由动态数据库支持的 Web 应用程序。Dreamweaver 可以完全自定义。您可以创建您自己的对象和命令,修改快捷键,甚至编写JavaScript 代码,用新的行为、属性检查器和站点报告来扩展 Dreamweaver 的功能。Dreamweaver的编辑环境(1) 工作区布局在Windows 中首次启动Dreamweaver MX时,会出现“工作区设置”窗口,从中可以
18、选择一种工作区布局,提供的三种不同的工作界面,分别是“Dreamweaver MX工作区”“Dreamweaver 4工作区”和“Homesite/Coder-Style代码编者样式”.确定了工作区后,如果希望改为其它布局,可以选择“编辑”菜单中的“参数选择”命令,切换到不同的工作区。(2) 窗口和面版概述应用Dreamweaver MX时,首先出现的是Dreamweaver MX的操作界面窗口现将其组成部分说明如下。插入栏:包含用于将各种类型的对象(如图像、表格和层)插入到文档中的按钮。每个对象都是一段 HTML 代码,允许您在插入它时设置不同的属性。例如,您可以在“插入”栏中单击“图像”图
19、标插入一个图像。如果您愿意,可以不使用“插入”栏而使用“插入”菜单插入对象。文档工具栏:包含按钮和弹出式菜单,它们提供各种“文档”窗口视图(如“设计”视图和“代码”视图)、各种查看选项和一些普通操作(如在浏览器中预览)。文档窗口:显示您当前创建和编辑的文档。属性检查器:用于查看和更改所选对象或文本的各种属性。每种对象都具有不同的属性。面板组:是一组停靠在某个标题下面的相关面板的集合。若要展开一个面板组,请单击组名称左侧的展开箭头;若要取消停靠一个面板组,请拖动该组标题条左边缘的手柄。站点面板:使您可以管理组成站点的文件和文件夹。标题栏:显示的是页面的目录文件夹名及打开的文件名,如果文件中包含未
20、保存的修改部分,标题栏中将在显示文件名和星号(*)。Dreamweaver 提供了多种此处未说明的其他面板、检查器和窗口,例如“CSS 样式”面板和“标记检查器”。若要打开 Dreamweaver 面板、检查器和窗口,请使用“窗口”菜单。菜单概述 “文件”菜单和“编辑”菜单包含“文件”菜单和“编辑”菜单的标准菜单项,例如“新建”、“打开”、“保存”、“保存全部”、“剪切”、“复制”、“粘贴”、“撤消”和“重做”。“文件”菜单还包含各种其他命令,用于查看当前文档或对当前文档执行操作,例如“在浏览器中预览”和“打印代码”。“编辑”菜单包含选择和搜索命令,例如“选择父标签”和“查找和替换”。在 Wi
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 毕业设计 论文 ASP 电子信息 计算机科学 校园 网站 设计
链接地址:https://www.31doc.com/p-3281092.html