ASP技术在交互式网页设计中的运用毕业论文经验总结（合集）

第一篇：ASP技术在交互式网页设计中的运用毕业论文经验总结

一、ASP技术简介

ASP技术 ASP（Active Server Pages动态网页）是微软公司推出的一种用以取代CGI（Common Gateway Interface通用网关接口）的技术。，Internet上的许多基于Windows平台的Web站点已开始ASP来替换CGI。简单地讲，ASP是一个位于服务器端的脚本运行环境，通过这种环境，用户可以创建和运行动态的交互式Web服务器应用程序，如交互式动态网页，包括使用HTML表单收集和处理信息，上传与下载等等。通常情况下，用户通过浏览器看到的网页大多是静态的，目前Internet 上的许多站点，仍然提供“静态”（static）的主页。所谓“静态”，指的就是站点的主页内容是“固定不变”的。当浏览器通过Internet 的HTTP(Hypertext Transport Protocol)协议，向站点服务器(Web Server)要求提供主页的内容时，站点服务器收到要求后，就传送原已设计好的静态的HTML 的文件数据给浏览器。一个“静态”的站点，若要更新主页的内容，必须手动的来更新其HTML的文件数据。而随着Web应用的，用户希望能够看到根据要求而动态生成的主页，例如响应用户查询数据库的要求、生成报表等。当在浏览器上填好表单(form)的输入数据，以提供HTTP要求时，可以在站点服务器中执行的应用程序，而不只是一个HTML 文件。站点服务器收到要求执行的应用程序，表单(form)的输入数据，将执行的结果以HTML的格式传送给浏览器。根据用户请求生成动态主页的传统有CGI、ISAPI等。CGI是根据浏览器端的http请求激活响应进程，每一个请求对应一个进程。当同时有很多请求时，程序挤占系统资源，造成效率低下；ISAPI针对这一缺点进行改进，利用dll（动态链接库）技术，以线程代替进程，提高了性能和速度，但要考虑线程的同步，而且开发步骤烦琐。这两种技术和另一普遍使用的开发动态网页的技术Java都还存在着另外一个问题，那就是开发困难，程序的开发和HTML写作是两个完全不同的过程，需要专门的程序员开发。而较简单的开发技术如javascript和IDC(Internet Database Connector)等功能有限，不敷使用。ASP使用的ActiveX技术基于开放设计环境，用户可以自己定义和制作组件加入其中，使自己的动态网页几乎具有无限的扩充能力，这是传统的CGI等程序所远远不及的地方。ASP与常见的在Client端实现动态主页的技术如Java applet、ActiveX Control、VBScript、javascript等不同，ASP中的命令和Script语句都是由服务器来解释执行的，执行结果产生动态生成的Web页面并送到浏览器；而Client端技术的Script命令则是由浏览器来解释执行。由于ASP是在服务器端解释执行，开发者可以不必考虑浏览器是否支持ASP；同时由于它在服务器端执行，开发者也不必担心别人下载程序从而窃取编程逻辑。ASP通过后缀名为.asp的ASP文件来实现，一个.asp文件相当于一个可执行文件，因此必须放在Web服务器上有可执行权限的目录下。当用户从浏览器输入了.asp文件的地址后，浏览器就将这个URL请求发给Web Server，如果Web Server上装了ASP，就调用ASP。ASP读出相应.asp文件，解释并执行命令，动态生成一个HTML页面回传Web Server，然后Web Server再把结果发送给浏览器。ASP文件的制作和HTML类似，且和HTML开发集成，可以在同一个过程完成，利用ASP将可以执行的脚本嵌入到HTML文件中(将HTML文件的后缀名改为.asp)，这使得HTML文件的编写与脚本的开发融合在一起。通过ASP内置的对象、服务器组件（Server Component）可以完成非常复杂的任务，而且用户还可以自己开发或利用别人开发的服务器组件完成专门的任务。ASP比较网关及服务器扩展模式有着以下优点：

(1)完全与HTML文件融合在一起；

(2)容易创建，不需要其它编译、链接程序；

(3)面向对象的并通过ActiveX Server对象可扩展。

二、商务数据访问方式

电子商务是指通过电子方式，并在基础上实现物资、人员过程的协调，以便商业交换的活动。在电子商务系统中，Web提供了与客户进行通信联络的有效手段，利用Web技术，实现Web服务器与数据库系统的连接，完成对数据的处理与查询，用户可以通过操作简单易学的浏览器来查询处理所需要的各种数据。实现Web服务器与数据库的连接一般有两种方法：一种是利用中间件技术在两者之间建立连接和通信，如CGI(通用网关接口)和API(应用程序编程接口)。Web服务器通过调用CGI程序实现与Web浏览器的交互，即CGI程序接受浏览器发给Web服务器的信息，进行处理后，将相应结果再送回给Web服务器，通过Web服务器将信息传送给浏览器。但CGI程序在响应速度和资源利用等方面有较大局限性，客户端每请求一个CGI程序，服务器端便打开一个进程，当请求的数量较大时容易引起瓶颈现象，开发人员常利用API编程来扩展服务器功能，API程序占系统资源少，运行效率较高，但它的编程较CGI程序更为复杂；另一种是由浏览器中的Java小应用程序(Java Applet)通过浏览器访问Web服务器上的数据库，利用了JDBC(Java Database Connectivity)技术，它通过JDBC提供的API实现对Web Server的访问。由于Java Applet本身的局限性，目前大多数的应用是基于中间件技术的。ASP也是属于中间件的一种模式，但在Windows平台上它比较网关及服务器扩展模式有着较大的优点。网关的最大特点是它的平台无关性，但网关程序通常较难编写和改变。网关程序通常是一个独立的程序，并不和HTML文件融合在一起，它需要用如C、C++、VB、Perl等语言来编写独立的应用程序，而ASP应用改变了这一点。使用ASP不仅可以读取Access和 SQL Server的数据库，而且还可以读取其他ODBC（Open Database Connect 开放式数据库互联）兼容的数据库。在ASP中访问数据库是通过ADO(ActiveX Database Object活动数据对象)及事务处理语句来实现的。ADO是一种操作Microsoft所支持的数据库的方法，是一项容易使用并且可扩展的将数据库访问添加到 Web 页的技术。ADO对象的使用与DAO（数据访问对象）、RDO（远程数据对象）的方式相似。在ASP中，ADO可以看作是一个服务器组件，更简单点说，是一系列的对象，应用这些功能强大的对象，即可轻松完成对数据库复杂的操作。

三、ASP在电子商务中的应用

在电子商务中，对用户而言，进行网上信息查询的目的是寻找自己需要的产品或服务，而对于商品或服务提供者来说，其目的则是向用户推销自己的产品或服务。因此，让用户通过浏览器查询服务器的后端数据库是许多Web服务提供者必需有的服务，ASP通过内置的ADODB组件来实现这一功能。可以使用ADO去编写紧凑简明的脚本以便连接到ODBC 兼容的数据库和 OLE DB 兼容的数据源。具体的操作步骤可以归纳为以下几步： ① 创建数据库源名（DSN）ADODB通过ODBC工作，因此要在ODBC中设置DSN（数据源名）。打开Windows的“控制面板”，双击“ODBC”的图标，然后选择“文件 DSN ”的属性页，单击<添加>，选择数据库驱动程序，然后单击“下一步”，按照屏幕的指示键入数据源文件的名称，然后单击“下一步”，再单击“完成”创建数据源。②创建数据库链接 链接用以保持一些关于正在访问的数据的动态信息，以及链接者信息。利用ADODB的成员函数Open和先前设定的DSN与数据库连接，其语法如下： SetConnect=Server.CreateObject(“ADODB.Connection”)'创建了链接对象Connect。Connect.Open(“DSN=dsnname；UID=userID；PWD=password”)'打开链接。dsnname为数据源名；userID为用户名；password为用户口令。③创建数据对象 ADO中的数据对象通常保存的是查询结果。RecordSet 是ADO中最复杂的对象，有许多属性和方法，灵活运用，可以达到许多好的效果。其创建方法如下： Set RecordSet =Connect.Execute(sqtStr)'创建并打开了对象RecordSet，sqtStr是一个串，代表一条标准的SQL语句。例如： sqlStr=“SELECT*FROM b1” Set RecordSet =Connect.Execute(sqlStr)这条语句执行后，对象RecordSet中就保存了b1中的所有记录。④操作数据库 可利用Execute方便地执行数据的插入、修改、删除等操作。如执行插入操作： sqlStr=“Insert Into b1Values(1,2)” Connect.Execute(sqlStr)⑤关闭数据对象和链接 在使用了ADO对象之后，一定要关闭数据对象和链接。在ASP中通过调用方法close实现关闭。关闭创建的数据对象：Record Set.close Set Record Set=Nothing 关闭创建的链接对象：Connect.close Set Connect=Nothing 完整的程序片段：

//产生组件实例

<％

SetConnect=Server.CreateObject(“ADODB.Connection”)//连接数据库

Connect.Open(“DSN=dsnname;UID=userID;PWD=password”)

//执行查询

SQL=select＊fromtablename

SetRS=Connect.Execute(SQL)％>

//显示结果

<％DoWhile Not RS.EOF％>

<％=RS(fieldname)％>

<％

Rs.MoveNext

Loop

％> 上述是用ASP访问数据库的全过程，由于应用面向对象思想，所有操作都比较简单，用户需要注意的仅是对数据结构的了解、当前所操作的对象及对象的属性等等，只要对这些有了清晰的认识，再加上ASP强大功能，在网络上使用数据库，实现用户与页面间交换信息，就再也不是什么难事了。

四、主要功能程序段4、1 打开数据库

option explicit dim conn,connstr,db,rs db=“database/#MyShop.mdb”

//数据库路径

Set conn = Server.CreateObject(“ADODB.Connection”)connstr=“Provider=Microsoft.Jet.OLEDB.4.0;Data Source=” & Server.MapPath(“"&db&”“)conn.Open connstr

4．2 数据库查询操作

//大类查讯

set rs=server.CreateObject(”adodb.recordset“)

//只读方式打开

rs.open ”select anclass,anclassid from anclass“,conn,1,1

do while not rs.eof

response.write ”“ &trim(rs(”anclass“))&” “

rs.movenext

loop

rs.close //小类查询 dim rs2

set rs2=server.CreateObject(”adodb.recordset“)

rs2.open ”select nclass,nclassid from nclass where anclassid=“&rs(”anclassid“)&” order by nclassidorder“,conn,1,1

do while not rs2.eof

response.write ”“ &trim(rs2(”nclass“))&” “

rs2.movenext

loop

4．3 添加记录操作

set rs=server.CreateObject(”adodb.recordset“)

//可写方式

rs.open ”select bookid,username,zhuangtai,zonger from actions“,conn,1,3 rs.addnew

//添加一条新记录

rs(”bookid“)=bookid //添加相应的记录 rs(”username“)=username …………

rs(”zhuangtai“)=6 rs(”zonger“)=0 rs.update //更新数据库

4．4 删除记录操作

//从表actions中删除actionid 匹配的记录

conn.execute ”delete from actions where actionid=“ &request.QueryString(”actionid“)

4．5 记录的修改和查看

set rs=server.CreateObject(”adodb.recordset“)rs.Open ”select * from books where bookid=“&bookid,conn,1,3 rs(”anclassid“)=int(request(”anclassid"))//修改各项记录 ……………… rs.Update rs.Close

五、结束语

随着Web技术的，基于Intranet的商务系统无疑较传统商务有着更大的前景，如何提务系高这种电子商统中的数据访问效率及事务处理能力仍是当前人们所关注的。

第二篇：浅谈交互式多媒体技术在初中英语教学中的运用（精选）

浅谈交互式多媒体技术在初中英语教学中的运用

瑞昌五中 陈涓涓

摘要:随着多媒体技术的发展，以及课堂教学的需要，交互式多媒体技术辅助教学应运而生，出现在初中英语教学课堂上。既传承了传统教学的特点，又弥补了传统教学的不足。使单一的课堂变得生动形象，为课堂提供了有效的技术支持。克服了课本知识有限的弊端，为教学提供了广阔平台和无限资源。使课堂效率得到有效的提高。诸多优点，为初中生在课堂上实现交互式学习、探究式学习提供了条件。

关键词：交互式多媒体技术 辅助教学 初中英语 提高效率

随着社会发展，教学质量的不断提高，以及学者们不断地探索，新型的教学手段不断出现在我们的课堂上。信息技术时代使多媒体技术出现在我们的课堂上。应运而生的交互式多媒体技术辅助教学出现在初中英语课堂教学中，克服了传统教学形式单一的弊端，为现代教学提供了有效空间，为学生自主学习提供了有效条件。并且交互式多媒体技术相当一个云端，你可以在里面无限存储资料，也就是为课堂教学提供了无限资源和广阔平台。有利于课堂上师生互动，学生交互式学习、探究式学习。

一、交互式多媒体技术在初中英语教学中应用的前提

初中英语课堂中，教师与学生的互动越来越多。课程改革，教学方法由以教师为主的灌输式、学生被动接受的教学方式转变成“以学生为主体，教师为主导”的探索性学习方式。逐步的改变以及对教与学要求的提高，我们在课堂中不仅要培养学生的积极互动性与独立性，而且还要引导他们积极地提出问题、探讨问题、解决问题。并且，“一母生九子，九子各不同”，学生都有个体差异，我们需要注意如何满足他们不同的学习需求，培养他们学习知识、运用知识的能力与态度，异中求同、同中求异，达到共赢。交互式多媒体技术辅助教学则给我们创设了良好的学习环境。

二、交互式多媒体技术在初中英语教学中的应用

(一)初始运用

2012年，瑞昌市各中小学普及多媒体教学。是教学上的一大投资与进步，同时也给部分老师带来考验！由于多媒体知识薄弱，面对多媒体时无从下手，急需技术上的指导。而大多老师对多媒体的运用主要表现在：抛开传统的黑板，由电子白板代替它。在多媒体屏幕上进行板书、擦除等功能。

多媒体知识薄弱和形式上的改变使部分老师一时在心理上难以接受，很少使用多媒体辅助教学。众所周知，一堂初中英语课45分钟，在这45分钟内要根据自己的教学计划完成教学内容，达到自己的预期教学目标。环环相扣，不容出现太大问题。因此，面对多媒体时，突破多媒体技术问题是我们必须解决的问题。正因如此，多媒体技术辅助教学有很大的发展空间。

（二）有效运用

这一阶段，我们相对能够熟练地掌握多媒体技术。相对了解并熟悉其特性，能够敞开心扉接受它。课堂上频繁使用，甚至是依赖。能够熟练地在操作台上进行操作。需要注意的是，我们在操作台操作时，尽量避免将多余信息传递给学生，避免分散学生注意力。在操作时面向学生，能更好地关注学生，适时地与学生互动，共同地参与到教学中。在《Second Language Acquisition》中曾提到：一个老师的手势，五指并拢掌心朝上指向学生，则给学生暗示是：鼓励其积极参与。而相反掌心向下，给学生的暗示是：抑制其参与。面向学生拉近了与学生距离，不再是躲在背后操作多媒体的操作者，而是共同学习，学生达到更多情感上的交流与体验。

此时，由于对多媒体技术辅助教学掌握得相对熟练，我们不再停留在电子白板的应用上了。而是，可以根据自己的构思设计教学，在多媒体上展示出来。例如常用的PPT。人类获取信息主要依靠眼、耳，而多媒体则很好地将语言、声音和图像三者有机地融合在一起，将抽象的内容转化成生动形象的画面。在英语课堂中采用多媒体课件教学，不仅激发了学生学

【1】习英语的兴趣，而且还调动了学生课堂学习的主动性和参与性。

（三）高效发挥

教师能够熟练掌握多媒体技术，并且可以在电脑上设计自己的教学计划。随着不断的探究，我们更深层次地去挖掘交互式多媒体技术辅助教学的作用，开始有意识地将交互式多媒体辅助教学贯穿到自己的教学理念中，使交互式多媒体辅助教学更好地融合到我们的课堂教学中。更加关注交互式多媒体技术辅助教学资源的开发与利用，创造最优化。由表象到本质，挖掘交互式多媒体辅助教学的巨大潜能，寻找更好的教学策略，培养学生的积极参与性和自主性。使交互式多媒体技术辅助教学在初中英语课堂教学中的作用高效发挥。

三、交互式多媒体技术给初中英语教学带来的影响

交互式多媒体技术辅助教学克服传统教学单一的弊端，使课堂生动形象、课件更加丰富多彩、学生积极性提高、教师解放出来。

（一）课堂生动形象

交互式多媒体技术辅助教学将初中英语相关语言、声音、图片有机结合起来，给学生的是一堂视觉、听觉上的盛宴。课堂上不再只是口头上的传输，而是动画、视频等有机结合的传导，图文并茂，生动形象。

（二）课件丰富多彩

简单文字的描述显得枯燥，并且，对于部分基础知识薄弱的学生，看懂光文字的英语课件可能较难。但是，交互式多媒体技术辅助教学则可以利用相关图片、flash动画或视频等来制作课件帮助学生理解。由单一的文字、黑白色和静态到图文并茂、五颜六色、动态的转变，以及此平台提供的无限资源，帮助我们制作课件，集思广益。更加的丰富多彩。

（三）师生积极互动

教师在课堂上应尽可能提供学生乐于参与的、丰富多彩的语言实践活动，使他们在有限

【2】的课堂时间里获得更多口、笔语实践的机会。交互式多媒体技术辅助教学则提供良好的条件。教师可以直接在白板上操作，可以更好地施展个人魅力，和学生互动起来。丰富多彩的内容，声形并茂的课件可以激发学生的参与欲望，“活”的教学设计使教学方式灵活，更贴近学生需求和实际。帮助师生更好地互动。

总之，交互式多媒体技术辅助教学作为新型的教学手段，为生动形象的课堂、丰富多彩的课件、师生互动提供了技术支持。有利于初中生在课堂上实现交互式学习，探究式学习。

参考文献：

[1] 张玲玲,高升.浅谈多媒体课件在初中英语课堂教学中的应用[J].中国现代教育装备.2013(04)

[2] 初长院.初中英语教学过程中师生互动探讨[J].科技创新导报.2010(15)[1]张玲玲,高升.浅谈多媒体课件在初中英语课堂教学中的应用[J].中国现代教育装备.2013(04)

[2]初长院.初中英语教学过程中师生互动探讨[J].科技创新导报.2010(15)

第三篇：平面构成在网页设计中的运用

平面构成在网页设计中的运用

易 星

目前，中国互联网的发展已经形成相当规模，据中国互联网网络信息中心（CNNIC）报告显示，预计中国网民数量在未来5年后将要超过美国，互联网已是继报纸、广播、电视等之后的第六大媒介。

随着互联网的发展，各类网站有如雨后春笋般。然而，有的站点日访问量高达几千万人次，而有的站点访问者寥寥无几。究其原因，访问量大的站点，除资源丰富外，网站的策划和精美的外观也是吸引访问者的重要因素。所以将美的形式规律和平面构成的手法结合到网页设计中，是当前网页设计的重要理论依据。

一、当网页设计遇上平面构成

（一）了解网页设计

网页有如门面，小到个人主页，大到政府及国际组织等，是构成一个网站的最基本单位。而网页实际上只是一个纯文本文件，它通过各种标记对页面上的元素进行描述（如颜色、大小），网页上传到互联网之后再由用户的浏览器对这些标记进行解释并生成页面，于是便有了现在千姿百态、百花齐放的互联网络。

打开一个网站，首先映入眼帘的是该网页的界面，如按钮的摆放、文字的组合、色彩的应用等等，这些都是网页设计的范畴。其实在网络刚兴起时，没有太多视觉设计的概念，很多网站都是程序员用HTML语言设计出只有功能取向的网页，那时候网页无法一边写一边观看，只能写好后到浏览器上执行，所以程式设计常常无法和基本的美观结合在一起。然而，在一个个可视化的网页编辑器相继问世，特别是许多平面设计师投入网页设计的行列后，整个网页视觉设计的行业起了重大的变化！

随着这几年网络的飞速发展及人们对美的不断追求，网页设计逐渐受到人们的重视，形式了一门新兴的学科。简单的讲，网页设计就是从审美入手，结合平面设计的特点，运用平面构成中的基本形式到网页中，让网页更加富有美感。例如将平面构成中的节奏与韵律、骨格与肌理溶入到网页中，会使内容繁多的页面更加有条理、主次分明，因此对平面构成的掌握与了解是关系到网页成功与否的重要基础。

（二）了解平面构成

艺术设计是人类文明的重要部分，涵盖了当代人类生活的各个领域。构成是一个近代造型概念，含义是指将不同或相同形态的几个单元重新组合成为一个新的单元，是以研究视觉语言的特性、构成原理以及审美规律为目的，重在研究和分析视觉的形态、空间、运动、比例等因素的变化和形式。

平面构成的认识源于自然科学和哲学认识论的发展，是建立在量子力学基础之上的微观认识论，这种由宏观到微观认识的深化，逐渐影响了造型艺术的发展。构成观念早在西方绘画中就可见其影子，如立体主义绘画、俄国的构成主义、荷兰的新造型主义，到后来的德国包毫斯设计学院的不断完善发展，形成一个完整的现代设计基础的教学体系，奠定了构成设计观念在现代设计应用中的地位和作用。二十世纪七十年代以来，平面构成作为一门设计基础课程，已广泛应用于工业设计、建筑设计、平面设计等领域。

（三）何为网页平面构成

平面设计在网页设计中占有相当大的比重，而平面设计的重要理论基础则是平面构成，所以说，平面构成也是网页设计的重要理论依据和知识基础。

在一堆杂志中，人们往往会拿起色彩丰富、图片艳丽、结构清晰的那本。同样，一个布局合理、重点突出、富有美感的网页，它不但能吸引用户点击，更能够完美表达网页的创意思维。所以，平面构成的出现，不得不让我们对单调、乏味、缺乏美感的HTML页面进行反思，为了拓展网页设计的艺术视觉，丰富网页设计的思维及表现手段，我们引进了网页平面构成的理论，这有点类似于传统平面设计中的构成理论，一般包含风格策划、页面构图、布局与色彩等方面，我们不妨将平面构成理论作为网页设计的理论指导，即“网页平面构成”。把网页设计看成是平面设计的一种审美方式的延伸，而点线面作为平面构成中的基本元素，在网页中巧妙地互相穿插、互相衬托、互相补充构成最佳的页面效果，完美表达设计意境。因此，网页设计作为一种视觉设计，特别讲究编排和布局，虽然主页设计不同于平面设计，但它们有着许多相近之处，如：对比、渐变和节奏美、韵律美，图/底关系或通过文字与图形的组合形成空间上的立体感。所以，灵活运用平面构成中的各种手法，通过页面各元素之间的有序排列使浏览者达到某种共鸣产生一种和谐的美感。

平面构成是一种设计语言，已为当今社会各个艺术设计领域所应用，它以一个全新的造型观念，给我们的网页设计注入新鲜的血液。

二、为网页设计注入新的血液

（一）人性化的网页设计与策划

“人们总以为设计有三维：美学、技术和经济，然而更重要是第四维：人性。”------美国设计师普罗斯

人类的艺术设计是一种审美活动，设计的任务是要实现设计者或用户的意图。网页设计是指设计师将客户要表现的主题和达到的效果，组合页面元素，通过艺术手法创造出符合大众审美观的界面。开始进行网页设计前，需要做很多调查，如客户的需求、站点的性质等，这些要求的不同设计出的网页也会不同，用现在最时髦的话来讲就是更具有人性化。

在网络的虚拟世界，互联网提供了天下大同的机会，充斥着无数站点，然而大多数网站的设计都缺乏灵魂和主旨，页面结构都比较松散、混乱，其原因就在于缺乏有效的策划。因此要想使你的网站从那些数不清的站点中脱颖而出，就必须对整个站点作好统筹规划，对所有的内容进行斟酌，再合理组织页面结构与色彩。

首先，了解一下同类站点的风格、特色，吸取他们的长处，找出自己的优势，做好市场调查，明确自己网站的主题、规模、主要特色及主要受众目标，再确定整个网站的整体风格。其次，网页的制作，设计者先要在纸上用笔画出大概的设计草图，等待客户确认后，才用计算机绘图软件画出平面效果图（色彩与页面结构），之后才能投入实际的制作。

（二）网页平面构成手法

平面构成是一种视觉形象的构成，其形态的抽象性特征和产生不同视觉引导作用的构成形式，组成严谨而富有节奏和动感的画面，营造一种秩序之美、理性之美和抽象之美。其构成形式主要有重复、近似、浙变、变异、对比、集结、发射、特异、空间、分割、肌理及错视等等。它的研究对象主要是在平面设计中，如何构造形象，怎样处理形象与形象之间的关系，如何掌握美的形式规律，并按照美的形式法则，构成设计所需要的图形。

平面构成中最基本的形态要素是点、线、面，其构成要素有大小、方向、明暗、色彩等，以这些基本要素为条件，加以组合构成，便会创造出无数理想的抽象造型。

网页上的所有元素都可以看作构成的基本要素。在一幅成功的作品里，需要点、线、面的共同组合来构造整个页面。通过三者的组合，可以突出页面上的重要元素，突出设计的主题，增强美感，让访问者在感受美的过程中领会设计的主旨。

1、构成的基本元素点、线、面及其在网页设计中的运用

在页面构图中凡是表现视觉图形或文字，都可以简化或趋近于点、线、面的视觉感受。网页版面中的各种视觉元素正是以点、线、面的形式相互依存、相互作用，组合成各种视觉信息，形成千变万化的视觉空间和感受。因此，只有协调处理好点、线、面之间的相互关系，才能设计出最佳视觉效果的网页。

（1）点的运用

点是可见的最小的形式单元。在网页中，点是相互比较而言的，任何一个单独的细小的形象都可称之为点：按钮、字符、小色块等等。在网页中合理的安排点的布局，或者在页面设计中将某些视觉形象进行点化处理，并运用恰当的构成手法进行版面布局，不但可以协调画面，甚至可以起以画龙点 睛的作用。图1为个人主页，所以在形式上比较轻松活泼。网页中大面积的空白与中间的四个点形成强烈的对比，而且在点的处理上采用传统的中国水墨画的手法，更富有意境。在点的位置安排上也体现了一种节奏与韵律，形成视觉上的跳跃。

图１．点的运用（来自www.xiexiebang.com）

由这两个典型的例子可以看出，无论是什么样的法则都源自设计者本能的审美观的驱使，再应用到实际当中，当然在设计时不必十分刻意追求什么法则。应该从日常生活中，从自然界的事物中观察美的规律，培养构图的艺术美感。

（五）网页色彩构成

1、色彩的基础知识

“接天连叶无穷碧，映日荷花别样红。”-------杨万里

每次读这首诗，闭上眼睛仿佛就能看到：碧波万顷，微风吹拂，满塘荷叶轻轻摇曳，艳阳下的荷花鲜红欲滴。这句诗里的“碧”、“红”其实就是色彩。所以色彩对我们来讲是不陌生的，因为我们生活的世界中无处不存在着色彩。色彩以一种特别的方式传达信息，这些信息会影响观看者的心理和感受，左右他们的判断和选择，色彩对于设计而言实在太重要。

首先熟悉一下色彩的基本概念，三原色——红、黄、蓝，三间色——橙、绿、紫，三种间色互为“补色”。将图10中圆环中的任意一种颜色和黑色、白色、灰色按照不同比例混合就可以得到更多的颜色。例如，当色彩RGB值为（0，0，255）时为纯蓝色，饱和度100%。随着饱和度的逐渐降低，颜色会越来越接近灰色。

2、色彩心理

色彩，在不知不觉中作用于人的心理，据说伦敦泰姆士河附近有一座黑色的桥，它因每年在桥上自杀的人数惊人而著名，后来人们将 它改成了绿色，自杀人数剧减。有专家分析，如果将它改成粉红色、天蓝色等更明亮的色彩就可能使自杀人数将趋于零。图10．色环

当你看到色彩时，首先会勾引起对生活的联想与情感作用。蓝色来自天空和大海，它给人一种心胸开阔，文静大方的情操。绿色是大自然的颜色，它能令人充满青春活力。黄色饱含智慧与生命力，让人显得年轻有朝气。看到白色，使人觉得纯洁可爱，而紫色却有着神秘高雅的感觉，这些对于网页设计而言特别重要。我们经常说“第一印象最重要”，用户在访问网站时的第一印象实际上是来自整个网页的色彩！

所以色彩具有一定的含义和感情上的象征作用，人类确实存在色彩联想的共通性。在炎热的夏天人们更容易接收蓝色的“百事可乐”，而在较为冷的天气喝红色的“可口可乐”人是不是更多一点。在我们谈到这种象征印象时，不能过于主观、片面地看问题，人们对色彩的联想是相对，不同的色彩组合在一起也会起到不同的效果。

3、合理搭配色彩

色彩是艺术表现的要素之一。在网页设计中，设计师根据和谐、均衡和重点突出的原则，及色彩对人们心理的影响，合理地加以运用。将不同的色彩进行组合、搭配来构成丰富的页面。单纯的颜色 并没有实际的意义，和不同的颜色搭配，它所表现出来的效果也不同。比如绿色和金黄、淡白搭配，可以产生优雅，舒适的气氛。蓝色和白色混合，能体现柔顺、淡雅、浪漫的气氛。红色和黄色、金色的搭配能渲染喜庆的气氛。但也要考虑到网页的适应性，应尽量使用网页安全色。不同网站应当使用不同的色彩方案，与站点的主题相吻合的色彩方案决不仅仅可以让网站 “更加好看”，更重要的是在访问者心目中建立对这个网站的感性认识。所以，色彩方案的选择决不能草率，是网站建设的第一步。

按照色彩方案中色彩使用方式的不同，可以将色彩方案划分为几种常用类型，单色方案、相似色方案、对比色方案等。

（1）单色方案，是指在网页设计中使用一种基本颜色，通过调整这种基本颜色的灰度和亮度来得到更多的颜色。单色方案是一种比较稳重的方案，或者说比较保守的方案。给人整洁、经典的感觉，商业网站也比较适合使用此种颜色方案，使访问者容易建立对网站的信任感。

（2）相似色方案，在色彩圆环上彼此相邻的几种颜色构成的配色方案就是相似色方案。例如橙色、橙红色以及橙黄色就可以组成一个相似色方案。通常，相似色配色方案可以给人非常协调的感觉，因此在网站设计中非常实用。典型的运用方法就是，用一种颜色作为页面背景，而另外一种在颜色环中与其相邻的颜色作为前景色。

（3）对比色方案，把一个颜色和它补色的左右边的色彩配合起来，可以得到强烈的视觉效果。运用这种方式容易塑造活泼、运动的网页效果，在设计时要注意主体色彩的运用，即以一种或两种色彩为主，其他色彩为辅。

4、色彩构成在网页设计中的细节体现

-----中国移动网与MTV网之色彩比较

图11．中国移动网（来自www.xiexiebang.com）

图12．MTV网（来自www.xiexiebang.com）由两幅图比较可以看出，企业的不同性质决定了网页的用色，首先，中国移动是一家面向全国用户的大型企业，他所服务的对象决定了网页用色必须考虑到所有用户的接受能力，必须稳重大方，可以看出整个界面采用冷静开阔的蓝色调，但是页面色彩却不单调，当用户将鼠标移动到导航栏上，蓝色的横线变成了明快的翠绿色，就这一点小小的细微动作却增强了用户的交互性。但整体而言，色彩还是比较单一，稳重有余而活力不足，作为一家年轻的企业，应该要有年轻人的活力。所以在大片的蓝色中夹杂了鲜艳的橘红色作为点缀，立刻整个页面就会显得比较活泼，再用渐变色丰富了色彩的层次。整体来看是一个比较成功的功能与美感并存的企业网站。

另外再来看看第二幅图，感觉立即不一样了，全黑的底与白色的文字形成视觉上的冲击力，而页面中间被等分成四块，分别用了淡、浅、深三种灰色引起视觉上的分割。并且在色彩上明显比第一幅图丰富，有桔色、黄色、绿色、青绿色、紫色等等。这是一家以娱乐服务为主的网站，他所面向的用户是以年轻人为主，符合潮流，走在时尚前沿。在用色上也大胆出位，全黑色的底，象征年轻人的叛逆与不羁，以及时尚感较强的紫色和青绿色的搭配更能吸引人的视线。

在细节上的设计与处理最能体现一个网站是否成功，可以看出来两个网页都是比较注重在这方面 的用色，总的主色调不变，以丰富多彩的小色块点缀，起到画龙点睛的作用。所以一幅比较成功的网页在色彩的设计上也要独具匠心，充分合理的利用细节，结合色彩的感情，才可以使作品具有更加深刻的艺术文化内涵，才能够让网页设计的个性创造和审美意识得到淋漓尽致的展现，设计出的网页会更加富有生命力。

三、不同审美文化中的网页设计

（一）文化背景对网页设计的影响

美学(Aesthetics)，德文原义为“感性学”，是一门研究人类审美活动的学科。“审”者，看也。通俗地说，就是人们对现实生活中各种美好现象的感受和欣赏，是人类最基本的精神文化活动，因而也最通俗、最具大众化，在东西方都有着极为悠久的历史。

21世纪是一个经济飞速发展的时代，是一个时时事事讲求审美格调的时代，其实审美就是一个民族精神世界的流露。中国的审美观是中国人的人格、修养、品行、文化、艺术的高度统一的综合表现。具有时代的、民族的和阶级的烙印。也就是说不同时代、不同民族和不同阶级在文化艺术审美格调的追求上有着不尽相同的倾向和标准。且不说汉代人如何会在卢浮宫不屑一顾；古希腊人如何会在故宫拂袖而去，就是同为中国的唐汉两代对美的欣赏都不一致。所以说，各国的地域环境、气候条件、经济情况、人文思想不同所形成的审美观也会不同，从网页设计方面来看，各国都有自己的特色。

1、欧美风格的网页设计

欧美国家进行工业化比较早，经济相对比亚洲发达。美国早在二十年代就已经是世界上工业化程度化最高的国家，特别是二战后，更成为世界上的经济大国。随后进入90年代，计算机业迅速发展，高度的工业机械化对其网页设计也有一定影响，除注重实用性之外特别在细节元素上的处理更显精致，网页的艺术表现更是别具一格，其中肌理的表现形式独具特色。另外，美国是一个移民国家，有着一个多元化的社会，其短暂的历史，自由的人性，在网页设计中表现出丰富的幽默感与创造性。图13中所示：整个网页由机械化式的线条相互组合构成，刚强有力，将金属的质感充分的表现出来。

图13．欧美网页中肌理的表现形式（来自www.xiexiebang.com/fr）

德国则不同，气候干燥而寒冷，地形复杂多山的自然环境造就了严肃的德国人，因而，德国设计更加体现其科学性和逻辑性，德国网站设计也充分体现了 “实用”和“简洁就是美”的观点，如图15所示。

图15．简单实用的德国网页（来自www.xiexiebang.com）20），对字体、字型及字号的选择除要符合审美标准 外还要考虑到显示屏的大小，及整个页面结构的把握，是借助框架（也叫骨骼）或是其他，以及如何更有效的在手机上使用多媒体技术，使得网页艺术设计的表现力更加丰富。

在未来，网页的显示模式将会发生翻天覆地的变化，不论是在电脑、手机、手表抑或是电视上，我们看到的网页对美的追求会更加彻底，平面构成中的重复、变异、韵律、连续以及图/底关系处理等，是任何一种设计的基本原理，尽管处于不同文化背景中的设计师在运用这些视觉构成元素时都不经相同，但是，所有的文化都涉及到这些视觉基本要素，都离不开形式美的法则。美与技术并存将会在未来完美体现，所以，在未来网页设计将真正走进每个人的生活，设计将会不再不拘于形式，更加的灵活，看重的是网页设计的灵魂。因而，平面构成也就必然成为网页设计的重要基础。

五、主要参考资料

①．毛溪，2003．平面构成(第一版)．上海：上海人民美术出版社，122． ②．李凇，2000．中外美术对谈录（第一版）．中国工人出版社，2 ③．姜伟，2004．网页美工传奇（第一版）．机械工业出版社，2 ④．徐希景、陈笋，2003．网页平面构成的创意手法分析．福建商业高等专科学校学报，47 ⑤．刘永翔、唐良瑞，2004．网页设计中的视觉构成分析．北京工商大学学报，58 ⑥．杨萍，2005．抽象形、空间、肌理——平面构成在教学实践中的思考．黔南民族师范学院学报，78 15

第四篇：基于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 浏览留言界面

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