《ASP动态网站》课程教学项目设计与实践研究[合集五篇]

第一篇：《ASP动态网站》课程教学项目设计与实践研究

生家锋

摘 要：项目教学适合计算机专业学生实践技能的培养，适应符合职业岗位、工种，符合现代企业生产实际需要的职业工人的培养。本文以《ASP动态网站》课程中教学项目的设计与实践应用为例，来探索中职计算机专业教学如何设计设计教学项目、应用项目教学法。关键词：教学项目；ASP动态网站；职业能力

本学期我在ASP动态网站制作课程中就教学项目的设计、项目教学的实施做了一定的研究。学期初我将ASP动态网站教学内容根据实际工作任务整合成若干教学项目，实施项目教学。教学设计上我们采用任务招标的形式，以任务招标，模拟职场为教学环境，通过招标、训标、实践制作、评标等环节来落实教学内容，培养和提升学生的技能。

一、教学项目的设计

教学实践告诉我们，项目可以有很多形式，而不仅仅是综合项目。通过示范项目可以让学生掌握基础的知识，为真正解决问题的能力奠定基础，在此基础上可以用知识迁移、协作讨论等方式来完成技能的提升。下面我就以“留言板”项目为例来说明教学项目设计的思路。1.以典型工作任务为依托是教学项目设计的基本原则。教学项目设计的原则是从典型的职业工作任务中开发设计教学项目，项目内容突破传统的学科界限，是以典型工作为核心，按照工作过程建构教学内容。所以我把“留言板”这个综合网站中很常见的功能模块单独拿出来作为一个简单的学生操作项目来设计。通过完成制作任务来落实知识，让理论教学内容与实践教学内容通过项目紧密地结合在一起。

2.以学生为主体的活动是教学项目的构成要素。学生活动主要指学生采用一定的工具和工作方法解决所面临的工作任务所采取的探究行动。“留言板”教学项目中我设计了如下的学生活动：

（1）6人小组成立工作室竞标。把全班48人根据学生学习能力和个性在自由组合基础上分成8个小组，成立工作室，课堂教学模拟工作室竞标形式。

（2）以工作室为单位的方案设计，竞标说明书递交。师生共同分析任务招标要求，明确网站的基本功能、设计的思路，在此基础上学生完成网站美工图设计和技术方案，遇到技术难题时向老师求助。（3）“留言板”网站制作。根据所学内容完成“留言板”网站制作。

（4）各工作室竞标，阐述各自网站的功能及特点，说明设计意图和技术优势所在。（5）评标，结合学生评价和老师评价两种形式，评选最适合的作品。

3.工作情境的创设是教学项目设计的前提。教学项目能顺利实施的一个前提就是为学生创设一具能进行探究学习的环境。技术实践知识与工作过程知识具有情景性特点，这决定了这类知识的掌握依赖于工作情景的再现。整个教学的设计也是用工作室任务招标、训标、制作、评标环节进行的，模仿了一个职场环境，让学生成为职业人去竞争去制作。

4.成果展示的多样性。项目设计要有明确而具体成果展示环节，有明确的评分标准，但不是简单的“对”、“错”之分。当工作任务完成学习结束后，师生可共同评价项目成果和工作学习方法。这时要充分考虑学生的实际能力和行业的标准。

二、项目教学的具体实施

下面以《留言板制作》为例来讲述项目组织实施过程。本项目就是用“模拟职场任务招标”形式。

1.任务招标，导入课题

模拟职场环境，以任务招标形式开展留言板网站制作项目教学。欣赏参考网站帮助更好地理解标书要求。学生接标开始课堂实践制作。2.功能分析、新课讲解

首先引导同学分析标书，明确网站基本功能和结构，得出制作思路。其次根据设计思路，结合前面所学知识，明确制作过程和实现技术方法。最后是新问题分析、新技术讲解。师生共同分析得到留言板必须要有的内容。3.学生完成设计草案

让学生在功能分析及制作过程方法的基础上自我设计，内化为自己的过程和方法。通过明确草案内容再次帮助学生理清制作过程：数据库表字段设计、站点配置、内容留言页面美工图设计及制作方法、添加留言页面美工图设计及制作方法。4.分析点评设计草案

教师根据学生自荐抽取设计方案进行分析点评：通过学生展示自己的设计方案（数据库的设计、实现技术、页面布局）、学生评价（页面设计特点及实现方法）、教师点评（重点在页面的布局设计和实现方法）来模拟企业训标环节。

通过对草案的点评可以让设计不合理的方案及时得到调整而不用等具体作品出来再推翻；通过教师指导、学生之间互相学习取长补短，及时更好完善草案。5.学生实践制作

指导学生根据自己的设计方案及调整意见完成网站制作。这环节重点是动网技能训练，让学生将知识融合，融会贯通，在项目分析的基础上进行开发，调试，在提高学生操作技能的同时也提升了学生解决实际问题能力。6.作品展示、评标和小结 模拟评标环节，评选三个最佳作品：采用自荐或推荐展示学生作品。请学生交流网站的特色、优点所在、介绍技术亮点、制作经验。学生提问、学生评价，教师点评。通过点评更好地实现技术交流，巩固知识点，提高技能，提高学生的表达、交流能力。

三、结束语

本学期我在ASP动态网站制作课程的探索取得了一定的成效，学生的实践技能提高明显。教学项目便于学生以项目为主线，把课程中的零散知识点串联起来，强化学生对课程相关知识的理解记忆，学生的学习兴趣、显著提高，使学生爱学，动起手来。

第二篇：基于ASP技术的班级动态网站设计毕业论文

目 录

摘 要.......................................................................I ABSTRACT...................................................................II 1 绪 言.....................................................................1 1.1 课题的可行性分析......................................................1 1.2 总体设计..............................................................2 1.3 网站设计思想..........................................................3 2 相关技术..................................................................3 2.1 ASP简介...............................................................3 2.1.1 Asp的优势.........................................................3 2.1.2 Asp的特点.........................................................4 2.2 MACROMEDIA DREAMWEAVER 8简介..............................................5 2.3 MICROMEDIA FLASH 8.0.....................................................5 2.4 ADOBE PHOTOSHOP8.0.......................................................6 2.5 ACCESS数据库的简介.....................................................6 2.5.1 Access数据库概述..................................................6 2.5.2 Access数据库的优点................................................6 2.5.3 ADO数据访问技术...................................................7 3 网站总体分析与设计........................................................7 3.1 网站系统分析..........................................................7 3.2 网站数据库详细设计....................................................8 3.3 每个页面的详细设计....................................................9 3.3.1 网站主页..........................................................9 3.3.2 音乐欣赏.........................................................10 3.3.3 班级相册模块.....................................................10 3.3.4 美文模块.........................................................12 3.3.5 留言模块.........................................................14 4 结束语...................................................................18 致 谢......................................................................19 参考文献...................................................................20

摘 要

班级网站是一个班级和外界交流的窗口，也是本班同学相互联系、交流的平台。本设计是用Dreamweaver排版页面，中间嵌入asp编程来实现各个功能。网站利用IIS-ASP构成三层式WEB结构中的中间一层，将浏览器/服务器结构与WEB密切结合，完成前、后端两者的集成输出功能。网站以互联网信息服务(IIS)为依托，后台采用access数据库服务，兼容性强。本设计界面友好，功能直观，方便用户在互联网上访问本网站。

网站首页提供一些其他常用网站的链接，让用户方便去这些网站搜集自己所要的信息。班级动态是公布班级里一些重大事务或重要通知的地方，普通用户只可以浏览新闻，而管理员享有发布、修改、删除新闻的权利。影集里是用户存放照片的地方，用户可以在这里浏览其他用户上传的照片，或者自己也可以上传照片；管理员享有修改、删除照片的权利。论坛是用来给用户相互交流，高谈阔论的地方，普通用户只能编辑自己的帖子，而管理员则可以编辑任何人的帖子。

关键字：班级网站；ASP；Access；留言板

I

ABSTRACT

The net station is a window which can communicate with outside world, It's also a terrace with which classmates can get in touch with each other and communicate with other classmates.This construction used Dreamweaver to compose the interfaces and actualize every function with asp program.the net station make use of IIS-ASP to constitute the middle layer of three layers WEB framework, with which, make explorer/service and WEB combine closely, so, it can complete pre-end and back-end’s function of corpus output.the net station relay on Internet Information Server(IIS), and use the database of access ,it is strong compatible.this net station has friendly interface and it’s function is intuitivism.because of these, the customers can visit this net station with internet easily.The net station’s header provide some net station’s catenate which used often.it can help customer to collect information that he need expediently.Class dynamic is a place where the administrator will announce some important events or important notification.general customer can browse news only, and the administrator can announce, mending and delete news.there are photos in the album, the customer can browse other customer’s photo ,or spread own photos.the administrator have the obligation of modify, delete the photos.Beside these, the customers also can communicate with each other and talk volubly with the forum.General customer can only edit own article, and the administrator can edit any customer’s article.Keywords：Class Webpage;ASP;Access;Message board

II 1 绪 言

据中国互联网络信息中心（CNNIC）2007年4月发布的调查数据，在我国3.03亿网民中，学生占到33.2%，而这其中在校学生更是网民的主体。在大学校园里，拥有个人电脑的学生与日俱增。在连上教育网的大学宿舍里，一个个学生一整天挂在网上，开着BBS，开着QQ，他们在上面凭借一个个ID浏览、发布信息，与人交流，甚至是与自己相距80公分的室友。BBS几乎成为大学校园次文化的一个组成部分。特别是大学班级网站这一特殊的虚拟社区，近年来也像QQ和手机短信一样，逐渐成为年轻人的一种时尚。

既然网络已经融入了学生的日常生活，成为他们学习、生活中不可或缺的部分，而现实又迫切需要有新的集体建设的方式来弥补传统班级管理的缺陷，那么能否发挥网络的功能，服务于班集体建设便成为自然的思考。所以该论文所涉及讨论的班级网站就是班级现实组织在网络上的一种延伸和映射，建立班级网站的目的是为了探索高校班级建设的新方式，构建班级建设的新平台。1.1 课题的可行性分析

随着网络信息时代的来临，互联网应用越来越广泛，从网上获取并且发布信息已成为现代计算机应用的一大特色。一个网站，是一个传媒，也是一个窗口。普通人可以通过浏览各个网站，接触到许多从书本上学不到的知识，还可以看看新闻之类当作是一种消遣。而一个企业，一个个体通过制作自己的网站，向全世界宣传自己的产品，提供各种产品的信息供顾客参考，并兼顾销售。这时，网站也就成为对外的窗口。同时，网站上普遍都有一些免费资源，从而达到资源共享，使得我们足不出户都能得到想要的资料。现在很多企业、学校、乃至班级都有自己的网站，通过网站使数据处理更方便快捷，人员访问更方便。

班级网站是使用计算机对毕业班级大学生活以及以后方便联系而开发的系统。通过使用计算机技术、信息技术、数据库技术，来实现远程网络联系，资源共享为目标，利用先进的硬件设备，对班级网站进行一定的错误的调试和纠正以及网站完整性的规划。

在该项目的可行性研究与计划工作中，通过对网络工作环境进行的实地调查和自己掌握的知识的程度，通过对资料的整体和对整体网站的构想和实现程度进行的全面的分析得出了结论，这个网站的任务对是完全可以达到的。主要分析如下所述：

（1）技术可行性 通过以往学习和总结得到的经验，首先我熟练掌握了基础软件Dreamweaver的使用，可以使用它对网站的整体结构进行完整的设计规划。Flash是一款很好的动画制作软件，可以对网页的进一步完善起到至关重要的作用。后台数据库设计使用Microsoft公司提供的office软件中自带的Access软件，数据表存储格式为*.MDB。通过它对数据可以很方便的进行管理，也可以很容易的移植到其他数据库系统中。因此，在技术上，开发班级网站是可行的。

（2）经济可行性

对于我来说已经不用再到其他的网吧或者借用其他人的电脑来完成自己的班级网站的设计，自己可以在自己的电脑中完成对网站开发的所有工作，而且这次对班级网站的开发也是完全不需要资金的投入的，主要是时间和精力的投入，所以经济这方面是完全可行的。

（3）人员可行性

作为班级网站的设计，我已掌握了大部分设计软件的使用，包括Dreamweaver的使用、Flash动画软件的使用、Photoshop美化软件的使用、Access数据软件的使用、Asp知识的灵活运用等等，完全有能力成功设计出这个班级网站的。另在辅导老师的大力支持和帮助下，其他曾经参与过其他网站设计的同学等等所有的人力都已经完全大具备的情况下，实现班级网站的设计在人员上是完全可行的。

综上所述，系统开发是完全可行的。1.2 总体设计

在总体设计中要解决的问题是“做什么”以及“怎么做”问题。总体设计的任务是：划分出组成网页的物理元素，如：程序、文件、数据库、过程和文档等。

（1）设计网页的结构，确定中每个程序由哪些模块组成，并确定模块与模块之间的关系。

（2）寻找实现目标网页的各种不同的方案，然后从中选取合理的方案，列出组成网页的所有物理元素，制定实现这个方案的进一步计划。

（3）选择一个最佳方案，并进一步为这个最佳方案设计软件结构，进行必要的数据库设计。

一、版面设计(Dreamweaver)Dreamweaver网页设计软件，它的功能非常强大，几乎可以完成很多网页的整体规划。它可以连续修改一个或几个网页的外观和格式，能够显著增强和扩展HTML元素，从而实现更少的编码、更少的页数和更快的下载速度。选取一个固定的版面格式，为页面设计确定方向。

二、建立数据库

运用Access，因其具有强大的数据仓库，并提供了一个全面的平台，从而使设计、建立、维护和使用数据仓库解决方案变得迅速而轻松，这样的数据仓库解决方案让决策过程在准确的信息基础上更为有效。在逻辑结构基本确定之后，再根据应用需要对设计结构进行适当的修改和调整以期进一步完善设计，提高应用系统的性能。这种修改和调整包括以下这两个方面：

（1）增加必要的冗余数据。

（2）如果经常要做的查询是两个关系的连接，则可以考虑是否可以将两个关系合并为一个关系。

数据试运行合格后，数据开发工作就基本完成，即可投入正式运行了。但是，由于应用环境在不断变化，数据运行过程中物理存储也会不断变化，对数据设计进行评价、调整、修改等维护工作是一个长期的任务，也是设计工作的继续和提高。1.3 网站设计思想

通过班级网站，全面宣传，展示班级风采、优点与特色，发布班级的重大活动安排，增强同学之间的相互联系，提高办事效率。相关技术

本系统是以Asp技术，以DreamWeaver 8.0、Micromedia Flash 8.0、Adobe photoshop8.0作为开发工具，Access数据库管理为基础而设计的一个班级网站。2.1 Asp简介

2.1.1 Asp的优势

在制作本系统过程中的一个至关重要的环节就是网页的制作。而在当今世界上，用于制作网页的工具比比皆是，如ASP、PHP、JSP等等。但我之所以选择ASP制作本系统,原 因在于asp是微软公司最为流行的开放式的Web服务器应用程序开发技术，它相对于其他网页制作工具具有自己独特的优势,是一套微软开发的服务器端运行的脚本平台。

与一般的程序不同，.asp 程序无须编译，ASP 程序的控制部份，是使用 VBScript、JScript 等脚本语言来设计的，当执行 ASP 程序时，脚本程序将一整套命令发送给脚本解释器(即脚本引擎)，由脚本解释器进行翻译并将其转换成服务器所能执行的命令。当然，同其他编程语言一样，ASP 程序的编写也遵循一定的规则，如果你想使用你所喜爱的脚本语言编写 ASP 程序，那么你的服务器上必须要有能解释这种脚本语言的脚本解释器。当你安装 ASP 时，系统提供了两种脚本语言： VBsrcipt 和 JScript，而 VBscript 则被作为系统默认的脚本语言。ASP 本身并不是一种脚本语言，它只是提供了一种使镶嵌在 HTML 页面中的脚本程序得以运行的环境。因此，我使用asp作为制作本网站的主要技术和工具，一方面符合了现阶段制作网页的流行趋势，很好地做到了与世界前沿的接轨，可以最大限度地利用世界上现有的动态网页资源，丰富制作手段；另一方面使用asp制作这个系统，可以最大化地发挥asp技术的优势，简化制作程序，减少工作时间，降低制作成本，这也是本文选择ASP作为开发工具最重要的原因之一。

2.1.2 Asp的特点

（1）任何开发工具皆可开发ASP

只要使用一般的文书编辑程序，如Windows记事本，就可以编辑。当然，其他网页开发工具，例如，FrontPage Express、FrontPage等也都可以。

由于ASP程序是在网络服务器端中执行，执行结果所产生的HTML文件适用于不同的浏览器。

（2）语言相容性高

ASP与所有的ActiveX Script语言都相容，除了可结合HTML，VBScript、Java Script、Active X服务器组件来设计外，并可经由“plug-In（外挂组件模组）的方式，使用其他厂商（Third Party）所提供的语言。

（3）隐密安全性高

如果我们在浏览器中直接查看网页的原始代码，就只能看到HTML文件，原始的ASP程序代码是看不到的！这是因为ASP程序先于网站服务（Web Server）端执行后，将结果转换成标准HTML文件，再传送到客户端（Client）的浏览器上，因此，我们所辛苦撰写的ASP程序并不会轻易地被看见进而被盗用。（4）易于操控数据库

ASP可以轻易地通过ODBC(Open Database Connectivity)驱动程序连接各种不同的数据库，例如：Acess、Foxpro、dBase、Oracle等等，另外，ASP亦可将“文本文件”或是”Excel” 文件当成数据库用。

（5）面向对象学习容易

ASP具备有面向对象（Object-Oriented）功能，学习容易，ASP提供了五种方便能力强大的内建对象：Request、Response、Sever、Application以及Session，同时，若使用ASP内建的“Application”对象或”Session”对象所撰写出来的ASP程序可以在多个网页之间暂时保存必要的信息。2.2 Macromedia Dreamweaver 8简介

Dreamweaver是由美国MACROMEDIA公司开发的，是集网页制作和管理网站于一身的网页编辑器，它是目前市场上有关网页设计、制作功能非常强大的软件，操作界面友好，可扩展性能强，是网页设计制作领域的主流工具。

由于Dreamweaver工作区是非常灵活的，因此它可以适应各种不同的工作风格和使用水平。常用的Dreamweaver工作区组件有以下若干种：

(1)文档窗口可显示当前文档，文档的外观和浏览器中看到的非常相似。(2)装载器中包含一些打开和关闭常用检查器和模板的按钮。

(3)对象工具栏包含创建不同类型的对象（例如图象、表格和层等）的按钮。(4)属性检查器显示选定对象的属性。

(5)快捷菜单可以使用户对当前选择或区域快速执行某些命令。

(6)可固定的浮动工具栏允许用户将浮动窗口、检查器和工具栏组合在一个或多个选择窗口中。

2.3 Micromedia Flash 8.0 FLASH是Macromedia公司出品的，用在互联网上动态的、互动的shockwave。它的优点是体积小，可边下载边播放，这样就避免了用户长时间的等待。

FLASH可以用其生成动画，还可在网页中加入声音。这样你就能生成多媒体的图形和界面，而使文件的体积却很小。

不仅如此，FLASH用其内置语句并结合JAVASCRIPE，还可作出互动性很强的主页。但 是，必须安装插件PLUG-IN，才能被浏览器所接受。2.4 Adobe Photoshop8.0 Photoshop 8.0是目前最流行的图形、图像编辑设计软件，在数码影像处理、图像编辑合成、广告设计、封面设计、美术绘画、网页设计等领域都被广泛地应用。Photoshop 8.0的主要特点是：

(1)文字处理更加方便。(2)使图层管理更有序。

(3)新增图像功能：图像的剪切和剪裁更加方便。

(4)将所有工具的选项板改进为工具选项栏放置在工作区顶部，方便先项参数的设置。(5)为了更方便地用路径绘画，改进增加了几何形状工具，通过选择工具的不同工作模式，可创建路径、几何形状或几何填充区，使得矢量绘图功能得到了加强。2.5 Access数据库的简介

2.5.1 Access数据库概述

数据库是有结构的数据集合,它与一般的数据文件不同，是一串文字或数字流。数据库中的数据可以是文字、图象、声音等。

Microsoft Access是一种关系式数据库，关系式数据库由一系列表组成，表又由一系列行和列组成，每一行是一个记录，每一列是一个字段，每个字段有一个字段名，字段名在一个表中不能重复。表与表之间可以建立关系（或称关联，连接），以便查询相关联的信息。Access数据库以文件形式保存，文件的扩展名是DB。

2.5.2 Access数据库的优点

Access 是微软公司推出的基于Windows的桌面关系数据库管理系统（RDBMS），是Office系列应用软件之一。Access是一种关系型数据库管理系统，其优点如下：

(1)完善地管理各种数据库对象，具有强大的数据组织、用户管理、安全检查等功能。(2)强大的数据处理功能，在一个工作组级别的网络环境中，使用Access开发的多用户数据库管理系统具有传统的XBASE（DBASE、FoxBASE的统称）数据库系统所无法实现的客户服务器(Cient/Server)结构和相应的数据库安全机制，Access具备了许多先进的大型 数据库管理系统所具备的特征，如事务处理/出错回滚能力等。

(3)可以方便地生成各种数据对象，利用存储的数据建立窗体和报表，可视性好。(4)作为Office套件的一部分，可以与Office集成，实现无缝连接。

(5)能够利用Web检索和发布数据，实现与Internet的连接。Access主要适用于中小型应用系统，或作为客户机/服务器系统中的客户端数据库。

2.5.3 ADO数据访问技术

连接一个本地数据库或远程数据库。打开一个指定的数据库表，或定义一个基于结构化查询语言(SQL)的查询、或存储过程、或该数据库中的表的视图的记录集合。将数据字段的数值传递给数据绑定的控件，可以在这些控件中显示或更改这些数值。添加新的记录，或根据对显示在绑定的控件中的数据的任何更改来更新一个数据库。

ADO连接数据库的通用代码：（1）添加的代码为：

<%Conn.execute(“insert into tab data**)values('**','**')”)

Conn.close

set Conn=nothing response.Redirect(“datalist.asp”)

%>（2）删除的代码为：

<%Conn.execute(“delete * from tab data where id=”+request.QueryString(“did”))'Response.Write(“delete * from tab data where id=”+request.QueryString(“did”))Conn.close

set Conn=nothing

response.Redirect(“datalist.asp”)

%> 3 网站总体分析与设计

3.1 网站系统分析

根据前面的设计思想进行分析，按照系统开发的基本观点对网站进行分解，栏目的实质是一个网站的大纲索引，索引应该将网站的主体明确显示出来。因此我将自己的班级网站分为五个栏目：

（1）班级首页

通过一定的flash动画设计和动态的文字实现首页的展示，从侧面反映班级的和睦和 团结。

（2）班级风采

通过班级体、校内外的趣事、宿舍间的故事展现班级体，从中多数是以照片和文字结合的效果来展现的。

（3）音乐

在其中展示个人喜欢的歌曲，朋友们可以在里面点播自己喜欢的歌。（4）美文

在其中展示个人喜欢的文章，朋友们可以在里面欣赏到经典的文章。（5）留言板

是一个我与大家谈心交流的地方，在留言板中，我们可以畅所欲言，就我们感兴趣的话题展开讨论，和大家进行沟通。3.2 网站数据库详细设计

一、用户表yh 存储了用户的档案包括：id、name、ly、hf、lytime等。id字段采用自动编号，为该表的主关键字；name字段为留言者的名称；ly字段为留言的内容；hf字段为管理员进行回复的内容；lytime字段代表留言的时间。它的设计视图如下图3-1所示。

图3-1 yh表

二、管理员表admin 管理员表是为管理员服务的，该表包括字段为id、name、password字段。其中id为主关键字，name和password分别代表用户名和密码。它的设计视图如下图3-2所示。

图3-2 admin表 以上数据表为Access类型的库文件，将它定名为：“ly.mdb”。3.3 每个页面的详细设计

3.3.1 网站主页

网站主页采用静、动相结合的方式，即静态的主画面和动态的flash动画相结合以及滚动的消息条相组合而成，以蛋黄色为背景色，充分体现班级的勃勃生气，静态的图片起到了一定的承托动态文字的作用,起到了一定的美化作用，而动态的文字就得利用到了JavaScript 等脚本语言来设计的,使之可以实现移动的效果也利用Dreamweaver实现了链接的功能。

班级网站的主页面构图如下图3-3所示，首页中导航栏包含了如网站首页、班级相册、音乐天地、美文欣赏、留言板等板块，从多方面展示网站作者的生活动态。

图3-3 网站首页

1、flash的制作

主页的大篇幅被一个flash占据,并且我使用flash实现了它对其他班级网站页面的链接,该flash给人以一种新鲜活泼的感觉,充分的反应了当代大学生的积极乐观的风貌,在该flash中点击一定的页面内容都会出现一定的动画效果,可以给每一个浏览该页面的人一种轻松愉悦的心情。3.3.2 音乐欣赏

音乐欣板块供浏览者在闲暇之余享受到一份安宁，用淡淡的紫色作为背景给人一种舒心的感觉。在这个板块中添加的主要音乐有我校校歌，阳光总在风雨后等一些激励的歌曲，同时通过点击不同的音乐还会伴随着歌词的出现，该板块页面如下图3-4所示。

图3-4 音乐界面

音乐欣赏界面的核心代码为：

班级相册主要展示我们班级同学的精神面貌，以及展现出我们班级和谐相处，互敬互爱的高尚素质。班级相册页面如下图3-5所示。

图3-5 班级相册 班级相册主要是采用Micromedia Flash 8.0技术制作的，自制动画是由四个图层组成，主要使用动作补间动画和形状补间动画制成。动作补间动画的原理是根据实例属性的变化来形成动画效果。它的前提条件是对象必须是一个元件的实例、文本或组；分离的对象不能形成动作补间动画。对于在舞台上绘制的图形，一定要将图形组合或转换为元件之后，才能形成动作补间动画。动作补间动画实际上就是给一个对象的两个关键帧分别定义不同的属性，如大小、颜色、位置、角度以及透明度等，在这两个关键帧之间建立一种变化关系。形状补间动画是根据对象的形状变化来实现的动画，只需要给出动画的第一帧和最后一帧的对象形状，中间的动画过程由系统自动生成。实现形状动画的前提条件是，对象必须为矢量图形。班级相册页面的核心代码如下：

stop();//动画开始时停止

var i:Number = 1;//设置变量i的初始值为1 prev_mc.gotoAndStop(2);//“prev_mc”影片，开始让它停止在第2帧，让按钮变成灰色并失去作用，因为动画开始时没有上一张图片

onEnterFrame = function(){//运行每一帧时执行以下函数

片

if(_root._currentframe == 11){//如果主场景播放到第11帧

} if(_root._currentframe == 20){//如果主场景播放到第20帧

} gotoAndStop(2);//主场景动画停止在第2帧

pictures.gotoAndStop(i);//“pictures”影片停止在第i帧，从第11帧出现第i张图

next_mc.next_btn.onRelease = function(){//“next_mc”影片中的按钮在释放时执行以

if(i<28){//如果变量i小于28（“pictures”影片中只有5张图片）

下函数

i++;//每点击“next_mc”影片中的按钮时变量i递增1，“pictures”影片也跳转 到下一帧

prev_mc.gotoAndStop(1);//“prev_mc”影片停止在第1帧，即让按钮变黑并起

作用，因为此时有了上一张图片

} play();//主场景动画开始播放 if(i == 28){//如果变量i等于28

next_mc.gotoAndStop(2);//“next_mc”影片停止在第1帧，即让按钮变成灰色

并失去作用，因为此时没有下一张图片

};} prev_mc.prev_btn.onRelease = function(){//“prev_mc”影片中的按钮在释放时执行以

if(i>1){//如果变量i大于1

下函数

i--;//每点击“prev_mc”影片中的按钮时变量i递减1，“pictures”影片也跳转 到上一帧

next_mc.gotoAndStop(1);//“next_mc”影片停止在第1帧，即让按钮变黑并起

作用，因为此时有了下一张图片

} play();//主场景动画开始播放

if(i == 1){//如果变量i等于1

prev_mc.gotoAndStop(2);//“prev_mc”影片停止在第2帧，即让按钮变成灰色

并失去作用，因为此时没有上一张图片

};3.3.4 美文模块 };} 美文，顾名思义就是美好的文辞。美文，顾名思义就是美好的文辞。有人把美文比作一杯好茶，看着舒雅，泡在杯里，茶叶慢慢地舒展开来，一股淡淡地清香犹如袅袅升起的饮烟，撩拔起心中的欲想，于是情不自尽地想品上一口，几许苦涩，几许甘甜，从口中一直向心田传去。

该模块主要包括友谊是一棵树、做个努力的人、我们学会感恩等一些文章，该模块左边有一个导航栏目，通过点击不同的美文可以在页面查看该文章的内容。该模块的页面如下图3-6所示。

图3-6 美文界面

美文界面的核心代码如下所示：

忙的时候，想要休息；

度假的时候，想到未来。

穷的时候，渴望富有；

生活安逸了，怕幸福不能长久。

该决定的时候，担心结果不如预期；

看明白了，后悔当初没有下定决心。

不属于自己的，常常心存欲望；

握在手里了，又怀念未拥有前的轻松。

生命若不是现在，那是何时？

一个人可以毫无道理跟你做一辈子亲戚,但

一个人不会毫无道理跟你做一辈子朋友

我会想起与你们认识的种种.

也会想起发生过的点点滴滴.

直到我们都年老时是否会像现在这样坐在电脑前互诉心声？

不管如何,希望我们永远是真诚相对的朋友(知己)

朋友就是喜欢你也了解你的人

愿你都能珍惜身边每一个朋友

因为你我有缘份，才能成为朋友

可以成为知己的，更难得！

时间未必是你我成为知己的原因

但一定可以证明到

你对朋友的关怀不是白费！
3.3.5 留言模块

留言板模块是一个我与大家谈心交流的地方，在留言板中，我们可以畅所欲言，和大家进行交流。就我们感兴趣的话题展开讨论，和大家进行沟通。

本板块由发表留言和查看留言两部分组成。查看留言结果为网页lyxs.asp，用来显示用户发言的内容；发表留言为页面zxly.asp，大家可以畅谈自己的想法。留言板与数据库book.mdb相连，其中数据库连接页面conn.asp

一、查看留言页面，如下图3-7所示。

图3-7 浏览留言界面

查看留言界面核心代码如下: