音乐网站设计与实现毕业论文.docx
- 文档编号:29714021
- 上传时间:2023-07-26
- 格式:DOCX
- 页数:40
- 大小:359.14KB
音乐网站设计与实现毕业论文.docx
《音乐网站设计与实现毕业论文.docx》由会员分享,可在线阅读,更多相关《音乐网站设计与实现毕业论文.docx(40页珍藏版)》请在冰豆网上搜索。
音乐网站设计与实现毕业论文
北京航空航天大学毕业论文
音乐网站设计与实现
专业:
计算机应用与信息管理专科
姓名:
学号:
指导教师:
时间:
摘要
本文是针对中学音乐教育教学实际情况,开发的小型网站设计课题。
其目的是在新课改的大环境下,提高学生音乐素质,推动学校教育教学改革.本文实际设计一个音乐教育教学网站,该网站内容丰富多彩,包含了音乐名家、音乐常识、音乐欣赏等,并有留言板功能实现用户间、用户和管理员间的交流.
在这个系统中我综合应用了FrontPage、Access2000、ASP等知识。
网页界面的结构设计以实用性出发,具有易于操作、简洁、方便等特点。
在设计中,首先,运用HTML语言对网站的静态页面进行精细的加工并且在网站的美工方面取得了良好的效果。
其次,对于ASP语言的动态编程以及Access2000数据库进行努力学习和大量实践,并运用到了网站的建设中。
关键词:
ASP,数据库,音乐,教育
第1章概述......................................................5
第2章软件开发技术介绍..........................................7
第1章概述
1。
1课题来源、目的和意义
人类早已进入计算机世界的时代,我们要通过电脑来武装人脑。
我们的目的是要使目前的教学向真正的数字化和信息化靠近.真正实现教育面向世界,面向未来,面向现代化.Internet在我们的生活中扮演着越来越重要的角色,同时计算机为教学提供了多种多样的辅助手段。
从单机使用到多媒体教学,从学校内部科室间的局域网到整个学校的校园网,最后发展到整个校园网同Internet互联.从长远来看,学校教育教学网站的建立是十分必要的,主要目的是利用校园网辅助教学,从互联网上获得大量信息以便加快科研的速度,同时也丰富了学生的课余生活,简化了教师的工作。
利用校园网与Internet的网络资源,使学生能够通过与外界的交流更加直观的掌握知识,增加音乐品位和修养.大大提高了学校的现代化进程,使学校在当今激烈的竞争中立于不败之地。
本课题除了介绍个人网站的制作及发布过程外,还将以ASP技术实现网络互动,使网络发挥出更强大的功能。
本网站是一个以音乐教育教学为主题的个人网站,本文将介绍网站材料的组织、网页的制作过程。
本网站的特色部分是实现网上留言的功能.它包括:
留言板的申请、留言、浏览、版主管理的功能.所有操作都通过建立在服务器端的Access数据库进行数据读取和存入.我的任务是在建立“王英华音乐教室”个人网站的基础上,利用ASP技术,在此网站上加入一个具有个性化的留言板,实现用户间、用户和管理员间的交流.
1.2网站的建设目标
1.2。
1网站的定位
建立一个较为实用的小型网站,首先要对网站进行明确的规划设计,规划包括网站的内容,面向的用户群,网站的规模以及网站的目标。
本次毕业设计所建立网站的定位内容是一个音乐教育教学网站.
面向的用户群是所有喜欢音乐的学生和对音乐感兴趣的人。
网站的目的是在新课改的大环境下,提高学生音乐素质,推动学校教育教学改革。
1.2.2网站的目标
1.熟练的运用HTML语言对网站的静态页面进行设计,并且尽力做到页面的美观实用.
2.利用ASP动态编程语言对此网站进行动态化编程。
3。
运用ASP语言及Access实现网站的互动系统。
1.3本系统开发的环境
1。
3.1硬件环境
机型:
586微机
CPU:
IntelPentiumM处理处理器
内存:
64M
硬盘:
60GB
1。
3.2软件环境
操作系统:
Windows2000操作系统
界面开发环境:
FrontPage2000
数据库开发环境:
Access2000
第2章软件开发技术介绍
2。
1技术方案比较
随着动态Web被广泛的应用,与之相配套的动态Web技术也被网络开发人员更广泛的应用。
主要是从使用者的角度来考虑,要尽可能地适应不同的浏览器(IE、Netscape等)平台,兼容性要好。
目前,比较流行的技术有CGI、ASP、PHP、JSP等。
以下是对这些技术的认识.
2.1.1ASP(ActiveServerPages)
ASP(ActiveServerPages,动态服务器页面)是由Microsoft公司推出的一种网络编程技术。
准确的说,ASP不算一种编程语言,因为ASP没有提供自己专门的编程语言,而是允许用户使用VBScript、JavaScript等己有的脚本语言编写ASP的应用程序。
因此,ASP实际上应当是一种脚本语言的服务端编写环境。
ASP默认的脚本编写语言为VBScript,但是用户可以根据自己的需要进行选择。
只要用户安装了相应的脚本引擎,就可以使用几乎目前流行的脚本语言编写ASP应用程序.
ASP吸收了当今许多流行的技术,如ActiveX、VBScript、ODBC等,是一种发展较为成熟的网络应用程序开发技术。
借助于Microsoft传统产品良好的兼容性以及自身易学易用的特点,ASP一经出现就逐渐占据了网络编程技术的主流地位。
ASP的核心技术是对组件和对象技术的充分支持.通过使用ASP的组件和对象技术,用户可以直接使用ActiveX控件,调用对象方法和属性,以简单的方式实现强大的功能。
2。
1.2PHP
PHP是一种跨平台的服务器端的嵌入式脚本语言,可以编译成具有许多数据库相连的函数,还可以自己编写外围的函数间接存取数据库,支持UNIX、Linux、WindowsNT等多种服务器系统,可移植性好,但是目前UNIX、Linux系统是少数专业技术人员的专利,Linux系统的可操作性差及其源代码公开技术使得其产品市场相对无序和混乱,从而影响了它的普及,因此PHP技术是一种过渡型技术.它的弱点是提供的数据库接口支持彼此不统一。
2.1。
3JSP(JavaServerPage)
JSP(JavaServerPage)是99年6月出来的新技术,是由SunMicrosystemsInc公司倡导,ASP是由Sun微软系统公司提倡、许多公司参与一起建立的一种动态网页技术标准,其在动态网页的建设中有其强大而特别的功能。
JSP秉承了Java语言的优势,是一种实实在在与平台无关的开发技术。
它具有运行速度快,开销小,支持分布式处理、MXL和组件,函数和数据库支持广泛等优点,并具有良好的扩展性和安全性。
使用的ASP编写的网页脚本不仅在技术上有兼容性好、效率高的优点,而且可以方便简单的实现视觉上的突破。
例如使用ASP可以用简单的语句实现页面的无边框显示,并且能够任意设定页面的大小。
突破旧有的浏览器窗口的限制这一点与其他网上多媒体课件相比,仅在视觉上就是一大创新。
又如ASP讨论区程序Jive,是一个基于ASP/Java技术构架的一个大型BBS论坛系统,其内核编译成一个库类,前端全部是ASP程序,运行效率相当高,并且首次采用Skin的方式编写前台ASP程序,即可以自定义软件的运行外观,但程序内核不变。
这样与其它讨论区相比,就有更多的发挥余地了。
JSP在网页制作上的与众不同之处主要在于:
◆能够在任何Web或应用程序服务器上运行。
◆将应用程序逻辑和页面显示分离。
◆能够快速的开发和测试。
◆简化开发基于Web的交互式应用程序的过程.
在以上几种动态Web技术中,由于ASP简单且功能强大,执行效率较好,安全系数较高,加上Microsoft的支持,因此本文选择了ASP作为个性化页面生成器的开发工具。
2。
2选取数据库平台
主要从管理者的角度来综合权衡,包括安全性、数据访问机制、管理的灵活性等,目前主要的数据库有:
FoxPro、Access、Excel、Oracle、Sybase、Informix、SQLServer等,其中网络型的Oracle、Sybase、SQLServer产品安全性远远高于桌面型的FoxPro、Access、Excel等数据库。
1.桌面型的FoxPro、Access、Excel等数据库主要应用于单机环境,虽然一些后续产品(如VisualFoxPro6。
0等)也提供了一些诸如WEB发布的功能,但究其设计的目的还是基于小型的工作组级的应用环境,表现在不提供并行分布的能力、没有或不完备的安全性方案.
2.网络型的Oracle、Sybase、SQLServer数据库提供并行分布的能力、完备的安全性管理、大容量的数据库存取等,微软公司推出的SQLServer系列网络数据库已经广泛应用于各行各业,其中的SQLServer2000作为微软公司的“。
NET”战略中为企业开发的数据库产品,主要用于构建电子商务和数据仓库的数据库服务器。
3。
Access是一个关系式数据库管理,它以行和列的方式组织数据,其中的数据不仅可以查看,而且可以进行查询、显示和打印。
而且还可以用于web查看。
Access是一个数据库管理系统。
它被集成到Office中,而没有像VisualFoxPro一样被集成到VisualStudio中,是因为它与其他的数据库系统相比更加简单易学,一个普通的计算机用户可以很快地掌握它。
Access2000的功能也十分强大,利用它可以方便地实现对信息保存、维护、查询、统计、打印、交流、发布,而且它可以十分方便地与Office其他组件交流数据。
这些功能对一个普通用户来说已经足够了。
作为一个办公人员,如果手头有大量的信息要处理或实现一个公司的数据库系统原来没有的功能,Access2000将是最好的选择之一.
在设计中我采用了Access关系型数据库,完成了留言板中留言信息的存储和系统管理员账号信息的管理。
综合考虑以上软件的优点和缺点及自身的实际水平之后,我选用了MicrosoftFrontPage2000进行制作,并且使用DreamwaverMX辅助制作,数据库采用MicrosoftAccess,选用ASP作为开发语言.
2.3ASP介绍
2.3.1简介
ASP是ActiveServerPages的缩写,是Microsoft为推进Web应用开发和数据库互连而推出的一项新技术.这项技术最早在IIS3。
0上使用。
由于WindowsNT、IIS的日益普及,ASP也凭借其简单而功能强大的特点逐渐成为重要Web应用开发技术。
在前面提到,ASP不算是一种语言,而是一套Microsoft开发的服务器端脚本运行环境。
通过这种环境,用户可以创建和运行动态的交互式Web服务器应用程序,如交互式网页,包括使用HTML表单收集和处理信息,而以前这种工作必须通过CGI来完成.ASP内含于IIS3.0和4.0之中,通过ASP可以结合HTML网页、ASP指令和ActiveX组件建立动态、交互且高效的Web服务器应用程序。
ASP应用程序非常容易开发和修改.有了ASP你就不必担心客户的浏览器是否能运行你所编写的程序代码.因为所有的程序都将在服务器端执行。
当浏览器向服务器发出请求,需要读取Web服务器上的某个。
ASP文件,于是在服务器上,Web服务器打开ASP文件,读取其中的信息,执行脚本命令并将结果以静态HTML的形式返回浏览器。
然后,由浏览器显示最终的结果,这样也减轻了客户端浏览器的负担,大大提高了交互式的速度。
因此,先介绍一下如何构建ASP的运行环境及这个环境提供的功能。
Web服务器是Web应用程序的心脏。
IIS(InternetInformationServer)是微软推出的WindowsNTOptionPack的主要成员,作为WindowsNT的扩展,自推出以来已经有了很大发展,其体系结构是当今市场上最受关注的Web服务器之一。
新推出的IIS5。
0版本增强了系统安全性,具有服务器端脚本开发调试,内容管理和站点分析,崩溃防护,内置JAVA虚拟机及全面支持ASP等强大功能.
2。
3.2ASP的内部特点
ASP提供了6个功能强大的内部对象,每个对象具有各自的属性(Property)、方法(Method),有的还拥有数据集合(Collection)与事件(Event),它们共同完成Web中的一些重要工作。
这6个对象及其功能描述如表2-1所示。
合理地运用这些对象可以使原本复杂,烦琐的工作变得简捷而条理清晰.
表2—1ASP内部6大对象及其功能
对象名称
功能描述
Request
从客户端取得信息
Response
将信息送给客户端
Server
提供一些Web服务器工具
Session
储存在一个Session内的用户信息,该信息仅可被该用户访问
Application
在一个ASP-Application中让不同的客户端共享信息
ObjectContext
配合MicrosoftTransaction服务器进行分布式事务处理
2。
3。
3IIS与ASP的结合
在过去,客户机/服务器结构的设计与Web的相关技术几乎处于平行线上,两者相互独立并无法做出集成性的设计。
现在我们利用IIS+ASP构成三层式Web结构(如图2—1所示)的中间一层,将客户机/服务器结构与Web密切结合,完成前后端两者的集成输出功能,使得Web站点的开发更方便,实现的功能更强大.
利用IIS+ASP技术来集成Web前后端所带来的强大效益可归结为以下几个方面:
◆减少构建和维护成本
◆加快联机过程
◆应用软件集中在服务器端开发管理
◆前端可使用任何浏览器(IE、Netscape…..)
◆后端可存取任何数据库(SQL、Access…。
.)
◆可使用任何脚本语言开发(VBScript、JavaScript、PERL….。
)
后端数据库
+ASP元件
程序和计算逻辑
ActiveXServer元件
前端浏览器
图2—1三层式Web结构示意图
第3章总体方案设计
3。
1功能设计
3.1.1总体结构图
图3—1总体结构图
3.1。
2总体结构的各部分说明
本网站的内容表现形式主要以文本、图像为主。
虽然网络上可以承载的元素越来越多,但文字一直是很重要的部分。
在同一语言环境下,文字的传达是最准确的,所以,文字是任何出版物的核心,网页也不例外,而且就现在的网络环境下,文字的使用仍是首选。
所以,本网站使用大量的文字介绍教育教学方面的知识。
如:
教师的论文及教案、音乐常识中乐器的介绍等相关知识都是使用文字这种手段在网页上向大家介绍的。
◆首页:
网站给人的第一印象就是首页,要让人愿意继续欣赏下去.我设计的首页力求简洁明了,色调属于暖色,给人明快、轻松的感觉。
页面最醒目处是一朵正在开放的花,象征着祖国的未来生机勃勃.背景隐约可见的五条横线,代表着五线谱,表明了本网站音乐教育教学的主题。
其中包括音乐名家、音乐常识、音乐教学、音乐欣赏和留言板五项。
有我的E—mail以便用户和我联系.有站点计数器可以统计访客数量。
◆音乐名家:
介绍贝多芬、舒伯特、舒曼等8位音乐家的生平及主要作品,其中的代表作品有音乐欣赏.
◆音乐教学:
这里主要是音乐教师交流的园地。
分为论文和教案两项内容。
◆音乐常识:
为了提高多数人的音乐修养及素养,我设计了这一项内容,包括基本知识、乐器常识及戏曲常识三项,乐器常识又分为民族乐器介绍和西洋乐器介绍两部分。
◆音乐欣赏:
主要是给人听觉和视觉上的享受。
让人真正的在音乐氛围中有个轻松、愉悦的好心情。
包括3种形式的音乐欣赏:
flash、mp3、midi.
◆留言板:
提供一个用户交流的平台。
3。
2界面设计
3.2。
1首页界面设计
网站给人的第一印象就是首页,要让人愿意继续欣赏下去.我设计的首页力求简洁明了,色调属于暖色,给人明快、轻松的感觉。
页面最醒目处是一朵正在开放的花,象征着祖国的未来生机勃勃。
背景隐约可见的五条横线,代表着五线谱,表明了本网站音乐教育教学的主题。
首页包括音乐名家、音乐常识、音乐教学、音乐欣赏和留言板五项。
有我的E—mail以便用户和我联系。
有站点计数器可以统计访客数量。
网页的色彩选择和搭配是网页设计的重点之一.用什么色彩才能最好地表达出网站的
内涵,吸引浏览者的视线,网页的色调、背景、文字、图标、边框、链接应该采用什么样的色彩,应该如何搭配,都是网页设计一开始就必须考虑的问题。
网页的色彩搭配在网页的制作中起到非常重要的作用,因为它将决定浏览者对你的网页的第一印象,好的色彩搭配可以使你的网页独具魅力,相反则提不起浏览者的兴趣。
所以一定要把握住色彩的搭配。
下图是我的首页设计:
图3-2首页界面设计
3。
2.2音乐教学子页面设计
这里主要是音乐教师交流的园地。
分为论文和教案两项。
在同一语言环境下,文字的传达是最准确的,所以,文字是任何出版物的核心,网页也不例外,而且就现在的网络环境下,文字的使用仍是首选。
所以,本网页设计使用了大量的文字介绍。
文本构成的因素有字体和字号,它们都是由汉字软件自动生成的。
字体是一种灵活的
媒介,根据对不同字体的选择可以表达感情,语调以及结构。
字体也是网页的主要组成部分,是信息的重要载体。
正确选择字体不仅关系到网页的美观,还对浏览者的阅读及信息的传达有直接的影响.如下图:
图3-3音乐教学子页面设计
3。
2。
3音乐名家子页面设计
为了提高多数人的音乐修养及素养,我设计了这一项内容,包括贝多芬、舒伯特、舒曼等8位音乐家的生平介绍和代表作品。
除了文本之外,WEB页面上最重要的设计元素莫过于图像了,如果WWW上没有图像,那么它也不会有今天这样火暴的局面了。
图像也是传达信息的重要方法之一,与文本相比,它显得更加直观、生动、易于理解和接受.图像可以把那些文字无法表达的信息传达出来。
本网站当然也恰当的使用了图像,文字的精确性和图像的模糊性结合,就会使得信息的传达更加完美了。
如下面的页面:
第4章留言板设计
留言板是大家进行交流的一个桥梁,希望通过留言板获知大家对网站的喜爱程度,展示出自己的思想与创意,更愿收到大家的宝贵意见,以便进一步加以改进,不断进行完善。
架设留言板的目的是让浏览者有一个发表自己看法的园地,因此说留言板要实现的功能很明确,那就是当一个浏览者想发言的时候,他的发言内容会显示在留言板的主题列表上。
而其他的浏览者在留言的同时也可以浏览别人的留言,它是一个开放于互联网上的程序。
4.1设计留言板系统
留言板系统主要分为三部分:
留言列表、添加留言和管理留言。
本网站使用了三个页面来构件留言板系统,留言列表页、添加留言页和管理留言页三个页面.
留言列表页guestbook:
显示留言板中的所有留言,并提供链接至管理/添加留言页面。
添加留言页guestbook_insert:
添加留言,留言添加完毕后自动转到留言列表页。
管理留言页guestbook_adm:
管理员登录,登录后可以删除留言.
4.2数据库设计
为了存储留言信息,还需要设计一个数据库.数据库中需要建立两个表。
用于存储留言信息的guestbook表和用于记录系统管理员帐号信息的adm表.
表4—1guestbook表的结构
字段名称
数据类型
必填字段
允许空字符
默认值
说明
ID
自动编号
留言编号
Subject
文本
是
否
留言主题
Author
文本
是
否
留言人
文本
否
是
留言人电子邮件
Time
日期/时间
是
Now()
留言时间
content
备注
否
是
留言内容
表4-2adm表的结构
字段名称
数据类型
说明
Username
文本
系统管理员用户名
password
文本
系统管理员密码
ASP与数据库连接:
打开windows控制面板下的【管理工具】一项,双击【数据源(ODBC)】图标,打开【ODBC数据源管理器】,在【系统DSN】选项卡中,添加刚才建立的guestbook.mdb数据库文件,将数据源名设为guestbook,说明为“留言板”。
4.3编辑留言列表页
4。
3。
1建立数据源连接
在【应用程序】面板的【数据库】页上单击“+”按钮,选择【数据源名称】命令,打开【数据源名称】对话框,在【连接名称】中输入“guestbook”,【数据源名称】设置为刚才建立的ODBC数据源guestbook。
完成后单击【确定】按钮,下面就可以开始制作留言板页面了。
4.3。
2具体步骤
1.先在页面中插入一个4*1的表格,并将表格的第二个单元格拆分为6列,并在页面和表格中输入提示信息.如图4-1
图4-1输入文字信息和建立表格
2。
将【我要留言】和【管理员】登录分别建立链接到guestbook_insert和guestbook_adm。
3。
切换到【应用程序】面板下的【绑定】页,单击“+”按钮,选择【记录集(查询)】命令,建立一个新的记录集。
4.在【名称】中输入“guestbook”,【连接】和【表格】都设置为guestbook,【列】设置为【全部】,这里不需要筛选记录集,所以设为【无】,【排序】设置为time字段,并设定为【降序】排列,这样最新的留言才会才会显示在最顶端.
5。
回到编辑窗口,将记录集中的各项字段添加到表格中。
6。
在页面中插入一个表单,并将表格移入表单中,在表单的表格下方插入一个提交按钮,并将该按钮标签设置为“删除此留言!
”。
7。
添加一个“删除记录”服务器行为。
在【删除记录】对话框中,将【连接】、【从表格中删除】和【选取记录自】都设置为guestbook,在【删除后,转到】中输入“guestbook.asp”。
将页面保存为“guestbook.asp”,并保存至网站的guestbook文件夹下。
4.4编辑添加留言页
1。
建立一个新页面,插入表单。
2.在表单中建立一个6*2的表格,将第4、5行的两个单元格,合并为一个单元格,然后在表格中插入提示文字、文本字段、文本区域、单选按钮,以及【提交】、【重置】按钮.如图4-2所示:
图4—2编辑表格与表单对象
3.表格中的文本字段从上到下依次命名为“subject"、“author"、“email”,文本区域命名为“content"。
4.添加一个“检查表单"的行为,以确保通过表单提交到服务器的留言信息满足数据库的格式需要.
5。
展开【设计】面板,选种【行为】页,单击“+”按钮,在菜单中选择【检查表单】命令,打开【检查表单】对话框。
将subject和author文本字段设为【必须的】,将email文本字段设为【电子邮件地址】,content文本域不做任何设置。
6。
设置完“检查表单”行为后,切换到【应用程序】面板的【服务器行为】页,单击“+”按钮,在菜单中选择【插入记录】命令,将表单中的留言信息插入到数据库中存储起来.
7.在【插入记录】对话框中,将【连接】和【插入到表格】都设置为guestbook,在【插入后,转到】中输入“guestbook。
asp",即留言列表页,再将各表单元素与相应的字段一一对应即可.
8。
完成“插入记录”服务器行为的设置,添加留言页的制作就完成了,将其保存为“guestbook_insert.asp”,并且和guestbook。
asp留言列表页保存在同一目录下。
4.5编辑管理员登录页
由于管理员登录页guestbook_adm.asp比较简单,所以不再用详细步骤说明。
首先建立一个新页面,在页面输入系统管理员登录的提示信息,并且建立一个到留言列表页的链接,供单击【管理员登录】链接的浏览者返回。
在页面中插入一个表单,并在
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 音乐网站 设计 实现 毕业论文