论文部分内容阅读
获取素材
要制作一个Web学习平台，可不是一件容易的事情。首先，要根据教学内容设计相关的网站栏目以及各个栏目所需要的资源。然后，通过多种途径进行素材的获取和整理。
本课的Web学习平台主要包括以下几个栏目：京剧小知识、京剧欣赏、京剧ABC、在线视听、京剧大舞台（任务版）、京剧图库、京剧下载、聊聊京剧、京剧大舞台（教师版）。针对各个栏目，我们开始了素材的搜索。
制作Web平台的素材主要是一些相关的图片、声音、视频、asp源程序等。比如京剧小知识、京剧ABC等栏目需要一些京剧方面的文字资料和相关图片，通过搜索引擎的图片搜索功能即可轻松获取。其他的资源，如制作京剧欣赏栏目需要一些京剧唱腔的MP3和唱词，京剧下载中的京剧片段伴奏都可以通过www.baidu.com中的mp3搜索来进行，只要知道京剧片段名称就可以搜索到，唱词则可以通过百度搜索引擎中的歌词搜索功能来寻找。其他的资源，比如制作Web学习平台的动易4.03文章系统、制作京剧ABC和京剧大舞台Flash界面的矢量图，都可以通过搜索引擎来进行素材的搜索和下载。特别是京剧图库栏目中京剧脸谱图片素材的获取，我通过www.baidu.com中的图片搜索引擎，利用关键词“京剧脸谱”，搜索并下载了大量的图片素材。另外，学习平台中的一些京剧视频片段，有的我们通过搜索引擎进行搜索并下载，有的则从京剧VCD中截取片段，获取相应的素材后，我把各个素材以文件夹的形式进行了分类和整理，以便于Web平台的制作。
处理素材
并不是所有从网上或者一些光盘上获取的素材就直接可以运用到Web网站的制作当中。有很多时候，素材必须经过特别的处理才能更好地被使用。在本网站的制作过程中，我就对各种素材进行了多方面的处理。例如在制作《京剧ABC》和《京剧大舞台》多媒体课件时，为了使其更加美观，我把下载的图片通过Photoshop软件进行了各种处理，比如统一大小、统一图片格式等，然后再导入Authorware进行后期制作。又例如在制作学习平台主页面时，我们利用Photoshop、Macromedia Fireworks MX 2004进行了网站的美工处理，使整个学习平台的风格和学习主题融为一体。另外，我们还对大量的京剧视频片段运用Premiere 6.5进行了剪辑和格式转换，使其在网页中能顺利地播放。
各栏目的具体制作
Web学习平台框架的搭建
为了让学习平台各栏目的风格各个统一，制作和管理更方便，我们选择了使用动易4.03文章系统进行网站框架的搭建。
动易4.03中文章系统使用的方法很简单，可先到http://www.asp163.net下载ASP代码，解压后将免费版目录下的所有文件复制到服务器虚拟目录下，然后进行动易组件的注册，根据说明文档进行数据库链接的更改，最后运行install.asp进行安装和网站的简单设置就可以使用了。如图1所示安装完毕以后，进入程序后台，进行网站各个栏目的相关设置，如栏目的名称，栏目的内外部链接地址等。如图2所示，其中京剧小知识、京剧欣赏、京剧大舞台由后台的文章发布系统发布和管理，京剧图库、京剧下载、聊聊京剧这些栏目由后台其他管理栏目发布并生成，其优点在于资源的发布和更新方便，以方便今后的管理。
文章发布的方法非常简单，根据后台提示进行相应的文字输入和图片导入就可以了。需要注意的是发布文章时要选择好所属的栏目，输入标题、关键词、内容等，通过工具栏插入需要的图片，然后发布就可以了。修改也很方便，只要选择“京剧管理”就可以实现修改、删除、推荐、固定等功能。
京剧欣赏
这个栏目我们也通过文章管理系统进行京剧唱腔MP3及唱词的发布，如图４所示。
在线视听
这个栏目我们也通过文章管理系统进行京剧视频片段的发布，如图６所示。
图片的发布非常简单，利用图片系统的“添加图片”就可以非常方便地实现图片的发布及管理。只需要将事先准备好的图片进行上传就可以了，系统会自动进行图片的发布。
京剧下载
这个栏目我们通过动易的下载管理系统进行京剧唱段伴奏MP3的发布，如图9所示。
学生的留言在网站上并不是实时显示的，必须通过老师的审核才能够在网站上显示，这一功能方便了老师对留言的过滤和管理，老师可以通过这个系统进行必要的回复和指导，管理非常方便。
京剧ABC
这个栏目我们使用Authorware7.0进行制作。制作方法非常简单，新建一个Authorware文件，然后把从网上下载的有关图片运用Photoshop进行处理后一张张放到流程图上，每张图片都设置好过渡的方式，各图片之间放一个等待键（等待时间设置为1秒）、一个擦除键，在程序中必要的地方放置一些音乐文件，为了方便交互，我们把课件做成了热区的形式，可以通过参数goto任意返回首页，在主页面放置一个计算图标并设置参数：quit(0)使课件点击可以退出。由于课件中的文字使用了文鼎古印体，为了使没有装过这种字体的电脑都能显示出这一文字效果，因此我们特意把所有文字做成了图片形式插入到Authorware中，如图11、图12所示。
特别要提到的是，为了使学习网站风格更统一、使用更方便，我们把用Authorware制作的课件打包成了网页的形式，通过网站的后台融合到了学习平台中。只要教师电脑下载并安装Authorware WebPlayer 7就可以在网站上使用课件了，效果相当不错。
网站的搭建和发布
所有的栏目制作完成以后，我们开始了网站的搭建和发布。为了使学生和老师能更方便地使用学习网站进行学习，我们对动易的主页面index.asp进行了必要的修改，将原始的网站风格改成了与本课“京剧”相融合的古色古香的风格，网站的图片均用Photoshop和Fireworks MX 2004进行了专门的处理，然后进入后台的网站首页模板管理对CSS代码进行设置。根据教学的需要我们在主页加入了百度搜索引擎，并更改了友情链接的显示方式。
此外，其他栏目的页面均由动易的后台来进行设置，非常方便，比过去使用Dreamweaver MX软件进行搭建，添加导航方便了许多。原本使用Authorware制作的栏目，比如京剧ABC、京剧大舞台，我们在打包时特意打成了Web格式，并通过后台与网站融合在了一起，使用浏览器就可以自动安装插件，在网页中就直接可以播放。于是，整个Web学习平台就这样被搭建起来了。由于本节课是基于Web学习平台的自主学习模式，整个网站需要ASP后台的支持，因此，为了方便学生和老师进行互动学习，我们通过学校的服务器对整个网站进行了相关的设置，如图14所示。
希望我们的这篇文章能为老师们今后制作Web学习平台带来一点启发，希望通过网络与老师们作更多的探讨和交流，网址：http://zaxx.jdedu.net/jingju。
要制作一个Web学习平台，可不是一件容易的事情。首先，要根据教学内容设计相关的网站栏目以及各个栏目所需要的资源。然后，通过多种途径进行素材的获取和整理。
本课的Web学习平台主要包括以下几个栏目：京剧小知识、京剧欣赏、京剧ABC、在线视听、京剧大舞台（任务版）、京剧图库、京剧下载、聊聊京剧、京剧大舞台（教师版）。针对各个栏目，我们开始了素材的搜索。
制作Web平台的素材主要是一些相关的图片、声音、视频、asp源程序等。比如京剧小知识、京剧ABC等栏目需要一些京剧方面的文字资料和相关图片，通过搜索引擎的图片搜索功能即可轻松获取。其他的资源，如制作京剧欣赏栏目需要一些京剧唱腔的MP3和唱词，京剧下载中的京剧片段伴奏都可以通过www.baidu.com中的mp3搜索来进行，只要知道京剧片段名称就可以搜索到，唱词则可以通过百度搜索引擎中的歌词搜索功能来寻找。其他的资源，比如制作Web学习平台的动易4.03文章系统、制作京剧ABC和京剧大舞台Flash界面的矢量图，都可以通过搜索引擎来进行素材的搜索和下载。特别是京剧图库栏目中京剧脸谱图片素材的获取，我通过www.baidu.com中的图片搜索引擎，利用关键词“京剧脸谱”，搜索并下载了大量的图片素材。另外，学习平台中的一些京剧视频片段，有的我们通过搜索引擎进行搜索并下载，有的则从京剧VCD中截取片段，获取相应的素材后，我把各个素材以文件夹的形式进行了分类和整理，以便于Web平台的制作。
处理素材
并不是所有从网上或者一些光盘上获取的素材就直接可以运用到Web网站的制作当中。有很多时候，素材必须经过特别的处理才能更好地被使用。在本网站的制作过程中，我就对各种素材进行了多方面的处理。例如在制作《京剧ABC》和《京剧大舞台》多媒体课件时，为了使其更加美观，我把下载的图片通过Photoshop软件进行了各种处理，比如统一大小、统一图片格式等，然后再导入Authorware进行后期制作。又例如在制作学习平台主页面时，我们利用Photoshop、Macromedia Fireworks MX 2004进行了网站的美工处理，使整个学习平台的风格和学习主题融为一体。另外，我们还对大量的京剧视频片段运用Premiere 6.5进行了剪辑和格式转换，使其在网页中能顺利地播放。
各栏目的具体制作
Web学习平台框架的搭建
为了让学习平台各栏目的风格各个统一，制作和管理更方便，我们选择了使用动易4.03文章系统进行网站框架的搭建。
动易4.03中文章系统使用的方法很简单，可先到http://www.asp163.net下载ASP代码，解压后将免费版目录下的所有文件复制到服务器虚拟目录下，然后进行动易组件的注册，根据说明文档进行数据库链接的更改，最后运行install.asp进行安装和网站的简单设置就可以使用了。如图1所示安装完毕以后，进入程序后台，进行网站各个栏目的相关设置，如栏目的名称，栏目的内外部链接地址等。如图2所示，其中京剧小知识、京剧欣赏、京剧大舞台由后台的文章发布系统发布和管理，京剧图库、京剧下载、聊聊京剧这些栏目由后台其他管理栏目发布并生成，其优点在于资源的发布和更新方便，以方便今后的管理。
文章发布的方法非常简单，根据后台提示进行相应的文字输入和图片导入就可以了。需要注意的是发布文章时要选择好所属的栏目，输入标题、关键词、内容等，通过工具栏插入需要的图片，然后发布就可以了。修改也很方便，只要选择“京剧管理”就可以实现修改、删除、推荐、固定等功能。
京剧欣赏
这个栏目我们也通过文章管理系统进行京剧唱腔MP3及唱词的发布，如图４所示。
在线视听
这个栏目我们也通过文章管理系统进行京剧视频片段的发布，如图６所示。
图片的发布非常简单，利用图片系统的“添加图片”就可以非常方便地实现图片的发布及管理。只需要将事先准备好的图片进行上传就可以了，系统会自动进行图片的发布。
京剧下载
这个栏目我们通过动易的下载管理系统进行京剧唱段伴奏MP3的发布，如图9所示。
学生的留言在网站上并不是实时显示的，必须通过老师的审核才能够在网站上显示，这一功能方便了老师对留言的过滤和管理，老师可以通过这个系统进行必要的回复和指导，管理非常方便。
京剧ABC
这个栏目我们使用Authorware7.0进行制作。制作方法非常简单，新建一个Authorware文件，然后把从网上下载的有关图片运用Photoshop进行处理后一张张放到流程图上，每张图片都设置好过渡的方式，各图片之间放一个等待键（等待时间设置为1秒）、一个擦除键，在程序中必要的地方放置一些音乐文件，为了方便交互，我们把课件做成了热区的形式，可以通过参数goto任意返回首页，在主页面放置一个计算图标并设置参数：quit(0)使课件点击可以退出。由于课件中的文字使用了文鼎古印体，为了使没有装过这种字体的电脑都能显示出这一文字效果，因此我们特意把所有文字做成了图片形式插入到Authorware中，如图11、图12所示。
特别要提到的是，为了使学习网站风格更统一、使用更方便，我们把用Authorware制作的课件打包成了网页的形式，通过网站的后台融合到了学习平台中。只要教师电脑下载并安装Authorware WebPlayer 7就可以在网站上使用课件了，效果相当不错。
网站的搭建和发布
所有的栏目制作完成以后，我们开始了网站的搭建和发布。为了使学生和老师能更方便地使用学习网站进行学习，我们对动易的主页面index.asp进行了必要的修改，将原始的网站风格改成了与本课“京剧”相融合的古色古香的风格，网站的图片均用Photoshop和Fireworks MX 2004进行了专门的处理，然后进入后台的网站首页模板管理对CSS代码进行设置。根据教学的需要我们在主页加入了百度搜索引擎，并更改了友情链接的显示方式。
此外，其他栏目的页面均由动易的后台来进行设置，非常方便，比过去使用Dreamweaver MX软件进行搭建，添加导航方便了许多。原本使用Authorware制作的栏目，比如京剧ABC、京剧大舞台，我们在打包时特意打成了Web格式，并通过后台与网站融合在了一起，使用浏览器就可以自动安装插件，在网页中就直接可以播放。于是，整个Web学习平台就这样被搭建起来了。由于本节课是基于Web学习平台的自主学习模式，整个网站需要ASP后台的支持，因此，为了方便学生和老师进行互动学习，我们通过学校的服务器对整个网站进行了相关的设置，如图14所示。
希望我们的这篇文章能为老师们今后制作Web学习平台带来一点启发，希望通过网络与老师们作更多的探讨和交流，网址：http://zaxx.jdedu.net/jingju。