动态网页制作技术（共12篇）
动态网页制作技术 篇1
传统的Web应用只提供有限的静态Web页面, 不能根据用户的需求提供不同的信息 (包括显示格式和内容) 。随着计算机和互联网技术的飞速发展, 由于动态网页具有良好的交互性、数据库查询、缩短查询时间、提高浏览效率等一些静态网页所无法比拟的优点, 逐渐成为构建WEB网站的主流。常见的动态网页技术有CGI、PHP、ASP和JSP等几种。
(一) CGI简介
CGI (Common Gateway Interface) 是实现在服务器端执行程序的一种方法, 运行程序输出的是HTML页面, 然后WEB服务器再把这个静态页面返回给浏览器作为请求的响应。最流行的CGI语言是Perl和shell脚本, 但是也可以使用C、C++以及Java等语言进行编写。CGI可以访问存储在数据库中的数据或者其他系统中的文件, 实现动态生成WEB页面的效果。
许多著名网站, 如新浪、雅虎、网易的搜索引擎都采用了CGI技术。CGI有较强的进程隔离功能, 每个CGI程序运行于自己的进程空间, 独立于WEB服务器。由于对CGI的每一个请求都要产生一个独立的进程, 因此执行效率受到较大影响, 占用计算机资源也较多。为了提高性能, CGI的编程技术也不断发展, 如Fast CGI技术。
PHP、ASP和JSP都是一个进程处理多个请求的, 无论多少人在线, 都只有一个进程, 执行效率相比于CGI要高得多。
(二) PHP、ASP和JSP技术特点比较
1. 在编程语言方面
PHP (Professional Hypertext Preprocessor) 是一种用于创建动态WEB页面的服务器端脚本语言, 融合了C、Java以及Perl语言的语法。用户可以混合使用PHP和HTML编写WEB页面, 当访问者浏览到该页面时, 服务器端PHP语言引擎会首先对页面中的PHP命令进行处理, 然后把处理后的结果连同HTML内容一起返回给访问端的浏览器。
ASP (Active Server Pages) 是一个微软推出的WEB服务器端的开发环境, 采用了VBScript和Java Script两种脚本语言作为嵌入在HTML中的服务器端编程语言。客户端请求网页时, ASP文件先由服务器端解释执行, 再将执行结果以HTML形式返回到客户端浏览器显示。
JSP (Java Server Pages) 是由Sun Microsystems公司倡导、许多公司参与一起建立的一种动态网页技术标准。JSP是基于JAVA技术的, 使用Java编程语言编写类XML的JSP标记和Java程序段来封装产生动态网页的处理逻辑, 再在传统的HTML网页文件中插入Java程序段和JSP标记, 从而形成JSP文件。
从以上可以看出, 三者都提供了在HTML代码中混合某种程序代码、由语言引擎解释执行程序代码的能力。但相比较于VBScript之类的脚本语言, Java语言不仅功能强大而且更易于使用。开发者不仅可以创建自己的可重用组件, 而且还能够任意地使用整个Java API处理基本的、低级的事务, 如字符串处理、文件I/O和数学计算。
2. 在平台支持方面
ASP仅能运行在微软的WINDOWS系列平台, 还必须要有IIS或PWS的支持。虽然ASP技术和COM组件可以通过chili插件在Unix平台下使用, 但是功能强大的DCOM控件却不能使用。这样对于动态网页开发者来说ASP就不是一个理想的选择。
JSP同PHP类似, 几乎可以运行于所有的平台。“Write Once, Run Anywhere”准确地描述了JSP的这一特性。虽然, 现在WINDOWS系列操作系统占了很大的市场份额, 但是在服务器方面Unix的优势仍然很明显, 而新崛起的Linux更是来势不小。ASP在这一方面的逆势明显可见。从一个平台移植到另外一个平台, JSP和Java Beans甚至不用重新编译, 因为JSP编译后的Java字节码是与平台无关的。
3. 在应用性能方面
运行时, JSP代码先被翻译成Servlet (服务器端的Java程序) , 因为是在服务器端运行, 不需要加载沉重的GUI, 所以Servlet比传统的JAVA程序执行要快, 尤其是在使用图形化界面时。另外, Servlet编译后的Java字节码只有在被请求时才执行, 同时服务器会缓存运行的Servlet, 所以尽管当首次调用Servlet时会有几秒钟的加载时间, 但对后续的客户端请求响应会非常快。因此, JSP的执行比每次都要解释执行的ASP代码要快, 尤其是在代码中存在循环操作时。
有人做过实验, 对这三种语言分别做循环性能测试及存取Oracle数据库测试。在循环性能测试中, JSP只用了令人吃惊的4秒就结束了20000x20000的循环。而ASP和PHP测试的是2000x2000循环, 却分别用了63秒和84秒。数据库测试中, 三者分别对oracle8数据库进行了1000次Insert (插入) 、Update (修改) 、Select (查询) 和Delete (删除) 操作, JSP花费了13秒, PHP需要69秒, 而ASP则需要73秒。从数据中可以看出, 不管是循环操作, 还是数据库操作, JSP都比ASP和PHP的执行效率要高得多。
4. 在体系结构方面
PHP是一种跨平台的服务器端的嵌入式语言, 平台可移植性和JSP一样非常好。但PHP的技术体系不符合分布式应用体系, 缺乏多层结构支持。对于大负荷的网站, 只能使用分布式计算来解决问题。
ASP和JSP则没有以上缺陷。ASP可以通过COM/DCOM (Component Object Model/Distributed COM, 组件式对象模型/分布式组件对象模型) 获得Active X规模支持, 通过DCOM和MTS (Microsoft Transaction Server, 微软事务服务器) 获得结构支持。
JSP是J2EE (Java 2 Enterprise Edition, Java2企业版) 的一部份。JSP可以通过Java Beans和EJB (Enterprise Java Bean, 企业级Java Bean) 获得规模支持, 通过EJB/CORBA以及众多厂商的应用服务器获得结构支持。
5. 在安全性方面
ASP虽然提供了强大的功能, 但是ASP也并不是尽善尽美的。第一, 由于ASP程序采用非编译性语言, 大大降低了程序源代码的安全性。如果黑客侵入站点, 利用IIS存在的漏洞, 就可以获得ASP源代码。第二, ASP代码使用表单实现交互, 而相应的内容会反映在浏览器的地址栏中, 如果不采用适当的安全措施。只要记下这些内容, 就可以绕过验证直接进入某一页面。第三, ASP的标准组件File System Object为ASP提供了强大的文件系统的访问能力, 可以对服务器硬盘上的任何文件进行读、写、删除等操作。如果ASP在编写时存在漏洞, 那么黑客只要上传一个ASP木马便能控制整个服务器。这样就会给服务器带来非常严重的威胁。第四, ASP只能应用于windows系列平台, 但windows系列平台安全漏洞太多。由以上可见ASP在安全性方面的弊端。PHP4.1.2以下的所有版本都存在文件上传远程缓冲区溢出漏洞、远程拒绝服务及安全模式被绕过漏洞, 而且攻击程序已经广泛流传, 成功率也非常高, 因此要及时升级PHP到4.1.2以上版本。JSP解决了目前ASP、PHP的一个通病——脚本级执行, 每个JSP文件总是先被翻译成Servlet, 再编译Servlet生成可执行的二进制字节码, 保存在缓存中, 接着由虚拟机解释执行该字节码, 生成纯的HTML页面作为响应发送回给客户端浏览器。以上的过程只是在客户第一次请求该页面时发生, 以后的请求将重用缓存中编译好的字节码。因此源码不易被下载, 尤其在使用Java Bean之后安全性更高。另外, PHP和JSP除了可以应用于windows系列平台外, 还可应用于安全漏洞较少的unix、linux等平台。JSP在安全性方面的优势明显可见。
6. 在访问数据库方面
虽然PHP支持的数据库极其广泛, 但PHP提供的数据库接口支持不统一, 比如对Oracle、Mv SQL、Sybase的接口彼此都不一样。这是PHP的一个弱点。但PHP是内置对MYSQL支持的, 不需安装额外的驱动程序, 使用起来很方便, 访问速度也比较快。同时PHP与MYSQL都是免费的, 是动态WEB网站开发的绝佳组合。
ASP使用ODBC (Open Database Connectivity, 开放数据库互连) 技术访问数据库。在具体应用中, 一般通过ADO (Active X Data Objects, Active X数据对象) 实现对数据库的操作。使用ADO的connection、command和recordset对象可以完成与数据库连接的建立, SQL语句的执行, 查询结果集合的保存、遍历和显示等工作。
JSP使用称为JDBC的技术实现对数据库的访问。目标数据库必须有一个JDBC驱动程序, 即一个从数据库到Java的接口, 该接口提供标准的方法使Java应用程序能够连接到数据库并执行查询。采用JDBC连接数据库, 连接建立的时间比ODBC稍长, 但可以使用JDBC连接池技术来实现多用户并发数据库访问。连接池的使用, 能够大大地提高Java在Web数据库应用中的性能, 当前主要的Java应用服务器, 例如websphare, weblogic等, 都实现内建的连接池类。
(三) 结束语
常见的动态网页技术各有自己的优缺点和适用范围。CGI占用计算机资源较多, 执行效率不佳。PHP的技术体系不符合分布式应用体系, 缺乏多层结构支持, 使得它不适合应用于大型电子商务站点。ASP在应用体系结构方面有着很大的优势, 但其仅被windows系统很好支持的弊端使得应用前景不是太理想。
目前大型的电子商务解决方案提供商基本上都采用了JSP/Servlet技术体系。比较出名的如IBM的E-business, 它的核心是采用JSP/Servlet的Web Sphere;西方另外一个非常著名的电子商务软件提供商Intershop。它原来的产品Intershop1, 2, 3, 4占据了主要的电子商务软件份额。它们都是通过CGI来提供支持的。但后来该公司推出了Enfinity, 一个采用JSP/Servlet技术体系的电子商务应用服务器, 而且声称不再开发传统软件。
摘要：CGI、PHP、ASP和JSP都是常见的动态网页技术, 有着许多相似之处, 同时又有各自的特点。文章重点从编程语言、平台支持等方面比较了PHP、ASP和JSP的技术特点。
关键词：CGI,PHP,ASP,JSP
参考文献
[1]邹竹彪.JSP网络编程从入门到精通[M].北京:清华大学出版社, 2007.6.
[2]何增颖.基于动态交互的Web开发技术探讨[J].福建电脑, 2007 (1) .
[3]傅丰.浅议ASP、JSP和PHP[J].微型电脑应用, 2004, 20 (2) .
[4]方俊.电子商务网站平台3p技术的安全性探讨[J].福建电脑, 2006 (10) .
[5]李明江.动态网页技术JSP与ASP、PHP的比较浅析[J].黔南民族师范学院学报, 2005 (3) .
动态网页制作技术 篇2
制作人：陈晴
教学目的：
1．学会制作动态的按纽； 2．学会运用DHTML特效；
3.初步掌握留言本的制作的方法;教学重点难点：
1．制作动态的按纽； 2．运用DHTML特效
3.留言本的制作的方法
教学方法：师生互动，讲练结合。教学课时：二课时
教学准备：展示制作好的网页。
教具：多媒体转播系统、WORD、FORNTPAGE 引课：如何让我们的网页动起来呢?这是我们这节课要解决的问题.1.制作动态的按纽。
什么是动态按纽？你有没有看过别人的网页上有一种按纽，把鼠标移上去的时候它就会变色的的那种，那就是动态按纽了。它在Frontpage2000中的做法也很简单。我们点击菜单栏的“插入→组件→悬停按纽”。接下来又弹出一个窗口,我们在“悬停按纽属性”的窗口中设置一下。在“按纽文本”中填写想要在按纽上显示的文字，还给以给那个按纽做连接。接下来你可以设置按纽颜色和效果。其中“按纽颜色”指的是这个按纽在没有将鼠标移上去的时候的颜色，而“效果颜色”就是指鼠标移上去的时候的颜色。我们还可以设置这个按纽的宽度，高度等等。设置好按确定就行了。
这里你先别急着按预览按纽，我们先保存。因为用Frontpage2000做的动态按纽使用到了两个Class文件。我们在保存之后会发现保存网页的同时保存了两个以class做后缀的文件，记着不要把它们删了。打开你刚刚保存的网页，看一下，是不是很漂亮？
2.为自己的网页做一个简易的留言本:这样的话浏览者浏览过你的网页之后就可以给你一些意见和建议了。我们点击菜单栏的“插入→表单→单行文本框”;接着你会看到编辑区内多了虚线方框，里面包括了一个长方形的文本框和两个按纽。你肯定填写过一些网上的表单吧？虚线以内的东西就称为表单了。我们来设置一下表单里面的内容。先来设置长方形的文本框的属性，对长方形的属性框点击右键，选择“表单域属性”，在弹出的窗口中你可以设置它的大小。接着依次设定两个按纽的文字。最后我们再来设置整个表单的属性。在表单内，即是虚线内点击鼠标右键，选择表单属性。接着弹出一个窗口.在表单属性中我们只要把“结果保存到”选择为“发送到其他的对象”（如图8）。然后再点击左下角的“选项”按纽，在弹出的窗口中（如图9）中，在“动作”拉模中填写上“mailto:你的邮箱地址”就行了。象图9那样填写，只不过是把邮箱地址改成你的。
三.做DHTML特效。什么是DHTML我们不需要知道，学会制作就行了：我们先要打开DHTML效果窗，我们点击菜单栏的“格式→动态 HTML 效果”，弹出DHTML效果窗。制作DHTML特效也很简单，只要把要使用到的文字或者图片括起来，使它被选。然后在DHTML效果窗中“开启”一种事件，并且选择“应用”哪种效果，最后再选择效果的实现方法
（一）.使用DHTML的基本步骤1.在页面点选需要使用DHTML的对象，比如文本，图片。对于文本需要拖曳鼠标选定；2.在DHTML工具栏，选择通过开启的下拉列表选择一种事件，文本和图片所具有的事件是不同的；接下来再应用下拉列表选择一种效果；最后选择该效果的的实现方法；3.当你为对象使用了DHTML后，保存该页面并预览，你会发现你选定的对象按照你设置的DHTML的效果出现；4.如果想删除某一个对象的DHTML效果，先选定该对象，然后单击DHTML工具栏上的删除效果图标即可。
（二）．DHTML的事件
在DHTML制作中，我们听得最多的是“事件”这个术语。什么是“事件”呢，顾名思义，就是发生的一件事情，比如你用手打开门，那么这就是一个事件。换到网页制作中，开门变成了单击，也就是说，访问者单击了一个链接，那么出现了事件的结果，门被打开了。
在FrontPage2000中，当我们打开DHTML效果工具栏后，点选文本或者图片会产生不同事件。但它们的施用方法是一样的，下面我们以文本举例：我们先在编辑器里输入一段文本，比如：网页陶吧，然后继续下面的三个步骤：
选定一段需要产生DHTML效果的文本，这里是：网页陶吧。从DHTML效果工具栏的开启下拉列表选择一个事件。这里对于文本我们只有“网页加载”这个事件。“网页加载”就是当网页第一次装入的时侯发生的事件，它不需要用户利用鼠标去触发它，而只需要访问者利用浏览器打开它的时侯就会产生预设的动态效果。应用：选择好事件后，我们要在应用下拉列表里选择一个该事件的应用效果。在该列表下有七种可以采用的效果，我们选择飞入。
方法：对于应用效果会有不同的方法产生。比如当你选择的应用效果是“飞入”的时侯，文本可以从底部飞入，可以从左边飞入，也可以从右边飞入，这些就是方法。在这个下拉列表里并没有注明这个术语。有的应用效果是没有方法的，比如波动。我们这里选择从底部飞入。
最后保存该页面并预览，你会发现网页陶吧这个四个字在网页第一次加载后从底部飞入。当然，你也可以尝试其它DHTML效果。对于选定图片，你会在DHTML效果工具栏的开启下拉列表看到新的事件，单击和鼠标悬停，它们会有各自的应用效果和实现方法。你可以每一个尝试一下，这样你就能明白这些事件和应用效果和方法之间的关系。
（三）．DHTML的小技巧DHTML兼容性利用FrontPage2000制作的DHTML网页只能被InternetExplorer4.0或以上版本完全正常浏览。对于图片的DHTML效果，Netscape Communicator 4.0或以上版本也可以浏览。
禁止DHTML如果想禁用DHTML效果，点选菜单工具/网页选项，在打开的对话框里选择兼容性标签，取消动态HTML前的复选框里勾，这样DHTM效果被禁用。
快速使用DHTML一般情况，在你没有选定某一个对象的情况下，你只需要把鼠标移动到对象的左边或者右边单击一下就可以使用DHTML效果了。
（四）.网页过渡：网页过渡是指当你进入或者离开一个网页的时侯所产生的效果的这个过程。比如你从某一页进入另一页，你会发现当前页慢慢向中间合拢，同时出现了另一个新的页面，直到当前页合拢消失而最后出现新的页面。如果你想使用网页过渡，可以按照以下步骤：
1.打开想使用过渡效果的页面，或者新建立一个页面。点选菜单格式/网页过渡，打开网页过渡对话框；
2.在事件下拉列表里选择一个事件，我们选择进入网页。大家要注意，当你为某页和站点都设置了过渡效果时，网页将比站点过渡效果优先；3.在周期文本框里输入持续的时间，然后在过渡效果列表框里点选一个效果，单击确定。利用浏览器打开该页面，因为我们选择的网页过渡是进入网页，所以当你打开该页时你就能看到过渡效果了。
利用DHTML效果的确是吸引访问者的有力利器，但如果你不愿意和复杂的代码打交道，那么FrontPage2000为你预设了许多DHTML的效果。你要做的仅仅是选定需要动态效果的对象，比如文字，图片，然后利用“傻瓜”式的操作就可以让你的网页动起来。
我们来试一下吧。新建一个网页，在编辑区打上“欢迎，欢迎，热烈欢迎！”，然后用鼠标把它括起来。这是你会看见DHTML效果窗就会自动启动了。我们为它选择一种事件，我们选择“网页加载”，接着在“应用”栏中选择“飞入”，在“选择设置”中选择“从右侧”。
效果就做好了，很容易吧？预览一下，你是不是看到“欢迎，欢迎，热烈欢迎！”从屏幕的右边飞到了左边？这样就是说特效做成功了：当然你可以选择其它事件的，你喜欢怎么样就选择你喜欢的吧。
填写完之后这个表单就做好了，再进行处理一下，点击预览按纽预览一下。以后浏览者在浏览你的网页之后就可以在你的建议留言本上写下留言，按确定之后，留言就会通过电子邮件的方式发到你的邮箱里去了。注:
1大部分特效都要自己多去实践，自己去发掘它可以帮你做到的效果。
2使用动态按纽的网页保存之后不能删除一同保存的“class”文件。
动态网页制作技术 篇3
关键词：中职动态网页制作教学方法
《ASP动态网页制作》课程是中职网站建设与管理、计算机应用技术、电子商务等专业的一门核心专业课，它肩负着为学生培养这些专业对应的就业岗位所需核心技能的任务，其重要性不言而喻。但在从事该门课程教学之初，笔者发现，与多媒体网页制作和平面设计这类操作对应软件菜单和修改属性面板属性值就可实现效果快速呈现的课程相比，需要沉下心来理解动态网页的工作机制与原理、进行算法设计与编码、程序的调试与修改的动态网页制作课程就没那么受欢迎了，学生不喜欢学、甚至厌学该门课程，如何改变这种状况以完成如此重要课程的教学目标，是笔者近几年不断探索的一个问题。以下笔者将从分析该课程特点、教学现状及教学方法研究三个方面进行论述。
一、《ASP动态网页制作》课程特点
《ASP动态网页制作》课程是一门集合了多媒体网页制作、数据库基础等多门学科知识的既讲理论又重实践的综合型课程，该课程的教学目标是：学生能充分理解动态网页工作机制与原理，熟练掌握VBScript脚本、ASP内置对象、ASP常用组件和ADO访问数据库的知识并能灵活运用这些知识实现综合网站的设计与开发。灵活运用的前提是对知识的充分理解及熟练掌握，但课程中涉及的动态网页工作机制与原理、页面级、用户级、应用程序级变量的概念与区别、页面间传递变量的方法、记录集指针等重要知识点抽象难理解。正是因为该课程的抽象性、灵活性、理论与实践的高度统一性以及学生理论基础薄弱、不善逻辑思维、容易遇难而退、学习习惯不好、缺乏独立钻研能力，所以学生学习该课程觉得有难度、枯燥乏味而没有了学习兴趣。
二、《ASP动态网页制作》的教学现状
笔者通过教学实践与调查发现，中职学生在学习该课程时普遍存在以下几个问题：
1.误读实用，缺少持续不断的学习动力
初学该门课程的中职生因为对该课程知识体系的认知能力有限误以为那些看似抽象深奥的概念、原理是无用的，于是他们碰到理论知识就退缩、避开，缺少持续不断的学习动力。殊不知，只有对那些原理理解得够透彻，才能灵活运用以实现新功能。所以，让学生正确认识该课程，让深奥的理论知识变得简单而又易于理解、不断的激发学生学习兴趣是教师应该解决的首要问题。
2.计算机英语水平低导致代码中单词拼写错误率高
大部分中职学生英语基础不好，对英语学习没有兴趣，而无论是VBScript脚本还是ASP内置对象的名称、属性、方法又全都用英文表达，学生一看到这些陌生的英语单词，就产生恐惧、畏难心理，再加上没有学习英语的良好习惯和方法，所以他们在编写代码时经常将单词拼写錯误而导致调试时页面上的所有内容都无法显示，这极大的打击了学生学习的积极性，所以在教学中帮助学生理解记忆这些关键性的单词是教师应该考虑的一个问题。
3.脚本调试能力弱导致学习效率不高
中职生经常因为单词拼写错误、语法格式不对、程序设计思路不清晰、文件夹权限设置不正确等原因导致程序错误， 欠缺经验而又不注意经验总结的他们，碰到问题手足无措，不知如何下手去定位和解决问题，他们往往一出错连浏览器窗口中显示的错误提示信息都不看就求助于教师或同学，这导致教师处于课堂繁忙状态，时间消耗在给学生找错排错的过程中，不能按教学计划完成教学任务，达不到既定的教学目标。
4.停留在模仿甚至复制的低层次，欠缺运用知识的灵活性与创新性
相当一部分学生能做到认真听课与实验，能掌握基本语法，能实现学过的功能，但他们欠缺对零散知识的整合能力以及对知识的灵活运用与创新能力，经常扮演复印机或打字员的角色，碰到新问题、新功能就不知道如何入手。
三、教学方法研究
要提高该课程的教学质量和教学效率，教师应从学生实际出发，结合课程特点，通过调整教学顺序、改进教学方法、合理利用教学辅助手段来促进教师的“教”与学生的“学”。
1.对比教学法，调动学生学习积极性、锻炼学生总结归纳与发散思维的能力
对比，是指运用对照的手段确定事物异同关系的思维过程的方法，对比教学法就是指在教学中，将一些具有某种联系和区别的教学内容放在一起进行对比分析，找出其相同和不同之处，使学生在明确了一个内容之后能够自然地联想到另一个内容，并能自行理解和掌握，从而达到预期教学目的的方法。《ASP动态网页制作》课程中静态网页与动态网页、浏览器端脚本与服务器端脚本、Request与Response、表单的Get与Post提交方式、单选按钮的选中与未选状态等有类比关系的知识点都可以采用对比教学法，例如笔者在讲解动态网页工作原理时，除利用动态网页工作流程图外，还应用了对比教学法来增进学生对这个抽象知识点的理解，具体做法如下：教师配置好IIS服务器，将一个既包含HTML标记语言又包含服务器端脚本的实现向浏览器窗口输出服务器端日期和时间的页面作为IIS默认站点的主页，让学生用自己的浏览器访问教师端IIS服务器默认站点，在请求到的页面所在的浏览器窗口中单击鼠标右键，选择查看源文件，将得到的源文件与该文件的源代码进行比较，让学生找出异同。通过对比，学生发现源代码中的<%=now%>变成了显示确切日期和时间的普通字符，而源代码中的HTML标记并没有发生变化，这就很好的将抽象的动态网页工作机制变得生动而具体了。同样的方式，对于表单的Get与Post提交方式，让学生观察这两种提交方式下URL地址栏的异同；对单选按钮的选中与未选中状态的差别，让学生观察选中前后HTML标记发生的变化使学生掌握知识更牢固、理解更透彻，既调动了学生学习的积极性又锻炼了学生的总结归纳与发散思维的能力。
2.问题情景创设教学法，启动学生思维，树立学生探究意识
问题情景创设教学法是教师创设一种疑难情境，让学生从中发现问题，明确问题，整个课堂教学活动围绕问题而组织起来，在解答的过程中引发出更好的问题、更难的问题。该方法使学生保持一种强烈的求知、探索欲望，使知识的学习在不知不觉中层层递进。例如，在完成用户管理（注册、修改、删除、登录）基本功能之后，动态网站数据库安全知识学习之前，笔者跟学生打起了赌，赌无论A学生在B学生的网站上注册的用户密码修改得多复杂笔者都能不借助第三方工具破解，于是A学生在其他同学的注视下开始了注册之旅，他刚注册完，笔者就通过在URL地址栏输入“http：//B同學IP/Database/Db
.mdb”回车的方式（此过程不让学生看到）获取了B学生建立的数据库文件，轻而易举的得到了A学生的密码，当笔者念出的密码与A学生密码一致时，学生们吵着让A把密码修改得再复杂一些，于是新的一轮密码获取与验证开始，当A学生第三次修改密码后我仍能破解时，学生们马上提出了问题：老师，你是怎么做到的？在学生们充满渴求的眼神的注视下，笔者把破解方法进行了演示和讲解，之后，笔者抛出了这堂课的第二个问题：既然黑客有可能根据我们常用的数据库路径及文件名得到数据库文件，那应该采取什么措施来保护需要保密的信息呢？学生们开始了自主探索学习之旅，他们翻阅课本、借助搜索引擎去寻找答案。最后笔者将学生找到的方法进行归纳补充，得到了修改数据库文件名、给数据库文件加密、给保密字段加密三种常用方法。那么，每一种方法的具体步骤又是什么呢？问题一个接一个的被学生或教师提出，学生在一次又一次的问题提出与解决的过程中掌握了该掌握的知识，形成了新的认知结构。
3.从分析错误提示信息入手，引导学生将错误分类整理归档，逐步提高学生调试程序的能力
提高学生程序调试能力应从引导学生分析浏览器中显示的错误提示信息入手，让学生根据信息分析错误类型、定位出现错误的位置，并引导学生将自己容易犯的错误及对应的解决办法记录下来并归纳整理保存，等再次遇到相同问题而又想不起来当初是如何解决时，通过查询归档问题，快速定位、解决问题。对于学生实在无法排除的错误，教师也不应当马上告诉他解决办法，而应该给予适当的提示，鼓励学生再进一步探索，培养学生独立发现、分析、解决问题的能力。
4.重复教学法、单词形象汉化教学法双管齐下，促进学生单词记忆
学生熟记HTML标记语言、VBScript脚本及ASP内置对象相关的名称、属性、保留字对应的英文单词是降低学生编码错误率及提高编码效率的有效途径。毫无疑问，学生记忆单词最有效的方法就是重复， 教师在课堂中讲到新单词时，要有意识的引导学生多次反复的读、写、用以增强记忆。当然， 重复而单调的记忆也会使学生失去兴趣，应用单词形象汉化教学法不仅能使学生记住单词，还能形象理解其用法。如讲到HTML基本结构时以人的身体类比网页的结构：人有头部、身体，网页与之相似，就用head和body来表示网页的头部信息与网页体；讲到IF结构语句时，就将其结构翻译为：如果、那么、否则，引导学生将If与如果对应、Then与那么对应，Else与否则对应；讲到Request对象时，将其翻译为请求，对应的Request.Form就是从表单请求数据…… 通过对重复教学法和单词形象汉化教学法的综合应用，不仅让学生记住了单词，更理解了其涵义及用法。
5.模仿型实训项目与综合开发项目并重，促进学生灵活运用所学知识
随着市场经济及信息技术的不断发展，企业对网站功能和外观的要求越来越多样化，模仿已不能满足市场多样化的需求。因此，项目教学法中的项目选取不应该只是单一的模仿实训项目，而应再包含综合开发项目。所谓的模仿型实训项目就是由教材或教师提供的已完成的项目，对学生而言，这些项目无论是功能还是外观都是确定的，他们只需模仿就可完成任务。而综合开发项目则是客户或教师只提供一个需求说明，由学生根据需求独立完成分析、规划、设计、实现、测试的项目。模仿型实训项目可帮助学生熟练掌握所学知识，而综合开发项目可促进学生灵活运用所学知识，使学生思维活跃。在教学中还应当注意，不能仅把综合开发项目置于课程末尾，可根据学生实际情况，将综合开发项目提前至学期初，让学生在学习的过程中就不断产生把所学知识用于综合项目开发的想法并为此付诸实践。
总之，只有灵活的运用各种教学方法，才能把教学内容变抽象为具体，才能持续不断的激发学生学习的兴趣，才能为学生学习提供源源不断的动力，才能达到理想的教学效果。
参考文献：
[1] 林健.项目教学法在ASP动态网页课程中的应用[J]. 电脑编程技巧与维护，2011，（06）.
动态网页制作技术 篇4
一、JSP与ASP技术的比较
JSP在技术上的主要竞争对手是Microsoft的ASP, 两者在技术上很相似, 都支持动态网页的创建、脚本代码和用于实现商业逻辑的组件等, 也都提供和企业级应用程序框架的接口 (分别是J2EE和Microsoft DNA) , ASP的编程语言是VBScript之类的脚本语言, JSP使用的是Java, 这是两者最明显的区别。此外, ASP与JSP还有一个更为本质的区别:两种语言引擎用完全不同的方式处理页面中嵌入的程序代码。在ASP下VBScript代码被ASP引擎解释执行;在JSP下, 代码被编译成Servlet并由Java虚拟机执行, 这种编译操作仅在对JSP页面的第一次请求时发生, JSP的效率和安全性更高。JSP的适应平台更广, 几乎可以在所有平台下工作。JSP与ASP技术比较如下表所示。
二、JSP页面的组成
JSP页面看上去像标准的HTML和XML页面, 并附带有JSP引擎能够处理和解析执行的代码与组件。一般JSP代码和组件用于创建在最终页面上显示的文本。JSP页面一般包括编译指令, 动作指令, 声明, 表达式和程序段等内容。
编译指令:使用JSP编译指令 (〈%@和%〉内的) 来指定所使用的脚本语言, Servlet实现的接口, Servlet扩展的类, Servlet导入的软件包。JSP指令的一般语法形式为:<%@指令名=“值”%>。
动作指令 (标识) :用于执行某些动作。在JSP规范中有2种类型的动作指令的标识。第一种是标准动作, 它定义的是无论在什么版本的JSP引擎或Web服务器下总是可用的动作。第二种是自定义动作, 它通过使用taglib指令来实现。例如JSP:use Bean;JSP:set Property。
声明:用于声明合法的变量和方法。与任何语言相同, JSP语言使用变量来保存数据。声明的语法为<%!declaration (s) %>。
表达式:通过计算表达式所得到的结果来表示某个值。表达式的形式为:<%=expression>。表达式求值的结果被强制转换为一个字符串, 并插入到当前的输出流中。
程序段:JSP可以在页面中包含的一段程序, 称之为程序段。程序段可以和页面中的静态元件组合起来创建动态生成的页面。
三、JSP的三大特点
1. 良好的可移植性。
由于其是以Java为基础开发的, 所以它可以沿用Java强大的API功能, 拥有Java编程语言“一次编写、各处运行”的特点。
2. 健壮性与安全性。
由于JSP页面的内置脚本语言是基于Java编程语言的, 而且所有的JSP页面都被编译成为Java Servlet, JSP页面就具有Java技术的所有好处, 包括健壮的存储管理和安全性。
3. 强调可重用的组件。
其中Java Bean是一种基于Java的软件组件, 可以通过封装业务逻辑建立一整套可重复利用的对象库。JSP对于在Web应用中集成Java Bean组件提供了完善的支持, 这种支持不仅能缩短开发时间 (可以直接利用经过测试和可信任的已有组件) , 避免重复开发, 也为JSP应用带来了更多的可伸缩性。
总之, 在传统的网页HTML文件 (*.htm, *.html) 中加入Java程序片段 (Scriptlet) 和JSP标记 (tag) , 就构成了JSP网页 (*.jsp) 。Web服务器在遇到访问JSP网页的请求时, 首先执行其中的程序段, 然后将执行结果以HTML格式返回给客户。程序段可以是:操作数据库、重新定向网页以及发送Email等, 这就是建立动态网站所需要的功能。JSP所有程序操作都在服务器端执行, 网络上传送给客户端的仅是得到的结果, 对客户浏览器的要求最低, 可以实现无Plugin, 无Active X, 无Java Applet, 甚至无Frame。JSP的良好的可移植性、跨平台性, 以及执行效率高、安全性高的特点, 使得JSP技术成为当今动态网页开发的流行技术。
参考文献
[1]王春东王定基王劲松:现代远程教育实现中的主要技术的研究[J].天津理工学院学报, 2003, 16 (2) :107～111
[2]蒋文蓉:JSP程序设计[M].高等教育出版社, 2004, 7:92～93
[3]许龙飞李国和:Web数据库技术与应用[M].2005, 24～25
动态网页制作教案 篇5
1、知识目标
（1）了解动态HTML，动态网页的概念
（2）能够实现简单的动态HTML效果，能够插入简单的javascript代码（3）掌握动态网页的特性
2、能力目标
（1）培养学生的探究学习能力（2）进一步提高学生的审美能力
3、情感目标
（1）培养学生正确评价、选择、运用信息的价值观（2）培养学生的版权意识
（3）使学生正确认识技术的两面性。
二、教学重点与难点 重点：
（1）动态HTML和动态网页的概念（2）插入简单的动态HTML特效 难点
插入javascript网页特效
三、教学过程
（一）动态HTML的概念
1、情景创设
教师：展示做好的网页，网页中有许多动态HTML的效果，问：请观察以下网页，注意哪些地方发生了动态的变化？
学生：仔细观察，发现有文字移动，背景颜色随鼠标变化等特效，兴趣大增。教师引导：同学们想不想学呢，这是什么技术呢？
2、动态HTML(DHTML)的 概念
教师给出概念：在脱离网络环境下，网页下载到浏览器以后仍能够随时变换的HTML
3、教师演示：
在FrontPage中，提供了一些动态HTML效果，教师演示操作步骤 例1：实现简单的动态HTML效果 演示:鼠标特效
方法：格式----动态HTML 教师只演示其中一个，其他例子先让学生自己探索。培养学生的自学能力。学生探索研究后，老师请先完成的同学出来演示，并讲解难点，如鼠标悬停效果。
4、学生练习
教师讲解完后，让学生继续巩固动态HTML特效，做练习一 练习一：实现简单的动态HTML效果（1）、网页加载效果
（2）、鼠标悬停效果（提供背景图片）（3）、单击（4）、双击
5、学生成果交流与评价
问：是不是动态效果越多越好呢?培养学生审美观。
让学生相互评价，哪些地方加得恰到好处，哪些地方加得不大合适？
教师总结：frontpage2000自带的动态HTML特效，实质上是在原网页上自动增加了一些代码，那么，除了frontpage2000自带的动态HTML特效，还有更丰富更具个性化的特效吗？
6、引伸：
为进一步理解动态HTML，不仅仅是ftontpage自动产生的那些，还有更加丰富更加全面各种特效，教师提供一些简单的javascript小程序，对动态HTＭＬ作一些引伸，例2：插入简单的javascript网页特效 教师演示：怎样插入“显示当前日期”的代码 强调难点：一定要注意插入代码的位置。练习二：请插入以下几个网页特效（1）、记数器（2）、显示当前时间（3）、跟随鼠标的时钟（4）、礼花背景
教师事先准备好这几个小程序，学生分组练习，分四组，每个组只要完成其中一个特效。
7、学生作品交流与评价
教师小结：这里只是插入的最简单的代码，还有一些复杂的代码在以后的章节中有要求进一步学习，javascript小程序是实现动态HTML特效的主要工具。还有css等等 注意：使用别人代码时，要注意别人的版权信息。同学们还想更多特效，教师提供以下网址，课外资源 七色风网页特效 网页特效观止 网页特效
你知道乱用javascript特效的后果吗？有些人专门编制了这种小程序，对网页产生了一些破坏作用，这是非常不道德的。
同学们对于动态HTML非常感兴趣，特鼓励同学好好专研，成为javascript的编程高手。
过渡：进一步理解动态网页的概念。动态网页不仅局限于动态HTML 还包括采用CGI、ASP、JSP、PHP、Perl等技术动态生成的页面
（二）、动态网页的概念
这里所谓的动态主要强调的是人机关系，即，按照访问者的不同需要对访问者输入的信息作不同的响应，并提供相应的信息。
教师展示网站，让学生体验良好的人机关系，这些网站主要是由asp、php等技术生成的 例3：认识几种动态网站 http:///platform/index.php?t=book_index_first http:///default_login.asp数据检索，后台数据库 http://blog.163.com/jswzb博客系统
通过演示，让学生体会到本节所说的动态网页这个“动”字的涵义，主要强调的是一种人机交流，而不是一种动画技术。
（三）、总结：静态网页和动态网页的比较 请学生讨论完成以下表格： 静态网页 动态网页
是否支持动态显示效果 无法实现动态显示效果 能实现个性化的交互功能，能否及时更新和响应 维护繁琐，不便人机交互,信息反馈 更少的刷新、更快的响应并减轻了服务器负担，维护简单，交互功能强，交流方便
幻灯片动态片头易制作 篇6
首先设置片头尺寸、声音。打开Aleo Flash Intro Banner Maker软件，在出现的主窗口中选择“尺寸声音”选项卡，设置片头的大小、帧速、形状、边框、背景音乐等基本信息。这里可以根据幻灯片的大小进行设置。勾选“添加声音控制器”并选择Slider模式，这样不仅能够控制背景音乐的播放和停止，而且还能调整声音的大小。设置好控制器的位置（图2）。
随后再设置片头背景。选择“背景设置”选项卡，设置好背景颜色，将课件的主题图片（或系统提供的剪辑）添加到背景中。其中，图片可以添加多张，并可通过自定义来调整图片的位置及角度。
接下来设置动态效果。选择“选择效果”选项卡，根据需要选择动态效果，并在右边的参数对话框中对效果进行微调，需要设置的项目有透明度、数量、移动速度、颜色等。
还需要设置片头主题。选择“文字图像”选项卡，通过“添加文本”按钮在弹出的窗口中输入片头主题及主讲人等。选中主题文本，点击“编辑字体样式”中的按钮对字体进行设置。通过“选择效果”选项卡，为主题选择一个动态效果，可通过动态效果的参数来重新设置效果；通过“位置”选项卡设置主题在片头中的位置；通过“定时”选项卡设置控制文字在片头中出现、消失的时间（图3）。
最后进行片头发布。发布前需要先保存项目。选择“发布构建”选项卡，点击“发布”按钮，在弹出的窗口中选择“发布为Flash影片”，点击“确定”就可以了。这样，生成的SWF片头文件就可以插入到幻灯片中使用了。
小提示
如果在更改参数时电脑太卡，需要将“自动加载实时预览”的勾选去掉。
小提示
有的动态效果有透明度、颜色等设置，有的则没有。可按需随机应变。
小提示
动态网页制作技术 篇7
用户在浏览网页时将数据从一个网页传递到另一个网页，通过在不同页面间传递参数，从而实现动态页面的管理、信息传递和统计等功能。本文将说明在ASP.NET中从一个网页向另一个网页传递数据的几种方法。
1 内置的网页数据传递对象
在ASP.NET中，有很多种保存信息的内置对象，如:Application,Session,Cookie,ViewState和Cache等。下面分别介绍它们的用法和区别。
Application用于保存所有用户的公共的数据信息，如果使用Application对象，一个需要考虑的问题是任何写操作都要在Application_Start事件(global.asax)中完成。尽管使用Application.Lock()和Applicaiton.Unlock()方法来避免写操作的同步，但是它串行化了对Application对象的请求，当网站访问量大的时候会产生严重的性能瓶颈，因此不适合用此对象保存大的数据集合。
Session用于保存每个用户的专用信息。每个客户端用户访问时，服务器都为每个用户分配一个唯一的会话ID(Session ID)。她的生存期是用户持续请求时间再加上一段时间(一般是20分钟左右)。Session中的信息保存在Web服务器内容中，保存的数据量可大可小。当Session超时或被关闭时将自动释放保存的数据信息。由于用户停止使用应用程序后它仍然在内存中保持一段时间，因此使用Session对象使保存用户数据的方法效率很低。对于小量的数据，使用Session对象保存还是一个不错的选择，使用Session对象保存信息的代码如下：
ViewState是用来保存Web控件回传时状态值的，有效期等于页面的生存期，类似于HTML的隐藏控件。所有Web服务器控件都使用ViewState在页面回发期间保存自己的状态信息。如果某个控件不需要在回发期间保存状态信息，最好关闭该对象的ViewState，避免不必要的资源浪费。可在aspx页面的顶部@Page指令添加“EnableViewState=false”属性可以禁止整个页面的ViewState，或者将EnableViewState=”false”属性添加至窗体中的控件中。使用ViewState对象保存信息的代码如下。
Cookie是服务器存储在浏览器上的少量信息，在客户端保留信息，程序员也可以用它存放非敏感性的用户信息，信息保存的时间可以根据需要设置，分为会话级和持久级。如果没有设置Cookie失效日期，它们仅保存到关闭浏览器程序为止，此为会话Cookie;如果设置Cookie对象的Expires属性，则创建持久性Cookie。Cookie存储的数据量很受限制，大多数浏览器支持最大容量为4K，因此不能用来保存数据集及其他大量数据。由于并非所有的浏览器都支持Cookie，并且数据信息是以明文文本的形式保存在客户端的计算机中，因此最好不要保存敏感的，未加密的数据，否则会影响网站的安全性。
使用Cookie对象保存的代码如下：
Cache对象用于在HTTP请求间保存页面或数据。把访问频繁的数据以及需要大量处理时间来创建的数据存储在内存中，当用户发出相同的请求后服务器不再次处理而是将Cache中保存的信息返回给用户，节省了服务器处理请求的时间，极大地提高整个应用程序的效率。其生存期依赖于该应用程序的生存期。当重新启动应用程序时，将重新创建其Cache对象的实例。使用Cache对象保存信息的代码如下。
除了应用程序的Cache缓存外，ASP.NET还提供了@OutputCache指令的整页缓存形式和Substitution控件的页内缓存形式。
页面具体应用决定了数据传递方式的选择，合理数据传递方式选择是Web页面的设计中的关键考虑因素。
2 常用的网页数据传递方法
2.1 URL地址中的参数传递
URL方式是实现Web间数据传递最基本的方法，操作简单，可很方便地实现不同Web页面间的数据传递，但其安全性比较差。将要传递的数据附加在网页地址(URL)后面进行传递。如：http://210.41.192.85/testweb.aspx?username=yanghua，其中?后面所跟着的字符串便是传递的数据，=前的是变量名，=后面是数值，可以使用Request对象来获取传递的数据。如：Request(“username”)。这种方法在传递数据过程中其数据内容在URL栏中是显示的，用户能看到提交的内容因此安全性不是很好，加之由于URL的长度有一定的限制，因此不能传递太大的信息。
例如常见的搜索引擎页面由文本框和按钮组成，可以在按钮事件中生成跳转的页面然后在目标页面显示。
2.2 页面表单中的数据传递
通过在网页上制作表单交互区域，用户在各个表单控件中输入数据，然后通过form提交到服务器，在提交后的接受form数据的页面里就可以接收到相应数据，即form的action页面中可以使用request对象来接收所传递的数据。
利用form页面的文本框来接收用户数据的输入，通过submit按钮提交后在目标页面中使用Request.Form[“表单控件名”]来接收数据。
2.3 Server.Transfer方法传递
可以使用HttpContext从网页中重新得到数据。通过使用方法的属性获得那些数据。假设在页面WebForm中设置一个类对象的属性，假设这个属性可以返回页面文本框txtName中用户的姓名。在按钮单击事件处理程序中调用Server.Transfer方法转移到指定的页面。
而Server.Transfer方法在URL参数指定的页面处理完后，控制权不会返回给先前的页面，也不会返回给调用此方法的页面，并且在新页面完成执行时结束。
3 类对象的页面传递
但随着面向对象语言的发展，目前网络中网页制作的主流技术ASP.NET、JSP等技术采用类的越来越多，在页面中传递的变量也越来越多，虽然我们可以通过form表单的形式提交。比如用户登录或注册的情况，不错，如果你的程序中只有一个用户的实例，为它单独定义一个类的确意思不大，但是实际的网站中你需要很多用户实例，这时程序中的变量传递流会变得相当复杂，你得时时保证每个用户实例指定的变量都正确的传递给了不同的函数。但是使用对象大大降低了你所传递的变量的数量，因为对象中的属性和处理函数自动的认定作用范围就限制在本对象之内，那么它所能够操作的对象也就限制在了对象范围内。而且对象的定义可以非常容易的包含到不同的脚本中，还从而保证了每一个用户在不同的脚本中工作方式都是一致的。你可以在声明一个类的实例的同时，通过传递参数的形式为类中的某个变量指定不同的值。
那么类对象如何在网页中传递呢?序列化这个概念很好的解决了这个问题。
简单来说序列化就是一种用来处理对象流的机制，所谓对象流也就是将对象的内容进行流化(比如文件流、网络流等)，我们可以对流化后的对象进行读写操作，也可将流化后的对象传输于网络之间。序列化分为两大部分：序列化和反序列化。序列化是这个过程的第一部分，将数据分解成字节流，以便存储在文件中或在网络上传输。反序列化就是打开字节流并重构对象。
在网页中进行对象的传递可以根据需要确定需要将对象序列化成什么流。比如在点对点的聊天系统中，希望一方用户的输入可以直接在网络另一方的用户窗口中呈现，就可以将用户输入的信息进行序列化，序列化到二进制网络流中去，在另一端，取出二进制流并反序列化成对象，然后显示在界面上。而对于用户一些需要在多个页面传递或者保存的信息，可以序列化保存到文件或数据库表中，然后在需要使用的时候，取出文件或字段中的信息反序列化成对象就可以了。
.NET框架提供两种格式的序列化，二进制序列化(Binary Serialization)和XML序列化(XML Serialization)，其中XML序列化又包括SoapFormatter、XmlSerializer。
当要将一个类的实例对象进行序列化分解之前，首先必须要确认这个类是否可以进行序列化分解，一个类通常通过属性[Serializable]将其标注为可序列化(XmlSerializer方法可以不标注而直接序列化)，换句话说，可以依据所要序列化分解的格式，使用上面任一个类对标注为[Serializable]的类实例对象进行序列化分解。比如我们如下定义一个可以序列化的类对象：
因为用户登录是大部分网页确认用户状态的常用手段，因此采用序列化进行类对象的传递在网页数据传递中是非常常用的。当然还可以在User类中设置更多属性。
要序列化对象，首先创建要序列化的对象并设置它的公共属性和字段。为此，必须确定要用以存储XML流的传输格式(或者作为流，或者作为文件)。
4 结论
上述介绍的是网页间数据传递的常用方法，各有千秋。其中URL方式和form方式实现方法简单，可实现网页间的简单数据传递，但必须是连续访问两页面间数据传递;而Session安全性较高，且多个页面间均可传递;但序列化形式的列对象传递却会是今后复杂数据传递中最好的选择。
参考文献
[1]陈向东.基于ASP.NET的网络数据传输[J].电脑知识与技术,2008,4(7):1861-1862,1864.
[2]Evjen B..ASP.NET2.0高级编程(特别版)[M].杨亚,译.清华大学出版社,2007.
动态网页制作技术 篇8
ASP既活动服务器页面(Active Server Pages),是微软公司开发的代替CGI脚本程序的一种应用,它可以与数据库和其它程序进行交互,是一种简单、方便的编程工具,也是一种运行于服务器端的脚本编写模型,它使网站开发者可以使用几乎所有的脚本语言(VBScript、Script或Perl等)编写脚本,这些脚本可以执行应用程序逻辑,并能够调用Active X组件执行特殊任务,如数据库查询、文件输入输出等。利用ASP可以很容易地把HTML标签和文本、脚本命令以及Active X控件混合在一起实现动态网页,创建交互式的Web站点,而不需要进行复杂的编程。ASP技术本身具有如下特点:
(1)面对对象。
(2)ASP是在服务器端运行,因此开发者无需考虑浏览器兼容问题。
(3)ASP只把结果返回给浏览器,开发者不必担心ASP源程序代码会被别人窃取。
(4)ASP可以通过使用Active Server Components(Active X服务器组件)来扩充脚本语言的功能。
(5)ASP本身自带了5个Active Server Components(Active X服务器组件),在ASP脚本中可以方便地引用系统组件和ASP的内置组件。
(6)可以使用ASP程序码,在站点服务器执行Script语言来产生或更改在Client端执行的Script语言。
(7)ASP通常必须放在支持ASP的Web服务器上的一个有可执行权限的目录下,才能被正确运行。
ASP网页的上述特点使其在网页设计上具有下面一些优点:突破静态网页的一些功能限制,实现动态网页技术;ASP文件代码是包含在HTML所组成的文件中的,易于修改和测试;服务器上的ASP解释程序会在服务器端执行ASP程序,并将结果以HTML格式传送到客户端浏览器上,因此使用各种浏览器都可以正常浏览ASP所产生的网页;ASP可以使用服务器端Active X组件来执行各种各样的任务,例如存取数据库、访问文件系统等。由于服务器是将ASP程序执行的结果以HTML格式传回客户端浏览器,因此使用者不会看到ASP所编写的原始程序代码,可防止ASP程序代码被窃取。
2 ASP是如何工作的
ASP文件是以.asp为扩展名的文本文件,这个文本文件可以是文本、HTML标准和ASP脚本命令的任意组合。当用户通过浏览器发出一个对ASP页的请求后,Web服务器接受这一请求,调用相应的ASP页,由于ASP仅是一种开发环境而非一种语言,因此ASP页中能够使用任何一种脚本语言,只要Web服务器上安装了相应的解释程序就行了,脚本语言被解释后,就执行其中的脚本命令,然后生成一个由标准的HTML组成的Web页发给用户。
在这一过程中,由Web服务器完成所有的脚本处理工作,因此用户不必担心浏览器能否能执行ASP代码,站点服务器会自动将ASP的程序码解释为标准HTML格式的主页内容,在送到用户端的浏览器上显示出来。用户端只要使用可执行HTML码的浏览器,即可浏览ASP所设计的主页内容。ASP运行的具体流程如图1所示。
3 动态网页设计中的数据访问方式
实现Web服务器与数据库的连接一般有两种方法:一种是利用中间件技术在两者之间建立连接和通信,如CGI(通用网关接口)和API(应用程序编程接口)。另一种是由浏览器中的Java小应用程序(Java Applet)通过浏览器访问Web服务器上的数据库,。由于Java Applet本身的局限性,目前大多数的应用是基于中间件技术的。ASP也是属于中间件的一种模式,但在Windows平台上它比CGI和API模式有着较大的优点。CGI的最大特点是它的平台无关性,但CGI程序在响应速度和资源利用等方面有较大局限性,API程序占系统资源少,运行效率较高,但它的编程较CGI程序更为复杂。而ASP中访问数据库是通过ADO(Active Database Object,活动数据库对象)及事务处理语句来实现的,不仅可以读取Access和SQL Server的数据库,而且还可以读取其他ODBC(Open Database Connect,开放式数据库互联)兼容的数据库。ADO是一种操作Microsoft所支持的数据库的方法,ADO主要提供了7个对象和4个集合来完成对于数据库的管理,包括Connection、Command、Parameter、Recordset、Field、Property、Error以及Fields、Properties、Parameters、Errors,是一项容易使用并且可扩展的将数据库访问添加到Web页的技术。应用ASP一系列的对象,即可轻松完成对数据库复杂的操作。
4 ASP在电子商务网站中的应用
在电子商务中,对用户而言,进行网上信息查询的目的是寻找自己需要的产品或服务,而对于商品或服务提供者来说,其目的则是向用户推销自己的产品或服务,ASP与交互式动态网页技术为商户与客户进行通信联络提供了有效手段。ASP通过内置的ADODB组件来实现这一功能。具体的操作步骤可以归纳为以下几步:
(1)创建数据库源名(DSN)。
打开Windows的“控制面板”,双击“ODBC”的图标,然后选择“文件DSN”的属性页,单击<添加>,选择数据库驱动程序,然后单击“下一步”,按照屏幕的指示键入数据源文件的名称,然后单击“下一步”,再单击“完成”创建数据源。
(2)创建数据库链接。
利用ADODB的成员函数Open和先前设定的DSN与数据库连接,其语法如下:Set Connect=Server.Create Object("ADODB.Connection")'创建了链接对象Connect。Connect.Open("DSN=dsnname;UID=user ID;PWD=password")'打开链接。dsnname为数据源名;user ID为用户名;password为用户口令。
(3)创建数据对象ADO中的数据对象通常保存的是查询结果。
Record Set是ADO中最复杂的对象,有许多属性和方法,灵活运用,可以达到许多好的效果。其创建方法如下:Set Record Set=Connect.Execute(sqt Str)'创建并打开了对象Record Set,sqt Str是一个串,代表一条标准的SQL语句。例如:sql Str="SELECT*FROM b1"Set Record Set=Connect.Execute(sql Str)这条语句执行后,对象Record Set中就保存了b1中的所有记录。
(4)操作数据库。
可利用Execute方便地执行数据的插入、修改、删除等操作。如执行插入操作:sql Str="Insert Intob1Values(1,2)"Connect.Execute(sqlStr)
(5)关闭数据对象和链接。
在使用了ADO对象之后,一定要关闭数据对象和链接。在ASP中通过调用方法close实现关闭。关闭创建的数据对象:Record Set.close Set Record Set=Nothing关闭创建的链接对象:Connect.close SetConnect=Nothing
完整的程序片段:
(1)产生组件实例,<%Set Connect=Server.Cre-ate Object("ADODB.Connection")
(2)连接数据库,Connect.Open("DSN=dsnname;UID=user ID;PWD=password")
(3)执行查询,SQL=select*fromtablename Set RS=Connect.Execute(SQL)%>
(4)显示结果,<%Do While Not RS.EOF%><%=RS(fieldname)%><%Rs.Move Next Loop%>
上述是用ASP访问数据库的全过程,由于应用面向对象思想,所有操作都比较简单,用户需要注意的仅是对数据结构的了解、当前所操作的对象及对象的属性等等,只要对这些有了清晰的认识,再加上ASP强大功能,就很容易在网络上使用数据库,实现用户与页面间交换信息。
5 主要功能程序段
5.1 打开数据库
5.2 数据库查询操作
5.3 添加记录操作
5.4 删除记录操作
5.5 记录的修改和查看
6 结束语
ASP作为交互式动态网页设计的一套服务器端脚本环境,大大减少了浏览器的负担,它具有简洁、高效、迅速、多变等许多的优点。随着计算机及Web技术的发展,ASP在动态网页设计中的应用将更为广泛,而如何提这种应用的数据访问效率及事务处理能力则是当前人们所关注的问题。
参考文献
[1]薄小志.ASP入门与实例演练.北京:中国青年出版社
[2]张固,汪晓平.ASP网络应用系统典型模块开发实例解析.北京:人民邮电出版社
[3]万雷,荣力,谢华.网页设计与网站建设教程.成都:四川出版集团电子音像出版中心
[4]张华,张雁,贾志娟等.ASP项目开发与实践.北京:中国铁道出版社
动态网页制作技术 篇9
1系统功能需求
将登录本系统的身份分为三种：一是管理员（医院信息中心管理人员）；二是普通用户即市民；三是医院员工。
1)管理员，可以添加用户，设置权限，发布新闻和公告；
2)普通用户，可以以游客的身份浏览本网站，查看医院新闻、医院简介；
3)医院员工，可以注册帐号，以会员的身份登录本系统，则不仅可以查看新闻和公告，还可以填写和查看个人信息。
2系统开发环境
2.1页面制作Dreamweaver 8
页面制作使用的是Macromedia Dreamweaver 8,Dreamweaver 8是一款比较专业的HTML编辑器，广泛应用于对Web应用程序、Web页面的设计、编码和开发。Dreamweaver的可视化编辑功能，可以在不编写任何代码的情况下，快速地创建页面；还可以查看页面元素和资源，也可以将这些资源从面板中直接拖到文档中；还可以在其他的图形应用程序中建立和编辑图形，然后将它们导入Dreamweaver，从而加快和优化了开发的工作流程。Dreamweaver也是功能比较全面的编辑器，它包括了代码编辑工具，以及有关JavaScript、层叠样式表(CSS)和ColdFusion标记语言(CFML)等语言参考资料。
2.2运行环境PHP 5
开发环境采用的是PHP，这是一款比较常见的脚本语言，他主要应用于开发动态网页，也可以创建图片，并且与数据库的结合也是很好操作的。PHP广泛的应用在很多开发程序中，特别是网页的开发。因为PHP可以运行在网页的服务器上，从而能够产生出用户可以看到的网页页面。PHP的兼容性也很好，它可以在不同的服务器、操作系统和平台上运行，也可以和许多数据库系统结合。PHP的使用是完全免费的，这也是PHP广受设计者青睐的一个原因，官方组织PHP Group为设计者提供了完整的程序源代码，供用户修改和使用。
2.2数据库MySQL:
数据库设计采用的是MvSQL,PHP与MvSQL配搭在一起，就可以比较灵活的设计开发出很多应用程序。这是因为他们都是Web开发工具包的一部分。在设计与开发网络程序时，首先需要设想使用哪种程序语言，用来编写动态页面，还可以创建各种功能来存储数据，读取资源，管理用户，操控日期，或者执行其他任务，而PHP正是可以完成这样功能的最佳工具。PHP不仅功能强大，而且灵活快捷，可以解决大部分常见的网络程序问题。该系统需要存储很多的数据，以便进行增加、修改、显示、删除、以及其他基本操作。针对这样的问题的解决办法就是使用数据库，而MySQL正是可以做到这样的功能的数据库，它既稳定又简单易用，不仅有很好的支持，而且灵活性也很强。
3系统运行的环境需求
3.1硬件环境
服务器端的最低配置是建立网站所需的软件的最低要求，在最低配置情况下，服务器性能往往不能让人满意。如今硬件性能越来越优化且价格合理，所以服务器尽量选择配置较高的硬件。其最低配置情况如下：
处理器：Inter Pentium 4 1.6GHz或更高。内存：256MB以上。硬盘空间：40GB以上。
显卡：SVGA显示适配器。
3.2软件环境
操作系统：Window xp/2000。开发PHP:php-5.2.12-Win32。制作页面：Dreamweaver 8.0。
数据库：MySQL Server 5.0。浏览器：Internet Explore 6.0以上。
4数据库设计
数据库的设计往往是开发应用程序的首要任务，虽然业界有很多新的方法，例如面向对象设计，之后再生成数据库结构，但是大部分的成功程序案例中，还是把数据库的设计放在第一步。数据库设计就如同建筑房屋的基石，只有基石稳定牢固，才能保证整个大厦屹立不倒。所以，可靠而稳定的数据库设计，在整个程序设计和开发的过程中，占有了多么重要的地位。只有可靠的数据库设计，才可以保证产品的质量。具体设计如下：
根据以上需要设计数据库information来存放系统所需信息。
1)表admin
表admin用于存储管理员信息，具体的表结构如表1所示。
2)表user
表user用于存储注册后的用户的信息，具体的表结构如表2所示。
3)表announcement
表announcement用于存储公告的信息。表中包括管理员发布的公告信息。具体的表结构如表3所示。
注：1 isEffect值为0时表示公告待审核状态；2为1时则表示公告审核通过；3为2时表示公告审核未通过。4)表new
表new的用于存储新闻的信息。具体的表结构如表4所示。
5系统安全设计
系统的安全是指防止系统遭到恶意的破坏所造成的数据泄漏和更改。计算机都有安全问题，在数据库系统中数据集中存放，为许多用户共享，使安全问题更为突出。影响数据库的安全性主要是用户和权限的管理。
1)用户的验证：在允许用户进行登录之前，用户必须输入正确的用户名和密码，否则拒绝登录。
验证方式为：
1口令验证：用户登陆数据库时必须输入正确的口令，由数据库来执行识别和验证。
2管理员的验证：管理员是对数据库操作最多的一个角色，所以管理员的权限比较多，管理员对数据库的操作也最直接。所以管理员的登陆要进行用户和口令的验证，并且保存在数据表中，对需要后台管理操作的页面都进行检查。防止非法的登入。
2)权限管理：每个用户都有一定的权限，用户可以根据权限的大小进行数据库操作。如角色分为普通用户和管理员，每个角色有不同的权限。
随着医学科学和计算机信息化的不断发展壮大，我国的医疗卫生事业也在突飞猛进的前行。将现代化的信息系统应用在医院的信息管理中，同样也具有很重要的意义，这样不仅可以提高工作效率，也可以更好的服务广大人民群众。我相信，在不久的将来，医院的信息化管理一定会更加蓬勃发展。
参考文献
[1]方晨.Dream weaver MX 2004中文版教程[M].上海:上海科学普及出版社,2005.
[2]闫静,钟斌.等.Dream weaver MX 2004与PHP动态网页基础与范例[M].北京:机械工业出版社,2004.
[3]杨世明.PHP4编程指南[M].中国电力出版社,2000.
[4]康佛斯,马云.PHP4宝典[M].北京:北京电子工业出版社,2001.
[5]李辛铭.等.PHP4网页编程实力解析[M].北京:清华大学出版社,2003.
[6]网胜工作室.PHP 4.0程序设计[M].北京:北京希望电子出版社,2000.
[7]王孟奎,韩笑.PHP4实用教程[M].北京:北京理工大学出版社,2002.
[8]王石,杨英娜.精通PHP+My SQL应用开发[M].北京:人民邮电出版社,2OO6.
动态网页制作技术 篇10
关键词：视觉传达,网页设计,动态艺术效果,技术
视觉传达设计是以大众传媒为载体,互联网为视觉传达设计提供了一个良好的条件,两者之间具有密切的联系,相互促进又相互制约。设计者应该对网页的概念有所界定,分析用户对网页页面的视觉体验,熟悉网页设计中视觉涉及的一些原则,探讨在网页设计中实现视觉传达的动态艺术效果。
1 网页中的视觉传达简介
网页中的信息不是以传统媒体的形式进行传递的,而是以超媒体的形式进行传递的,与视觉传达的内容与方法息息相关。以计算机为媒介的网页中视觉传达效果是通过互联网获得信息的,从本质上讲就是视觉信息的传递,网页中的视觉传达设计技术与理念是现代设计进步的一个重要标志,同时也实现了人们在设计领域的一个重大跨越。
2网页中的动态艺术设计
2.1 动态艺术设计具有多维性
多维性主要体现在网页设计中的导航设计,来源于超链接,超链接打破了人们从前线性接收信息的方式,使网页的组织结构具有更大的丰富性,实现了浏览者在各个网页中的跳转。将网页的组织结构分为序列结构、复合结构、网状结构以及层次结构等多种,这种方式使页面之间的关系更加复杂了,对于浏览者而言对于信息的检索以及查找增加了难度,同时也为设计者的网页设计工作增加了难度,因此,为了吸引更多的浏览者必须要降低信息检索与查找的难度从而缩短找到信息所需要的时间,设计者必须要设计快捷并且完善的导航设计。
2.2 动态艺术具有交互性与持续性
与传统媒体相比网页具有信息动态更新的及时性与即时交互性,尤其是即时的交互性作为网页设计中一个重要的内容,是设计者必须要考虑的问题。对于当今这个网络大环境而言,人们不再像从前那样只是信息的被动接受者,对于信息而言更多的是参与者,并且还参与到信息的加工处理与发布之中,这种方式使网页设计具有持续的交互性,网站的设计人员在进行网页设计时更多的是要考虑到每个阶段用户的反馈信息,之后以网站的经营策略为基础对网页进行不同阶段的改进与调整。从而使网页的内容更加能够满足用户的需求,保持浏览者对网页的新鲜感,当前许多网站都是依靠这种方式通过不断改进网页的排版等方法,不断创新出新的作品,从而提高网页的关注度与知名度。
2.3 技术与艺术的结合体
设计是主观和客观因素共同作用的结果,关于艺术创意主要表现为主观因素,而网络技术主要表现为客观因素,对于一件事来说应该将主观与客观因素相结合才能做到全面的考虑,一名优秀的网页设计者要做到艺术与技术的紧密结合,从而满足用户对网页信息的高质量要求。网络技术与艺术创意相互结合之后可以使平面的设计更加立体,关于网页的效果也不只是局限于报纸、书刊等形式,更多的是趋向于电影、电视的观赏效果,从而为浏览者设置了一个虚拟的世界,使其在这个虚拟的世界中既获取了自己所需要的信息,思想与心理上又得到了满足。
3 视觉传达在网页设计中动态艺术效果的实现
3.1 明确主题
网页设计要解决的是主题明确问题,明确网站建立的目的,了解用户的需求以及他们的基本情况,网站的建设者根据所收集到的信息确立一个明确的网站主题。根据主题进行网页内容的选择,内容的传达做到目的明确,针对性强,只有如此在进行网页设计时才能够提高视觉传达的的成功率。另外,在实现网页主题方面要做到全面性,即网站所涉及的内容都应该向主题方向靠拢,所有的设计过程也都应该以所选主题为方向。
3.2 合理运用多媒体技术
多媒体技术使人机交互的的方式更加自然,此外,多媒体技术还使人机交互的技术更加偏向于人的方向发展,使信息更加多样化和多维化,在交互的过程中具有更加广阔的空间。另外,对于多媒体技术而言信息的多维化目前还包括了视觉和听觉两个部分,同时也使计算机向着更加拟人化的方向发展。运用多媒体技术的主要原因就是可以设计出更加能够吸引观众眼球的网页,在用户打开网页时可以被眼前丰富的表现形式所吸引,进而有兴趣进行更加深入的了解。
3.3 使信息之间的关系更加优化
网页设计的目的就是进行信息的传递,在进行信息设计时需要对原始的信息进行加工,满足用户的需求,信息加工的第一步就是进行多层次的信息分类。另外,针对信息量大这个特点来说还可以将同一组信息根据使用者的经验与个人爱好进行多种组织方式,这样不同的使用者可以根据自身的爱好习惯找到适合自己的信息传递方式。
4 结语
轨道交通沿线动态广告的制作方法 篇11
本文把动画技术的原理，结合先进的数字印刷技术，引入到新型交通网络的车体外广告应用领域，创造出基于数字印刷技术的动态图像广告，将为广告市场和交通客运企业带来可观的经济效益，开创出车体外动态广告的新经济增长领域。
市场潜力
根据有关规划，在“十二五”期间，我国城市轨道交通仍将继续保持快速发展态势，建设规模将达到2580公里左右，总投资12350亿元。预计至2020年，我国内地将有40个城市拥有轨道交通，总里程7000公里左右。地铁等城市轨道交通线高速快捷、客流量高，广告市场价值巨大，按照2012年5月的市场数据，仅武汉轨道交通2号线一期工程，平面广告媒体代理经营项目10年经营权，就拍出了7.05亿元，可以测算出整个城市轨道交通线广告市场巨大。如果研究出适合地铁隧道等的新型广告技术，并实施产品化，将带来可观的经济效益，开创出车体外动态广告的新经济增长领域。
制作原理
本文采用的技术，原理如同电影院里播放电影一样，一格一格的胶片是不动的，但是每一格的图像是不同的，放映机以合适的帧频播放（大约每秒12帧图片），观众眼前就产生了清晰稳定的动态电影效果。利用这一动画技术的原理，采用数字印刷技术，根据移动交通工具的移动速度，结合图片的尺寸和图案内容变化，沿地铁隧道线制作一幅幅经过处理的图片，利用人们眼睛的视觉残留作用，把交通工具转化成播放器，从而使乘客眼前的图像广告产生运动的效果，并且清晰稳定。
制作步骤
要完成上述的工作，需要采取以下步骤。
1.广告设计
根据客户的需要，设计出将来需要呈现的动态图像广告内容。在设计过程中，可以先录像或者拍摄好广告内容，然后利用软件进行分解，使之成为一张张独立的图片。也可以直接绘制出一系列内容有机连续结合的图片。在广告内容的选择中，要注意结合本技术的特点，内容精确简短，要点突出，广告内容不宜过长。
2.图片分解
实际测算轻轨地铁的运行速度，并寻找其速度稳定的运行区域，为动态画面提供数据支持，然后利用软件进行分解。
例如，使用kmplayer软件打开广告影片，找到起始位置，按Ctrl+G键连续捕捉画面，还可以设定帧数，开始捕捉后点击播放就行了，保存图片时建议选用bmp格式。或者在kmplayer播放器中，点击右键，选择将视频转化为图片，再设置将1秒转化为12帧或24帧，这样，图片分解工作就完成了。图2就是把广告人物的动态行走过程分解成的8张图片。
3.数字印刷
根据广告幅面为分解成的图片设置正确的分辨率，采用数字印刷的方式印制，然后把这些图像按先后顺序及正确的间隔距离悬挂在灯箱或光柱显示器外面，通过印刷品背后的灯光照射，使图片在黑暗的地铁隧道中能够被看到。
这样的广告制作形式新颖，具有相当长的宣传时间、影响大、受众面广、宣传效果好。本技术由于是针对地铁隧道内，不用考虑防风雨等因素，只着重从使用方便、节能环保方面考虑，具有操作容易、安全有效的优点；使地铁广告在利用性、经济性、观赏性和实用性上有显著提高。
另一种可以借鉴的方法是，首先根据需要拍摄广告内容，把拍摄的广告内容通过相关的软件分解成固定帧频的连贯性图像，并将这些图像拼接成连续画面；接着，通过控制中心的计算机，将画面显示于LED显示屏，不再采用数字印刷的方式，而是将LED显示屏作为图像最终的显示终端。以上两种方法各有优劣，都需要在实践中改进。但是无论采用哪一种方法，都是对现有地铁隧道广告技术的重要改进。
本文提出的方法能够满足轻轨、地铁等新型交通工具的车体外广告领域的新需求，对其他移动交通工具也有引导和辐射作用，能够使乘客在乘坐高速移动的轻轨、地铁等交通工具时，仍然能看清楚车体外的广告，并且呈清晰稳定的动态画面。这一技术的推出，将为广告市场和交通客运企业创造巨大的社会和经济效益。
动态网页制作技术 篇12
关键词：多媒体,ASP,动态网络课件,系统流程
在教育领域中, 多媒体技术和网络信息技术能将语音、文本、图形、图像及视频等多种媒体综合在一起, 直接对人的多种感官同时进行刺激, 并且还能按超文本、超链接方式组织和管理学科知识等相关的各种教学信息, 不仅提供了一种自主学习和与教师交流的新方式, 有利于学生的主动发现、积极探索, 还有利于发展联想思维和建立新旧知识及各类知识之间的网状联系。对于学校而言, 多媒体网络课件可以集中优秀师资力量, 大范围地对学生进行教学, 提高教学效率。多媒体技术与应用这门课程作为我校的全校性的一门公共选修课, 所涉及的学生和教师都比较多。它是一门计算机实用技能应用课程, 主要介绍多媒体技术基础、图形图像处理相关知识和图像处理软件Photoshop的应用、音频处理相关知识和音频处理软件Audition的应用、视频处理相关知识和视频编辑软件Premiere的应用、动画制作的相关知识和动画制作软件Flash的应用以及多媒体作品的综合设计等。学生通过本课程的学习, 可以做到能够录制和编辑声音, 进行图像处理和视频编辑、制作动画、设计制作精美的电子相册和图文声像并茂的多媒体作品。本文就以这门课程为例开发一个多媒体动态网络课件, 可以为师生提供一个方便的授课环境和学习环境, 并且还能动态的提供丰富的教学资源和学习资源。
1 使用Flash制作多媒体技术与应用课程多媒体动态网络课件
1.1 课件模块分析设计
多媒体教学课件的主要功能就是能为教师授课提供优良的教学环境和丰富的教学资源, 因此一个成功的多媒体教学课件需要提供哪些资源是关键, 经过与我院多位专家教师对教学系统的研究和讨论, 确定了本课件主要包括以下几个模块内容:课堂学习、课后自测、疑难解答、资源下载、资源管理、教学资源、留言板等模块, 其结构如图1所示。其中在注册和登录模块如图2所示, 用户只需通过“登录”“注册”按钮交互进入相应界面进行用户名和密码的注册。完成注册后可直接登录系统进入本课件的各个模块进行学习交流。
1.2 课件关键技术设计
1.2.1 课件系统流程设计
课件系统流程设计是决定系统开发成功与否的关键, 对整个多媒体技术及应用课程的多媒体动态网络课件, 其开发流程遵循软件的开发模型, 采用了由教育技术专家提出的流程框架, 并对其框架进行了改进, 整体流程图如图3所示。从图3可以发现, 多媒体课件的开发包括6个步骤。需要指出:多媒体课件的开发的这些环节并不是一成不变的, 而是一个动态循环的过程。开发者在经过了需求分析、教学设计、系统设计、制作编程和动态调试等环节之后, 需要对开发出来的多媒体课件进行形成性测试, 并根据评价的结果进行修改。经过多次循环之后, 才能符合教学的要求。此外, 在课件使用过程中, 当教学需求或外部环境发生变化时, 还需要重新进行修改, 以适应新的变化。
1.2.2 数据库开发设计
本文中的数据库采用Access 2010作为后台数据库。通过ASP实现了Flash与Access数据库的连接。从而实现了教学和学习资源的动态更新, 具体交互过程如图4所示。
1.2.3 课件系统界面设计
课件系统界面是浏览者与系统的第一次接触, 界面设计是否合理直接影响到系统的成功与否。主界面和子界面形成友好交互链接。界面整洁大方、设计精美, 用户浏览后一目了然, 操作方便。包括菜单、窗口、图标、按钮以及文本框等设计。其中还包括了背景音乐的控制, 在学习过程中学习者能够对背景音乐进行灵活的控制。主要是利用AS (Action Script) 语言实现的音乐播放器调用外部音频文件, 从而实现了对背景音乐的控制[1]。具体设计效果图如图5所示。
1.3 课件系统基本功能的设计
1.3.1 外部文件加载功能
在本课件开发中, 采用了大量的外部文件加载的方法, 主要是外部文本、图形、音频和视频的加载。开发过程主要应用Flash自带函数来实现此功能, 用到的函数有:load Movie (调用外部图形、视频文件) , Load Variables (调用外部文本文件) , my Sound.load Sound (调用外部声音文件) 。
1.3.2 数据库文本调用功能设计
这个功能主要是用来调用数据库信息显示于页面之上。所有的记录, 放在对应数据库, 然后通过SQL语句读取某个数据库表中的一些或者全部记录, 本系统作为学习系统, 只需要用小型数据库即可满足信息的存储, 数据的查询调用完全应用SQL语句实现。
1.3.3 Flash动态链接数据库功能设计
Flash不能直接查询数据库, 但它能够访问ASP网页, 而ASP网页能够查询数据。为了实现Flash与数据库的连接, 需要把Flash和ASP联系起来具体做法就是先在Asp脚本中定义变量指定数据库, 再建立ASP文件, 连接Flash和数据库;后借助于ASP并通过SQL语句执行对数据源的操作和关闭数据源, 也就是通过ASP实现了Flash与Access数据库的连接, 实现了“打开数据源—执行数据源—关闭数据源”, 从而实现了与后台数据库的交互。
2 举例说明
由于本课件系统所涉及模块较多, 下面就以一个子模块“疑难解答”为例讲解具体制作过程和体现多媒体动态网络课件的教学及学习时效性。
(1) 启动程序Flash新建一个文档, 先后点击“窗口”“其他面板”“场景”, 将场景名命名为“疑难解答”。影片尺寸为550 px×400 px, 帧频12 帧/秒。场景背景用“颜料桶”工具进行“黑白”混色线性渐变填充。设计如图6所示的界面。
(2) 程序设计思路如图7所示。
(3) 在该模块中, 用户可以根据导航菜单所提供的项目, 选择进入相应的信息模块中, 主要有“学习指导”“参考文献”“Flash详解手册”“Premiere详解手册”“作品欣赏”以及“发送邮件”等信息模块。如图6所示, 这些模块下都分别设有子信息模块, 主要功能是能从外部动态加载文本文档, 为用户提供详细的信息, 帮助用户解决疑难问题。如“Flash详解手册”和“Premiere详解手册”。在该模块中用到的主要脚本函数是Load Variables () , 在主场景中为动态文本框定义一个变量text2, 为外部文本文档定义变量为text, 通过脚本编程序load Variables (“../.. .txt”, text2) 实现文本的动态加载和更新, “作品欣赏”模块也是运用load Variables (“../.. .swf”, text2) 函数, 不同的是将外部文件的扩展名按照需求改为swf格式。其中“发送邮件”功能的实现主要运用了get URL () 函数, 通过按钮事件触发。例如链接163邮箱的按钮脚本程序如下:on (release) { get URL (“http://www.163.com”, ”_blank”) , 而在get URL () 函数中, 参数“_blank”的作用是让函数所链接的网页在新的窗口中打开。这样在该课件运行时, 教师就可以通过学生通过“发送邮件”信息模块反馈的邮件知道学生掌握知识的程度。根据实际情况适时更新后台数据内容, 那么前台客户端信息就会自动更新老师所给的内容, 而不必再重新开发新的课件, 从而大大提高了教学和学习的实效性。
3 Flash制作的多媒体动态网络课件特点及优势
多媒体动态网络课件是指在Internet网络中, 一切学习资源都通过后台数据库动态调用资源文件夹里的素材, 实现动态更新交互功能, 用户可以实时下载播放、与教师交互学习的多媒体课件。其特点是课件信息载体多样;课件素材动态更新升级方便;学习者学习过程中可不受时间和地域的限制, 可以实现很高的学习效率。优势是可以实现教学资源动态交互, 动态更新效果;如有新的教学内容或者软件更新, 教师都不必重新设计课件, 只要打开后台管理系统就可以实现教学资源的实时更新。学生通过发送邮件的形式与教师实现及时的交互沟通, 以便教师能够随时掌握学生对课程学习的情况。优势是用Flash制作的课件与用其他软件制作的课件比较其制作的课件较小, 传输速度快, 能够让学生和教师通过远程都可以使用课件来实现教与学的过程。Flash可以在Action面板中编辑Flash支持的Action语言达到产生交互性的效果, 便于课程的学习和教学;Flash支持多种类型媒体的整合, 可以调用外部文本、导入和设计动画、导入并处理音频和视频等素材资源[2]。
4 Flash制作的多媒体动态网络课件在教学中的帮助作用
Flash多媒体动态网络课件在教学的运用, 标志着现代教学媒体的飞跃。它能使我们教学手段更加丰富, 能够促进教学效果的提高。好的Flash多媒体动态网络课件有崭新的视觉效果。比传统的动画制作更加轻松与灵巧。它已经成为一种新时代的艺术表现形式。可以更好地满足学生和老师的需要。它可以让学生的学习过程成为动画的一部分。如本课件中, 教师和学生可以通过点击、选择等动作, 决定多媒体技术与应用课程课件的运行过程和结果。随着信息技术进步, Flash多媒体动态网络课件已经成为学校教学中不可或缺的重要手段。教学课件以其丰富的表现力、良好的交互性、极大的共享性和教学内容的实时更新等优势在多媒体技术与应用课程教学中发挥着十分重要帮助的作用。
5 结束语
使用Flash多媒体开发软件, Access 2010数据库系统和ASP技术, 可以制作出令人赏心悦目的用户界面和有效的用户交互, 完成对各个模块的浏览及下载。Flash的多媒体网络课件的开发及应用, 可以供师生异地使用也可以进行重复自学等。另外, 开发成本低, 比传统多媒体课件更富有生动性, 学员更易接受;教育资源 (资料) 能迅速传播。因此, 在网络对全社会的影响日益扩大的背景下, 多媒动态体网络课件教学必将成为教学的重要形式之一。
参考文献
[1]田喜平, 路志平.基于FLASH的网络多媒体课件制作研究[J].福建电脑, 2010 (2) :152-153.