动态网页的设计（精选11篇）

动态网页的设计 第1篇

在网络技术高速发展的今天, 静态网页已经不能满足网民对于网络内容的需求, 网页设计面临新的挑战, 交互性强与开放性高的动态网页受到了网民们的追捧。动态网页主要是指用户可以将HTTP请求发送到可以接受这个请求的应用程序, 并且这个应用程序是可执行的, 取代了发送给静态的HTMT文件。目前, 动态网页设计采用的主要技术包括ASP、PHP以及JSP, 这三种各有优劣势, 会在本文中做详细阐述。

静态网页与动态网页的区别

在网站建设初期, 静态网页设计是常用的网页的形式。网页设计者将内容设计成静态网页, 用户只能顺应网页设计者设计的内容浏览网页。静态网页的内容基本不会变更, 唯一的变更方式便是网页设计者进行更新, 设计者与网页浏览者不能很好的交互, 网络信息传递只能是从服务器传递到浏览器, 用户不能反馈任何信息给网页设计者。动态网页采用动态网页设计技术, 文件扩展名不再是HTM, 还包含PHS、ASP等。实际上动态网页是构建在B/S结构上的服务器端的脚本程序, 网页显示的内容是因为服务器端程序运行。动态网页是建立在数据库基础之上的, 可以大大的节省网站维护成本, 动态网页的可以实现用户注册、登陆、查询以及管理等多种功能, 动态网页不是脱离服务器而存在的。

静态网页的和动态网页之间最主要的差别在于WEB服务器处理方法不同。静态网页呈现的静态内容是因为WEB服务器不对接收到的静态网页的请求做任何处理, 直接将其发送到客户浏览器端。如果WEB浏览器接收到的是动态网页的请求, WEB服务器会进行处理, 将找到的文件传送给应用程序服务器进行处理, 由该服务器进行的执行和解释, 将执行的结果反馈客户浏览器。动态网页渐渐取代了传统的静态网页, 受到网络用户的热爱, 因此, 动态网页设计面临更大的挑战, 不断开发新技术对动态网页进行设计。

动态网页工作原理

动态网页的中的可变化的内容是依靠数据库的存取, 同时通过ODSC调动所有的数据库资源, 或者通过SOL语言直接操作数据库。动态网页的工作原理可以简单的理解为其不包含HTNL标记, 而是自带程序代码, 网页的后缀依据程序设计的不同而变更, 例如我们看到ASP文件的后缀便是.asp。动态网页的另一个特别之处是根据时间以及访问者的不同而显示不同的网页内容, 我们常见的以动态网页形式呈现的是BBS, 留言板以及聊天室。目前, 动态网页设计比较主流的开发技术包含ASP、PHP、JSP三类, 通过这几类开发技术, 充分实现网页的动态性、交互性以及开放性等特点。

动态网页设计技术分析

1.ASP技术的优缺点

ASP的全称是Active Server Pages, 翻译成汉语的是动态服务页面, 它是由微软开发的一套服务器端脚本环境, 通过动态服务页面与HTML网页, ASP以及Active X质量相结合构建动态的、交互的Web服务器应用程序。ASP的主要优点体现在首先较容易, 便于编辑。使用简单易懂的脚本语言与HTML代码结合, 采用普通的文本编辑器便可以对网页进行设计;其次, ASP对于机器设备的要求不高, 并且运行效率高。运用ASP技术可以排除客户端的浏览器不能运行已经写好的代码这一情况, 因为所有的程序不需要在客户浏览器上执行, 而是在服务器端直接执行, 等到程序执行结束之后, 服务器只是将结果反馈给客户浏览器, 客户浏览器的负担减轻了许多, 提高了与用户的交互效率;最后, 它具有较强的扩充性, ASP采用了Active X服务器组件, 利用VB语言, Java语言以及VC等程序语言便可以编写Active X服务器组件。同时也要认识到PHP网页设计技术存在的缺陷, ASP只能在微软的服务器产品上运行, 不能实现跨越平台应用, 程序的可变更性不强, 受到其本身功能的限制, 尽管有插件支持此技术, 也只能通过的ASP以及COM的组合进行扩充, 因为ASP是一种Script语言, 一定要使用大量的COM组建才能保证工作效率的提高, 但是组建需要耗费大量的时间和资源。因为使用了较多的组建, 会构成较为严重的Windows NT系统的安全问题, 大型的动态网页发展因为安全性、稳定性不足受到阻碍。

2.PHP的优点及其弱势

PHP的英文全称是Pernoal Home Pages, 它是一种服务端脚本语言, 主要用于创建动态Web页面, 并且嵌入了HTML文件。它的主要优势是拥有的跨平台的性能, 具有较快的开发速度, 在PHP语言以及HTML语言中具备良好的兼容性, 网络用户能在Web页面中直接输入PHP命令代码, 不需要依靠任何特殊的开发环境。PHP是完全免费的, 并且在获得源码方面不会受到限制, 可以在其中加入一些自身的特色元素。PHP受到的支持也是免费的, 它具备自由软件拥有的所有特征。PHP技术具有着执行效率高、速度快、耗费较少的系统资源。对数据库的支持较为广泛, 支持ODBC借口的数据库PHP基本都可以顺利操作。PHP的优势很多, 但是存在一定的缺点, 主要表现在没有多层次的支持结构, 难满足大型应用的需求, 因为PHP的数据库较为广泛, 所以一旦更换数据库时, 一定要更改源代码才能运行, 因此此技术基本不会运用的到电子商务中。PHP企业层级的支持较少, 扩充性能不强, 很难运用到大型的网站以及企业层级的网站中。因为PHP是没有编译性的开发工作的, 所以很难实现商品化开发应用, 技术得不到长足的发展, 这一弱势所有的自由软件都存在。

3.JSP的技术优势与弱势

JSP的英文全称是Java Servlet Pages, 它是由Sun公司以Java Servlet为基础推出全套的Java体系的Web页面的开发技术。JSP技术很好的解决了ASP和PHP存在的一个弱势, 利用脚本层级执行, JSP是每个文件先被编译成Servlet再由其引擎运行, 它是基于Java环境开发的具备多层次的结构的动态网页设计, 是一种更加方便快捷的动态网页设计技术。JSP技术显示的内容以及生成进行分离, 更加有益于下作开发。在JSP页面中, 网页内容是通过的嵌入页面的脚本代码生成具体的内容, 页面文件主要负责其内容的具体实现。WEB管理人员和页面的设计者在不影响内容生成的前提下编辑和运用JSP页面。JSP技术还采用了可以重用的组建提高页面开发的效率。大部分的JSP页面的都依赖于可重用性, 以及跨平台的组件去执行一些更加复杂的要求, 设计人员可以共同分享和相互交互执行普通操作的组件, 使得组件被更多的用户使用, 优化动态网页的开发技术。与ASP以及PHP比较, JSP的优点较为突出, 因为它是一个可以分为三层的网络项目, 包含核心层, 业务层以及表示层, 它的技术体系符合分布式应用体系。它能够支持高难度复杂的应用, 比较容易与其他应用体系进行整合, 实现分布式应用。

结语

基于ASP的气象网站动态网页设计 第2篇

关键词：ASP；气象网站；数据库

1 引言

网络经济发展突飞猛进，电子商务一日千里，网页制作是网络时代学习信息技术需要掌握的基本技能之一。早期的网页主要是静态的，后来由于有了CGI、NSAPI、ISAPI、WSAPI、IDC、ASP、JSP、DHTML、PHP、ASP.NET等技术的发展，使得WEB页面可以方便地传播动态信息。对于网络普及的现状，气象网络系统也更加关注这方面的发展和应用。气象数据的存储，刚开始是直接的文件存储，到现今是关系型的数据库存储，数据的存储量在不断地增加，对于这些数据的使用也越来越繁琐。现就自己在使用ASP开发气象动态网页，在网页中实现实时显示、查询数据库数据等功能过程中遇到的一些问题谈谈自己的看法。

2 ASP简介

ASP是Active Server Page的缩写，意为“动态服务器页面”。利用ASP可以向网页中添加交互式内容（如在线表单），也可以创建使用HTML网页作为用户界面的Web应用程序。ASP文件就是在普通的HTML文件中嵌入VbScript或JavaScript脚本语言，当用户用浏览器查看ASP网页时，客户请求一个ASP文件，服务器就把该文件解释成标准的HTML文件发过去。

3 开发工具的选择

选择合适的工具对开发可以起到事半功倍的效果。基于类工具的优缺点，开发者可以综合考虑，选择适宜的工具。一般地，对于初学者来说，记事本是个不错的选择。它对界面没有太高的要求，并且在输入过程中对每行代码有一定的感性认识，对程序的层次结构有一个总的了解。对于有一定基础的开发者，可以根据个人需求来选择适合自己的工具，只要能发挥这些开发工具的特色，就都可以编写出好的网页来。

4 数据库

4.1数据库的选择

数据的存取方式一直是应用程序开发模式的一个重要论点，在以往的环境中，选择最有效率的数据库服务器一直是最重要的考虑。小型网站的开发可以选择Access、Foxpro这样的小型关系数据库，而Sybase、Oracle、Informix、Sql Server适合进行大型数据库的开发。

4.2数据库结构的确立

数据库结构的确立，对于ASP动态网页设计是非常重要的一部分。动态网页的主要任务如查询、添加、删除、修改、分页等都集中在对数据库的操作上，特别是进行大型系统开发时，数据库结构直接影响其设计技术路线和使用效率。现在的数据库绝大多数是关系型的数据库，确定各个数据的关系亦至关重要。气象数据包含很多内容，有风速、风向、雨量、气温、湿度、气压、地温、能见度等等很多要素。在开发气象数据动态网页显示时，首先要了解数据库的结构，对数据进行仔细分析，从中剔除数据冗余，使各个数据之间的关系合理。如果数据库的结构不合理，入库和查询时会出现问题，并给开发带来很多麻烦。

4.3数据库的连接

要对数据库进行操作，首先要连接数据库，这就要用到Connection对象，具体连接方法有两种。

(1) 利用数据源的连接方法

此方法需要通过“ODBC数据源管理器”设置数据源。

(2) 不用数据源的连接方法

使用数据源的连接方式尽管简单，但是需要在服务器端设置数据源。如果希望把程序从一个服务器移植到另一个服务器上，还需要在另一台服务器上设置数据源，比较麻烦。这时可以直接通过程序代码书写连接语句，利用OLE DB的方法直接连接数据库。

Server对象的Mappath方法可以将虚拟路径转化为物理路径，使用此方法以后，如果将程序从一个服务器移植到另一个服务器，既不需要设置数据源，也不需要修改数据库文件的物理路径，非常方便。

5 开发的基本流程

5.1 HTML静态页面设计

动态页面是将程序镶嵌在HTML静态页面中，所以必须在添加程序之前完成静态页面的设计，这样在编写和调试程序时才可以使开发过程更顺利。

5.2 编写Web应用程序

根据Web应用程序的需求，构建应用程序中的数据结构，这是在整个程序编写过成中非常重要的环节，只有数据结构合理才能使程序的编写省时省力。

5.3 调试应用程序

在编好的程序中总会出现这样或那样的错误，这就需要用户运行Web应用程序，从浏览器中找出其中的错误，然后再对应用程序进行修改，最终改正错误。普通的HTML页面不用服务器就可以显示，而动态的页面必须有服务器的编译才能显示。

5.4 开发实例

目前，大连气象网站的编写采用Dream

weaver与Editplus相结合的方式进行开发，使用Dreamweaver来进行界面设计，然后用Editplus来完成动态网页的脚本开发；使用Sql Server数据库作为网站的数据支持；利用数据源的连接方法连接数据库。大连气象自动站小时数据查询动态页面中主要利用了JavaScript编写其中的查询控件，该内容里的JavaScript查询代码过长，这里就不列出了。

6 结语

随着互联网络的普及和应用的深入，通过ASP等这样的互联网技术，气象系统把各种气象数据提供在网上，预报人员等可以随意在网络上参考、查询自己需求的内容。但是先进的网页开发技术还有PHP、JSP、ASP.NET等等，所以气象网站需要改进和完善的地方还有很多，希望以后能把网站编写得越来越人性化，能更加方便本系统的人员和广大用户的使用。

参考文献

[1]林小芳.ASP动态网页设计教程[M].清华大学出版社/北京交通大学出版社,2006.

[2]齐建玲.网页设计与制作[M].清华大学出版社/北京交通大学出版社,2006.

作者简介：夏葳（1984-），女，本科学历，助理工程师，从事网络维护与开发。

网页动态目录树的设计与实现 第3篇

动态目录树是指在程序运行时从目录数据库中取出目录项目并根据各级目录之间的层次关系而动态生成的目录树结构。为此,采用了递归调用的程序设计思想,针对每项目录都先判断其是否有子目录,如有则递归调用生成目录的函数生成子目录,通过这种层层递归调用实现了整个目录树的动态生成。

2 文件结构

(1)ASP文件:整个动态目录树是通过一个ASP文件(tree.asp)来动态生成的,在该文件中需要下面的数据库文件和图像文件的支持。

(2)数据库文件:数据库文件(tree.mdb)主要用来存放目录名称及各目录之间的层次关系,该文件只含有一个表(tree),包括id,directory和parentdir 3个字段,其类型和功能如下:

(3)图像文件:生成动态目录树所需的图像文件统一存放在文件夹images中,主要用来提供关闭的文件夹图标、打开的文件夹图标、目录项之间的连接线等图形。

3 ASP程序

tree.asp程序用来完成整个目录树的动态生成,它包含了1个过程(createdir)和3个函数(opendb,hassubdir,changetree)。其中,createdir是一个递归调用的过程,通过逐层递归调用来动态生成整个动态目录树;opendb用来建立与数据库的连接;hasssubdir用来判断当前目录项是否含有子目录;changetree用以实现当鼠标单击时目录树的展开或关闭。tree.asp程序的源代码如下:

4 程序实现

将文件tree.asp,tree.mdb和文件夹images存放到同一个文件夹(如文件夹tree)中,并在IIS5.0中为该文件夹创建一个虚拟目录,然后再在该虚拟目录下浏览运行tree.asp文件即可生成一个动态目录树。如图1所示。单击图1中的文件夹图标或其前面的加、减号图标,即可实现对目录树的打开或关闭。

参考文献

[1]吴伟信,冯义东.基于AJAX的Web课件动态目录树的设计与实现.海南师范大学学报(自然科学版),2010,(09).

[2]刘亚姝,李金莱.ASP网络编程技术与实践[M].北京:清华大学出版社,2008.

动态网页设计实训任务书(宋海民) 第4篇

课程名称：动态网页设计

专业方向：计算机信息管理

指导老师：XXX

设计时间：1周学生人数：40人

一、实训的目的1.进一步巩固和加深《动态网页设计》课程的基本知识，了解动态网页设计知识在实际中的应用。

2.综合运用《动态网页设计》课程和先修课程的理论及生产实际知识去分析和解决问题，进行的相关训练。

3.了解和掌握通用数据库的连接、数据的相关操作或网站的设计过程和进行方式，培养正确的设计思想和分析问题、解决问题的能力，特别是网站功能规划的能力和实现相关功能的能力。

4.培养动态网页设计的基本技能。

二、实训的内容

1.实训题目

选择与动态网页设计课程的主要教学内容相结合的设计课题。实训的课题是“网络导航条”，其具体内容如下：

①.匿名用户可以随意添加、删除、修改；

②.利用数据库查询数据；

③.编写相关代码主界面、附界面、利用数据库系统；

2.备选题目

①.网络留言版；

②.网络聊天室；

③.BBS论坛；

④.新闻发布系统；

⑤.在线购物系统；

⑥.图书馆管理系统。

三、实训的环境

1.前台开发工具：Dreamweaver CS4Flash CS4、Photoshop CS4。

①.利用Dreamweaver制作网站主页及其各链接层次的页面。

②.利用Flash制作网页所需用的动画。

③.运用Photoshop进行图像编辑处理。

2.后台开发工具：ASP、SQL Server

①.ASP动态服务器网页：建立网络数据库的链接，控制操作的流程。②.SQL Server：建立网络数据库和编辑查询网络数据库的语句。

四、实训的步骤

1.确定网站的主题、内容及功能；

2.网站的整体设计；

①.网站版式设计；

②.网站的目录结构和导航栏的设计；

③.数据库的设计；

④.功能设计。

3.网页的详细设计；

①.功能设计；

②.界面设计；

③.数据库设计；

④.处理过程设计。

4.网站的测试与发布；

5.网站的更新与维护。

五、实训的验收

学生必须将设计的所有资料送交指导老师验收。具体验收内容如下：

1.该题目的所有程序。

2.实训报告及设计说明书。

动态网页的设计 第5篇

［关键词］动态　网页设计　JavaScript　Java

［中图分类号］　TP393.092.2　　［文献标识码］　Ａ　　［文章编号］　2095-3437（2012）08-0063-02

上网冲浪，在当前信息时代快速发展的今天，是个既时髦又时尚的事。但是，我们会发现，各种“虫”开始随之在网上“安营扎寨”了。网络软件开发商，在网民登录Internet的狂潮下，被激发出较高涨的开发热情。Web站点开发者，也在努力探寻付出少但是能吸引客户的工具。原因在于物理上存储着HTML文件集和文件的网络服务器的支配权存在限制。Javascript在网页上能够随意浮动，掌控Web、改变Web的容貌，使得HTML得以生存，并因此而出现生机。本文主要探讨Javascript语言和Java语言，在动态页面制作过程中的整合，既照顾到查询的效率，同时也方便客户的使用。

一、 Javascript与Java两种语言的特点

Java语言是网络上多个计算机的执行程序，是一项较为简单、易操作的技术。Java语言是一项网络编程的所必需的，具有较强的移植能力，可以实现多线程处理和能够轻松联网的编程工具。Java语言可以实现Internet从通讯工具向具有可操性的应用程序的网络转型。Java程序包括三种类型，一种为小型的Java程序，小服务Java程序和应用Java程序。其中的小服务Java程序属于在Web服务器中运行的特殊程序，对服务器新的链接做出回应，通过链接来调用小服务程序的service（）。

Javascript是LiveScript的前身，与Java语言程序设计概念的结合，形成的另一种网络编程语言。Javascript能够嵌入HTML文档中，在文档中直接通过编码来实现脚本设计语言。适用于客户Web应用程序和组件的开发。在Web浏览器中，能够实现对Web页面文中的执行程序的编写。主要是对在服务器中Web浏览器所提供的信息进行处理加工，并对浏览器进行更新的程序，被多种浏览器支持，是WWW上较为常用的编程语言。在适用范围上，可以开发交互式Web页面，并集成Java小程序与ActiveX控件和浏览器插入件、服务器脚本等对象，形成分布式应用程序。

两种语言各具特色，Java语言能完成Web嵌入页的可执行任务，显示出强大的编程功能，但是只能在有限的浏览器窗口中操作完成。Javascript语言可以在HTML文档中进行，对Web页面的时间脚本做出响应，实现客户对浏览器全方位的访问。

二、Javascript与Java两种语言的差异

①Java面向对象的程序设计语言，适合于Internet应用程序开发；②而JavaScript是一种可以嵌入Web页面中的基于对象和事件驱动的解释性语言。③JavaScript是基于对象的，而Java是面向对象的语言。程序再简单也必须设计对象。④JavaScript是种脚本语言，软件的制作可以脱离网络，实现与用户交互。是基于对象和事件驱动的编程语言。⑤Java的源代码须经过编译后，传递到客户端执行，要求客户端配备相应的解释器。JavaScript属于解释性编程语言，以文本格式代码发往客户端前，不无需编译，浏览器就能执行。⑥Java代码是存在与独立的文档中的以字节，用 ... 来标识。JavaScript代码是可动态装载、方便快捷，嵌入HTML文档中的文本字符，用 来标识。

三、实现Java执行JavaScript 的整合

使用Java?Servlet编程，让 HTML 页面内Java 类和 JavaScript脚本进行整合，将所有使用JavaScript调用Java函数的HTML页面，都传送到这个Servlet中处理，JavaScript结构来替换所有的Java调用。如，

public static void main（String[] args) {

ScriptEngineManager sem = new ScriptEngineManager（）；

//添加上下文绑定数据

SimpleBindings bindings = new SimpleBindings（　）；

bindings.put（"aaa_av", new Double（10000.1））；

bindings.put（"bbb_av", new Double（20000.2））；

ScriptEngine engine = sem.getEngineByExtension（"js"）；

engine.setBindings（bindings, ScriptContext.ENGINE_SCOPE）；

try{

//直接解析

Object res = engine.eval（" res = Math.max（aaa_av , bbb_av） + aaa_av"）；

System.out.println（res）；

//创建脚本

String script = "function getMax（） "

+ "{ return Math.max（aaa_av , bbb_av）}"；

//执行脚本

engine.eval（script）；

Invocable inv = （Invocable） engine；

//执行方法并传递参数

Object obj = inv.invokeFunction（"getMax", null）；

//打印结果

System.out.println（obj）；

}catch（Exception ex）{

ex.printStackTrace（）；

}

JavaScript和Java是同VBScript与ActiveX，在目前应用最广泛的网络编程技术。由于两者各具特色，Java可以将网页增强动感，JavaScript编写简单快速，在文档中修改也很简单知识功能少些，因此将两者在运用中加以整合，能够使动态网页的设计效果更理想。

［　参　考　文　献　］

［1］　魏芳莲.用JavaScript编写表单验证程序［N］.电脑报，2001.

［2］　潘贤林.用 JavaScript 批量浏览图片［N］.电脑报，2001.

［3］　曹加银.嵌入式JavaScript对象实现技术研究［D］.华中科技大学，2004.

［4］　李英各.嵌入式浏览器中JavaScript的设计与实现［D］.电子科技大学，2005.

［5］　张云苑.JavaScript在动态网页设计中的应用［J］.科技信息，2007，（5）.

《动态网页设计》课程教学探讨 第6篇

我院计算机网络技术专业构建了培养学生企业网络组建与管理、企业网站开发与维护两大核心能力为主线的课程体系。因此，动态网页设计作为企业网站开发与维护核心能力的主干课程，是计算机网络技术专业的一门专业核心课程，其目标使学生本课程在学生静态网页设计、C#的编程基础和数据库技术的基础上，掌握使用ASP.NET开发动态网站，以满足新形势下各类企事业单位对动态网站开发设计、管理与维护相关岗位对人才的需求。

要培养出符合企业需求的人才，必须以企业需求为导向，从调动学生的学习主动性出发, 以科学的态度和创新意识为指导, 设计并精选授课内容, 探索教学模式，提高教学效率。高等职业教育要培养现代企业发展需要的高技能型人才, 高质量的教法是保证教学秩序和效果的前提。因此，课程的教学模式如何组织，具体如何实施、如何考评至关重要，这是本项目研究的重点。

二、目前教学现状及存在的主要问题：

课堂教学过程实际上是一个教学信息的传输与交换的过程，目前《动态网页设计》课程存在的问题在于：学生的学习仅限于教师所讲授知识点的应用，自学能力、团队协作能力较差，想象力不强，动手能力不强, 很难自主开发出合格的动态网站，难以满足企业需求。

目前在校的高职学生, 普遍基础较差, 学习能力欠缺, 对理论的东西理解差, 动手能力则比较强, 因此如何因材施教也变成一个十分重要的问题, 只有一个学生的积极性提高了, 才能更好的学习。

针对面对目前存在的问题，创新教学模式，改善教学效果，以学生为主体，培养学生各方面能力就势在必行。

三、课程改革理念及思路：

本次课程改革以《动态网页设计》课程为基础，对高职教学模式进行创新性探究：

1教学内容：以项目为核心对学生教学

首先对课程进行分类整合知识点，然后围绕完成一个实际项目（校园音乐吧网站或其他）的需要来选择课程内容，变知识学科本位为职业能力本位，打破传统的以“了解”、“掌握”为特征设定的学科型课程目标，从“任务与职业能力”分析出发，设定职业能力培养目标；以实际的网站项目为载体，培养学生的实践动手能力。其中项目的精选要能集中反映同类问题的共同本质和特点, 以便学生在以后的学习中遇到同样或类似事件时, 具有一定的借鉴意义, 达到举一反三或事半功倍的效果。要以培养学习者的应用能力为目标，注重对专业技能的培养。

2项目分解教学

为了充分体现项目导向课程思想，将本课程的大的项目校园音乐吧网站 (可以是其他项目) 教学分解设计成若干小的项目，如表1所示，以项目为单位组织教学，针对社会对动态网站开发这个具体岗位需求, 通过该网站案例教学，让学生加深对专业知识的理解和应用，并通过实际的操作，使学生掌握该类的岗位基本技能，并培养学生的综合职业能力，满足学生职业生涯发展的需要。教学时各模块既有独立性，又有关联性。独立性是指各模块设计案例、组织教学、突出重点时应该相互独立，学生应该逐个模块地掌握其知识点；关联性是指各模块间存在相互补充关系，在重难点设计上应该加以配合。最后将模块融合成为一个完善的系统。

3、教学组织：项目引导的启发式、分块式教学方法

在实际授课中，遵循以“完成整个项目为主线”的原则，将整个项目分割成小的项目, 如表1所示，通过对一个一个小项目的完成最终实现完成整个项目。在课堂中采用“理实一体化”的教学模式，学生实际动手操作时间充裕, 如果课堂上不能完成。在校园音乐吧网站开发的环境中，让学生能够在“学中做、做中学、边学边做”，真正体现“项目向导、任务驱动”的教学理念，使学生能够在完成项目的实现过程中完成对书本知识、项目开发过程等相关知识的学习和操作技能的掌握。并在学习过程中激发学生学习热情。

4考核模式改革

在一门课程的学习中，考核是十分重要的一个环节，对学生在过程中进行考核十分重要。

本课程的考核方式是采用上交网站项目大作业过程考核和平时课堂完成项目测试相结合的考核模式。网站项目大作业题目可用当年浙江省多媒体比赛网站设计组的题目, 这可以为参加比赛打基础。项目大作业一般以三人为一组, 项目大作业要注重项目大作业过程考核, 期初布置题目，每组隔3周左右上交一个文件夹进行过程考核。平时课堂完成项目测试，主要测试各个学生对课程模块的掌握情况，要求学生掌握基本模块的知识与技能，每三周测试一次。本课程考核既考查学生的团结协作能力，也考查学生的个人能力，防止浑水摸鱼。

四、改革效果：

课程项目化改革使学生将知识与实践落到实处，激发了学生的学习兴趣，使学生掌握动态网站的开发设计与编写中需要的工作能力, 提高学习自主性以及团队协作能力。学习效果有了很大的提高。同时，培养了学生沟通和合作的能力，树立良好的质量意识、规范意识、安全意识、服务意识和吃苦耐劳的精神，为发展职业能力奠定良好的基础。

五、总结

本课程采用课程项目化改革教学模式，其教学方法改革也可用于网页设计与制作和小型企业网站等其他的课程中。希望能将动态网站开发课程的能力本位的项目化改造经验予以推广。在课程的改革中，教材的选择也十分重要，自编教材可能很好，但是个人知识的狭隘性也是有的，而且需要很大的精力。因此可以参考使用其他的教材，该教材内容要很你的课程改革的理念十分接近才行。希望本人的经验能与各位同仁共享与交流。

参考文献

[1]单维锋白灵.ASP.NET Web应用程序设计教程[M], 清华大学出版社2010

动态网页的设计 第7篇

目前,随着各种应用软件的开发趋于系统化,模板技术被广泛地应用于各种应用系统的开发设计中,使用模板可以方便管理网络应用程序,它事先搭建出一些常用的框架结构,系统设计人员可以根据自己的需要方便地从模板库中选择模板,而不用自己重新去搭建系统模型,节省了用户的开发时间[1]。简单的说,模板技术是一种使用相同的代码来实现不同的函数和类的技术。通过定义模板函数和模板类,使不同的函数和类共享同一段代码,从而提高开发效率。

动态网页是指网页能依据不同的情况做出动态的响应。模板技术应用在C++中的核心思想是通过将所要实现的函数或者类的功能,与这个函数或者类的数据类型分离,从而实现不同的函数和类共享同一段代码;而将模板技术应用于动态网页的设计时,主要是利用模板技术的这种将功能和数据类型分离的思想,把网页所要实现的功能和网页中的图形、文字等的布局进行分离。因为动态网页和C++的内涵是完全不同的,所以把模板技术应用于动态网页中,让网页的程序员只需专注于内核的程序、算法的开发和调试,而网页的界面则由网页美术设计人员利用自己最熟悉的可视化编辑器设计页面布局,无需担心破坏任何嵌入到页面的代码[2]。在这种意义上实现系统设计人员工作上真正的合作与分工。

在本设计应用中,以JSP 这种动态网页技术为例,并使用Struts模板标签,说明模板技术是如何将网页所要实现的功能和网页中的图形、文字等的布局进行分离的,并最终使页面按照整体各个部分的功能类型分类,总结归纳出多个不同的页面模板,组成一种小型应用系统的常用模板库。

2 基于模板库的动态网页的设计研究

2.1 模板思想

通过模板可以创建很多结构相似的东西,模板帮助避免许多重复的工作,这对创建网络应用程序是一件很方便的事情。

在大多数的网络应用程序中,经常需更换的是内容。JSP很容易做到这一点,模板是一种JSP文件,它包含参数化了的内容。因为JSP默认提供一个include机制-<jsp:include>标签。一个标准页面可以通过改变include文件来改变它的内容。当需要改变的不仅是页面的内容,还包括此页面的布局时,用Java提供的布局管理机制可以帮人们更形象地理解这些问题。

当容器中的组件改变时,布局管理器会决定怎么样将新的组件部署到容器中。此外,容器本身也可以作为其他容器的组件,从而实现嵌套。在一些简单的情况下,JSP就可以作为一个网络应用程序的模板,其功能则等价于布局管理器。模板隐藏了Web页面布局的实现方法,换句话说,它隐藏了布局的法则。假如布局法则需要改变,则这些改变将会受限于模板。Web页面通过实现这个模板来改变内容。

模板集成了布局法则,当要改变布局时,需要做的仅是改变模板。这些改变会引起相关页面布局的改变,而不需要去改变这些页面本身。在门户应用程序中,这就意味着当大量页面需要采用同样布局时在时间上的节省。

2.2 基于模板库的动态网页设计

Struts是Jakarta-Apache论坛下的一个开源项目,它提供类集、标签库和一些能作为Web开发基础的接口。网络应用程序框架使用MVC(Model,View,Controller)模式,能简化网络站点的开发。Struts正是这样的一个框架。

标签库的功能是将Java代码从JSP页面中移走,这意味这不懂Java的Web设计者也可以维护一个基于JSP的Web站点。

在Struts框架中,用3个模板标签来实现模板:

Template标签库定义了处理页面布局的标签,它可以帮助用户在拥有许多相同的情况下,只需改变模板,就可以使用所有页面产生同样的效果。

插入标签InsertTag-<template:insert>:该标签可以在应用程序的JSP页面中插入动态模板,在容器/集合单元文件(collecting unit file)中使用。它定义了当前容器要使用的模板,类似于Java GUI中的container.setLayout(layout)方法。在它之后用<template:put>标签定义组件。

放入标签PutTag—<template:put>:它是<template:insert>标签的子标签,在容器/集合单元文件(collecting unit file)中使用。其定义了组成容器/集合单元的组件/内容,类似于Java GUI中的container.add(component)方法。每个PutTag标签必须有一个相关组件的名称。

获得标签GetTag—<template:get>:在作为模板的JSP文件中使用,它告诉模板由PutTag标签定义的不同组件的名称。类似于Java GUI中的layout.addLayoutComponent(componentName,component)方法。

从Struts 1.1开始,引入另一种模板机制—Tiles,现在它已经成为了模板机制的一个主要分支。Tiles机制定义与Tiles网络站点中,并且与Struts定义的模板标签兼容。事实上,Tiles是模板标签的一个扩展集。Tiles允许传递参数,从而对容器有更多的控制权。当想要使模板和容器具有动态特性时变的非常有用。此外,Tiles与Struts动作组件(Struts action components)结合的更为紧密。但是,Tiles会使代码变的更为复杂。

基于网站的系统开发中,页面的设计基本上都遵循了一个模式,即包含导航、页面、页眉、页脚和主体,如图1所示。

而在整个的页面中,导航、页眉、页脚一般不会改变,只有主体部分需要依照实际进行个性化的设置。这种一致性的布局为用户浏览网站提供了更多的方便。

在理想状态下页面的代码反应了高层抽象的组织结构。应使用一种通用模板来说明页面结构,然后仅改变需要更改的内容,而这样的结构体系就是复合视图。

在复合视图模式中,把对象看作是一种树状结构,父结点与子结点实现相同的接口,在J2EE设计模式中,视图的应用是其被称为复合视图模式的一大原因。该模式的思想继承了GOF的复合模式:把视图(页面)视为大量元素(“导航”、“页眉”、“页脚”和“主体”)的集合,每个元素是一个叶结点,而每个元素也可以是一个容器,包含更多的子元素。复合视图模型中子元素在显示时的排列构造称为“布局”。在一个视图中将子元素处理得更好的解决方案就是将视图的布局从视图中抽离出来,形成由一系列通用组件组成的模板。模板提供一组普通的组件,用于描述页面高层抽象的组织结构,可灵活修改和添加组件,动态地改变整个视图,而模板本身又具有可重用的性质[3]。

3 模板库的设计实现

模板库的设计采用上述基于模板的动态网页设计思想,主要由Struts的Tiles框架实现,系统采用Tomcat5.0作为应用服务器,以Eclipse3.2作为前端开发工具,定义了模板页面:Manager_template.jsp和Student_template.jsp来具体构架整个系统页面,其主要是根据一般应用系统的管理员和用户2种身份来设计的。模板Manager_template.jsp是管理员的页面模板,Student_template.jsp是用户的页面模板。这两个模板定义了2种布局方式,换句话说,它们定义了2种不同的布局法则。相应地,还可以定义其他的页面布局模板,Others_template.jsp。

下边列举模板页面Manager_template.jsp作为说明:Manager_template.jsp结构图(见图2)。

这里具体细节不一一列出,模板文件中定义了各个子页面的摆放位置。

下面对Struts配置文件struts-config.xml进行说明:Struts的配置文件主要是对struts框架用到的各种元素进行配置,如actionform 类,action类,插件,转发路径等。这个配置文件也可以作为struts的控制文件,在这里主要说明Tiles框架的插件TilesPlugin的配置。

Tiles配置文件tiles-defs.xml说明:这个配置文件主要是给tiles框架提供一个网页的详细组成元素,通过definition的name找到模板页,在从模板页中tiles:insert的attribute属性得到对应的名字,把对应的value加入模板页中,形成要显示的网页。

最终设计生成的小型系统模板库如图3所示,用户可以根据自己的网页设置安排,选择相应的模板文件和网页子元素,组成前端显示网页。

4 结 语

本文介绍基于模板库的动态网页的设计思想,并最终以JSP 这种动态网页技术为例,并结合Struts模板,说明模板技术是如何将网页所要实现的功能和网页中的图形、文字等的布局进行分离的,并最终将页面按照功能类型进行分类,设计出一种简单的小型应用系统的常用模板库。

摘要：动态网页是指网页能依据不同的情况做出动态的响应。在对基于模板的动态网页设计问题进行分析的基础上,使用JSP这种动态网页技术,并使用Struts模板标签,说明模板技术是如何将网页所要实现的功能和网页中的图形、文字等的布局进行分离的,并把模板库思想动态网页相结合,最终将页面按照整体各部分的功能类型分类,总结归纳出多个不同的页面模板,组成一种小型应用系统的常用模板库。

关键词：模板库,动态网页,JSP,Struts

参考文献

[1]李桂芳.浅谈基于模板和标签库JSP的网页自动生成的设计[J].黑龙江科技信息,2007(5):54-157.

[2]吕律,刘光昌.基于模板类的动态网页的实现[J].计算机应用与软件,2004,21(12):102-104.

[3]戎伟,张双.Struts-Java流行服务器、框架、工具及整合应用[M].北京:人民邮电出版社,2006.

[4]曾隽芳,邹益仁,叶正明.一种基于模板的系统开发方法[J].计算机工程与应用,2001,37(1):116-118.

[5]计磊,李里,周伟.J2EE-eclipse Struts Hibernate Spring整合应用案例[M].北京:人民邮电出版社,2006.

[6]瞿泽力,谢汶.JSP网页自动生成工具设计与实现[J].四川电力技术,2003(1):43-46.

[7]邵丽萍,绍光亚,张后扬.Java语言程序设计[M].北京:清华大学出版社,2005.

[8]韩世芬.基于JSP网页自动生成工具的开发[N].科技咨询,2006(17):145.

[9]Cay S.Horstmann,Gary Cornell.Java 2核心技术卷I:基础知识[M].北京:机械工业出版社,2006.

[10]Bruce Eckel.Java编程思想[M].北京:机械工业出版社,2005.

动态网页的设计 第8篇

《动态网页设计》是广东省中等职业技术学校计算机网络专业教学指导方案中规定的核心专业课程之一,该课程主要是让学生了解网站的功能、网站的建设和管理方法,掌握动态网页的制作技术。

这是一门高度综合的课程,包含了网页设计基础、数据库应用基础、平面设计、动画设计、ASP编程等学科内容的综合运用。对学生的综合素质要求较高,而中职生的学习基础差和学习动力不足是一个不争的事实,针对本门课程的教学目标、课程特点和学生特点等具体情况,中职学校普遍采用ASP+Dreamweaver自动生成服务器行为代码,再根据实际需要手动添加和修改部分代码的方法进行动态网页设计的教学。

在本门课程的教学中,学生的实践操作主要分两个阶段:一是基础型的项目实验阶段;二是综合型项目实验阶段。实际教学过程中学生的水平差距甚大,有些学生轻松完成教师任务后无所事事,而部分学生根本无法独立完成老师的基本要求,教师在课堂教学中给学生进行个别指导和纠错活动中浪费了大量的时间,一节课下来,教师疲于奔命,但课堂效率却非常低。在不同的实验阶段应如何有效地开展课堂教学活动呢?笔者在本门课程的教学实践中尝试运用合作学习,取得了一定的成效,在此谈一谈自己在实践中的一些体会,与大家一起探讨。

二、合作学习在本门课程教学中的具体实施

1、基础型的项目实验阶段的“合作学习”

在基础型项目实验阶段,本人围绕学生的“学”和教师的“教”采用不同的学习组织形式和学习评价方式,促进真正意义的合作学习。

(1)、“互助学习型”的学习组织形式

学生主要以小组学习为基本学习组织形式,实现高效、愉悦的课堂学习效果,大大提高了课堂学习效率。

美国明尼苏达大学教授约翰逊等人认为,合作就是“在教学中采取小组的方式以使学生之间能协同努力,充分地发挥自身及其同伴的学习优势。”所以,以小组活动为基本的教学形式,能较充分发挥小组成员间的协同学习的优势。

在本门课程的教学中,开学的第一节课,笔者就在班级学生中分析了在本门课程中实行合作学习的重要性,然后在班长的配合下要求学生进行分组,分组时要以互补为原则,综合考虑学习成绩、学习能力、性格气质、男女比例等因素,要让各组力量尽量均衡,努力使各小组站在同一起跑线上,为公平竞争打下良好的基础。

在实际教学过程中,由于采用ASP+Dreamweaver自动生成服务器行为代码,我们在享受高效生成代码的同时也不得不承受由于系统不稳定而导致系统会自动生成一些不必要的代码,出现一些莫名其妙的错误。所以在教学过程中,每个小组可根据实际需要设立:纠错员、记录员等。

纠错员负责帮助小组成员纠正在学习过程中出现的错误并及时把本小组成员学习过程中出现的错误(截屏)以及解决办法发送到教师机指定的文件夹中,供全班同学下载共享;记录员则负责本小组学习记录表的最后整理和反馈,把本组成员对每个知识点的掌握情况如实填写,并在每次项目结束前的几分钟按教师要求发送到教师机上指定的文件夹中所有的这些分工都纳入到本小组成员的平时成绩考核中。

这样教师只要对所收集资料稍作整理,就能全面掌握学生的学习状况,抽出更多时间进行课堂教学管理,例如对学生的学习情况进行及时的小结和补充,及时调整教学内容和改进教学方法等等。既避免了教师“孤军作战”的局面,又使得每个小组成员“人人有事做”,教师教得高兴,学生学得有动力,课堂上出现了师生互动,生生互动的可喜局面,大大提高了课堂学习效率。

以登录注册项目为例,笔者设计了以下小组学习情况记录反馈表(表1):

说明:评价等级:A:所有组员均掌握B:有1个组员没有掌握C:有2个组员没有掌握D:有3个以上组员没有掌握

(2)“以点带面”的学习评价方式

教师根据不同的教学内容,采用不同的教学方法和评价方式,进一步促进真正意义上的合作。

学生的小组学习只是合作学习的基本学习形式之一,而合作学习的实质,是以人际互动为中心的社会过程。如何促进真正意义上的合作学习才是我们在教学实践中要探索的最本质的问题。

对于基础型实验项目,主要采取项目教学法并把小组成绩纳入到学生个人学习成绩的一部分,充分发挥合作学习的优越性。

在这一阶段,教师在教学中主要采用项目驱动法,把一个完整网站,拆分成多个小项目,分多次完成任务,学生实践内容与教师教学进度一致,要求每个小组成员都必须完成相应的实训项目,既能体现每位学生的设计个性,又能保证每个学生对每个知识点的学习把握,为下一阶段的综合实验项目打下扎实的基础。

教师在对学生进行学习评价时,可利用广播教学软件帮助随机抽取小组成员的作业进行评析,对学生在网页设计中的共性问题进行纠正,对设计中的优点进行表扬,并把所抽取的组员项目完成成绩作为该小组所有成员的部分学习成绩。所以那些提前完成了学习任务的同学会竭尽所能帮助本组还没掌握的其他同学,那些在课堂上没能掌握教师所教内容的学生往往在小组同学的帮助下受益匪浅;而帮助其他组员学习的时候,他们自己的理解力也大大提高了。

此外,无论是课堂提问、课堂竞赛、课堂讨论、项目的拓展学习本人均采用以小组为单位,以小组的团体成绩作为个人的成绩的一部分。这样,每个小组成员都有一个共同的目标,每一个组员的成功都会给全组带来荣誉,充分调动学生学习的积极性,突显了“以点带面”的学习效果。

2、综合型实验项目阶段的“合作学习”

在本阶段由小组成员分工合作完成实验项目,采取小组自评、小组互评以及教师评价的综合评价方式,对共同活动的成效进行评估,实现真正意义上合作学习。

(1)“分工合作”型的学习组织形式

在综合型实验项目阶段,由教师提出项目设计要求、主要评价细则,让学生自主确定主题、风格,以小组为单位共同完成一个网站的设计制作。

在这个实验阶段,小组成员进行分工合作,从确定设计项目、项目资料收集、数据库设计制作、项目模块设计制作、项目的调试、各个流程既分工又合作。最后还必须根据小组的分工合作情况上交本小组的学习报告,在报告中除了介绍所设计项目的系统功能、主要功能模块外,还必须详细列出本小组成员的分工合作情况等。

在这个阶段,要求每个组员必须积极承担共同任务中相应的个人责任;积极的相互支持、配合,特别是面对面的促进性的互动和有效的沟通,有效地解决组内冲突,建立并维护小组成员之间的相互信任,这样才能共同顺利完成相应的实验项目。

(2)“综合评价”型的学习评价方式

项目完成后,由小组成员共同向全班同学现场演示完成的项目,由教师和其他各组成员从项目制作效果、具体实现功能甚至是小组成员间的团队合作,对项目完成的整体质量进行评价和小结,采用小组自评、小组互评以及教师评价各占一定比例的综合评价方式,对共同活动的成果进行评估。

对于每个项目必须要求其他小组给出评价和改进意见,这样既可避免评分出现较大的偏差,又可避免出现别的小组在展示作品时,其他小组成员无所事事,做真正的作品分享,实现真正意义的合作学习。(附:网站实验项目评价表,表2)

三、实践心得和建议

教学实践证明,合作学习能有效激发学生的学习兴趣,调动学生学习的积极性,有效实现课堂师生互动和生生互动,大大提高了课堂的教学效果。成功的合作学习,能激励学生发挥出自己的最高学习水平,学习困难学生的进步并不以牺牲优秀学生的发展为代价,相反,所有的学生都能在合作学习中获益匪浅。

在近两年的教学实践中,本人从教学内容、教学方法及考核方式几方面进行了积极的探索与实践,认识到要在本门课程中有效开展合作学习,必须注意以下几点:

1、合作分组要合理、恰当

小组学习是合作学习的基本学习形式之一,分组是否合理恰当,直接影响合作学习中师生互动、生生互动的效果。分组不恰当,学生的学习就没有可比性、就没有学习动力,更谈不上在班级中形成你争我赶的学习氛围。

2、合作任务选取要适当

在合作学习的准备过程中,老师要选取适当的合作任务,该合作任务最好是与实际应用密切相关,如网站的注册登录系统、网上在线调查系统、在线视频系统等,这样才能更有效地激发学生的学习兴趣。

3、合作的评价标准要落实

分组是合作学习是否成功的基础,但学习评价是合作学习是否有效的重要保证。教师对每一合作项目都应设定详细的项目评价标准,并确保每一位学生都了解本次合作小组最终要完成的任务及合作学习具体评价标准,这样才会让学生学得有动力。

4、全面监控,确保小组成员全员参与

在教学过程中,教师全面观察并利用各种先进的教学辅助手段(如广播、学生演示、屏幕监控等)全面掌控和监督学生的小组学习状况,尽力防止“不参与者”的出现。

5、教师指导要及时

在合作学习过程中,老师要密切关注各个小组的学习情况,在必要时能够及时对遇到问题的小组给予帮助(包括学业方面的问题和合作方面的问题)。

6、持之以恒,培养合作技巧、树立合作理念

在刚开始进行合作学习时,学生可能会不适应,一定要持之以恒,时时留意学生合作技巧的培养,纠正学生不利于合作的行为,逐步引导学生树立自立互助的合作理念,有利合作学习发挥最大的效能。

参考文献

[1]李万龙.网络互动教学模式的构建.研究报告[R].

[2]佚名《浅谈小学信息课中的合作学习》.《要重视合作学习》.

动态网页设计课程教学改革探索 第9篇

1 目前教学模式中存在的问题

1.1 教条式的教学内容

传统上, 教学内容的设计一般就是以教材为纲, 按部就班地按章节授课。教学中以教师为主, 教师主动的“教”, 学生被动的“学”。枯燥的教学内容和灌输式的教学手段, 使学生在课堂上提不起精神。尤其像动态网页设计这样的综合性课程, 需要很多学科的基础知识, 如HTML语言、基础的程序设计语言、计算机网络、数据结构、数据库等, 即要有很多先行课做支持, 从而使其开课时间一般接近学生毕业实习阶段。由于这阶段学生正面临就业压力, 学生沉重的心理负担造成学习积极性低, 缺乏学习的兴趣。因此学生在课堂上经常呈现两种状态:a.有些学生被动的听老师讲授, 或听懂或不懂, 但就是没有反应, 与教师间没有互动;b.有些学生主动放弃, 觉得学与不学无关紧要, 在毕业、就业中也用不到。由此造成课堂气氛沉闷, 教师“一言堂”的现象。由此可见, 传统式的教学内容已经不能适合该课程的教学过程。

1.2 实践教学与实际应用的脱节

实验课教学实际上是整个计算机教学过程中的重头戏。近几年随着高校的扩招, 学生人数急剧上升, 实验课一般都是一个老师辅导五、六十名学生的状况。由于在实验中学生完成相同的实验内容, 往往造成作业的相互拷贝、抄袭实验报告的现象, 从而在学生的心目中形成了上机实验就是为了完成任务的印象。同时目前多数实验还是验证性的, 这样做固然有它的好处, 但这不利于学生的创新性教育, 学生失去了学习计算机的兴趣。使得学生在解决实际项目时没有头绪, 不知道从何做起, 形成了学而不会用的尴尬局面。

2 教学模式的探索

2.1 项目式教学内容

兴趣在人们对事物的认识过程中发挥了巨大的作用, 如果人们对某件事物有兴趣, 那么这件事物就会吸引着他们不断地探索、挖掘, 并且会激发出更大的创造潜能。教学内容的设计对激发学生学习兴趣, 起到至关重要的作用。为了让学生真正体会到自己学到了什么, 可以做什么, 将教学内容从因“材”施教转变为因“需”施教, 打破传统的以教材为主的观念, 将软件工程理念引入教学中, 由实际软件项目开发过程入手, 系统地带领学生进行实际项目的训练, 与此同时让学生参与其中, 制定从项目需求到最后测试等一系列软件开发步骤, 从而调动学生学习的主动性和热情。

2.2 改进教学方法, 进行创新性教学

在计算机教学中, 要注意教学方法的改进。计算机与其它学科相比, 知识更新速度快, 如果计算机教学只注重基本知识的传授, 而不重视学生学习能力和创造能力的培养, 那么学生就会缺乏灵活运用知识的能力。所以教师在教学过程中要给学生思考的时间, 并且要不断向学生提出新的教学问题, 同时可以给予必要的指导, 提供思维的动力和指明方向, 但不限制学生的思维和解题方法。通过课堂教学, 既要使学生获得相关知识, 又要培养学生的思维能力、创新意识、分析问题和解决问题的能力, 把他们培养成为创造性的人才。这就是教学的重点从“教”转向了“学”, 将旧的教学模式中的主体与受体, 进行调整, 有步骤有计划地过渡到“教师指导下的以学生为中心”的模式中去。也就是以学生为认知主体, 充分调动学生的能动性, 主动建立以知识和能力共同发展为目标的教学模式上去。通过课堂教学和对书本知识的学习, 让学生把学到的基本知识和基本技能自觉应用到学习新知识的过程中, 从而提高学习质量。

2.3 参与型课堂

学生课堂气氛很大程度影响听课的效果, 如果课堂气氛活跃, 学生能够积极投入到课堂教学内容里, 那么接受新知识、掌握新方法的速度会很快。但是基于目前教学中以教师为主导的特点, 学生在课堂上不容易出现兴奋点, 往往会造成上课时教师在讲台上很认真、很投入地滔滔不绝地讲, 学生却在下面打瞌睡。上课前还生龙活虎的学生, 当课程过半就不能集中精力了, 进入了思维疲劳状态, 跟不住教师的思路, 这很大程度上影响了教学的效果。如果在课堂教学中, 能够适当地让学生和教师互换角色, 课前让学生以部分内容为目标进行准备, 然后在课堂上充当教师的角色给学生讲解, 讲解完成后教师再进行必要的纠正和补充, 会引起学生更大的兴趣, 锻炼学生语言表达、板书和倾听的能力, 提高学生的参与意识, 更大的激发学生学习的积极性。虽然让学生充当教师进行了授课, 但不是教师本身的工作量减轻了, 而是对教师的要求更严格了, 这种方式要求教师的备课更加充分, 要考虑不同环节可能出现的问题, 及时给予干预, 否则可能会造成课堂陷入无法收拾的局面。

2.4 案例型推进

为了让学生充分地锻炼动手能力, 使课堂所学能够及时应用到实践中。在教学安排上采用了课堂教学与实验教学相间隔的方式, 一次授课、一次实验, 或多次授课、多次实验的方式。在授课内容上, 以案例的方式进行推进。每次授课讲解一个或多个案例, 让学生参与到案例的设计、实现过程中, 软件的方向由学生掌握, 教师给予指导性的意见。在实验教学内容上, 教师可以在基本实验内容的基础上, 设计不同层次的创造性实验和课堂作业, 比较详细地列出实验的内容和步骤, 以及课堂作业的要求, 让学生首先独立完成“基础与验证型”的实验。同时根据学生的兴趣与知识掌握的程度选择有代表性的案例, 并且根据课程的进程, 每次实验布置一个或多个案例, 让学生能够在案例的推进过程中, 体会学习的乐趣。同时布置合适的课下作业, 作业不单纯是完成复习工作, 而是要求学生对下次课的内容进行调研, 比如案例要完成的功能、应该以何种方式实现、客户的需求是什么样的等等, 从而让学生能够真正投入到授课的进程中, 增强主人翁意识。在整个课程的最后, 可以设计一个大作业, 进行一个综合性项目的开发, 而且这一套设计、开发的过程还可以与毕业设计联系起来, 可以作为毕业设计的题目, 从而使学生能够将以往课程学到的知识综合运用到一个项目中, 解除了学习的盲目性, 扩展了视野, 提高学生的热情, 增强学习的主动性。

结束语

计算机科学不是简单的一些课程的汇总, 而是一个庞大的知识体系, 它对人类社会的发展与进步有着重要而深刻的影响。目前, 全国几乎所有高校都开设了计算机专业, 在此情形下, 如何构建我国计算机科学的教育体系, 培养什么样的信息技术人才, 如何让全社会更深刻地认识计算机科学的内涵, 更全面了解计算机科学的发展规律, 无疑是一件十分有意义的工作。作为教育工作者, 应该在教学过程中总结方法、经验、教训, 根据学科、专业特点, 进行必要的改革, 从而提高教学质量, 为社会培养出全面的、综合发展的人才。

摘要：随着计算机网络技术的发展, 网页作为网络中组织资源的主要形式, 得到了广泛的应用。动态网页设计课程成为了计算机专业课, 为社会培养了大批的网页设计人才。为了更大程度地增强学生的实践技能, 提高从业人员素质, 通过对传统教学模式进行研究和分析, 进行了新的探索, 提出了改革的新举措, 取得了较好的效果。

关键词：动态网页设计,项目式教学,参与式课堂,案例式推进,小组式实践

参考文献

[1]王先国.JSP动态网页编程技术[M].北京:电子工业出版社, 2006 (12) .

动态网页的设计 第10篇

关键词：中职动态网页制作教学方法

《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）.

动态网页的设计 第11篇

项目教学法是通过实施一个完整的项目而进行的教学活动, 其目的是在课堂教学中把理论与实践教学有机地结合起来, 充分发掘学生的创造潜能, 提高学生解决实际问题的综合能力, 其前提是"项目", 是一个人人参与的集学习、创作于一体的过程。与传统教学方式比较, 项目教学法的主体不是教师, 而是教师与学生的整体, 充分让学生参与到教学活动中来, 另一方面, 通过完整的项目的实施, 让学生学习到了与职业接近的工作方式和解决问题的实际能力。

项目教学法就是在教学中, 组织学生真实地参加项目设计、实施和管理的全过程, 在项目实施过程中完成教学任务。项目教学法更多采用小组工作的方式, 共同制定计划、共同或分工完成整个项目。一般而言, 项目教学法的实施过程可以分四个阶段:确定开发项目结合实际需求, 精心设计开发项目, 最终确定项目的目标和任务。

制定工作任务制定项目工作任务, 确定工作计划和程序。

实施计划学生确定各自在小组中的分工以及小组成员的合作形式, 然后按照已确立的工作步骤和程序开展工作。

考核评价通过项目的完成情况对学生的学习效果进行考查, 包括教师评价、学习小组评价和自评三部分, 整体的教学评价采用形成性评价和终结性环节评价, 促进每个学生的学习和发展。

二、《JSP动态网页设计》课程引入项目教学法

《JSP动态网页设计》是我院电子信息工程系计算机应用技术、计算机网络技术、软件技术等专业的主干课程, 具有实用性强, 应用面广, 操作性强、与岗位联系密切等特点。为了更好地讲授《JSP动态网页设计》课, 我们将实际项目引入课堂教学, 改革教学方法、教学手段及考核形式, 较好地实现了课程教学目标。

1、课程目标

通过本门课程的学习, 主要在于培养学生熟练掌握应用JSP模式进行Web程序开发的基本知识和技能, 能结合数据库应用技术和软件工程技术进行Web应用程序的开发, 并培养其良好的编程规范和职业习惯, 能胜任基于JSP的Web程序员的岗位。

2、课程内容设计

整个课程由一个真实的软件开发项目"电子商城"驱动, 将该项目分解成8个子项目, 每个子项目通过完成典型的工作任务, 达到实现能力目标的目的。以教师与学生互动的讲练结合教学过程。课程结束后要求完成电子商城及项目相关的整体开发。为加强学习效果, 还设计若干课外项目由同学进行实践。

3、项目教学法提高了学生的能力和素质

将项目教学法引入后, 学生成为了学习的主体, 教师在教学过程中起引导协助作用, 学生在项目的驱动下自主学习, 边学边做。有些能力突出的学生在学习过程中主动与外界联系, 承接小型网站建设项目。在完成项目的过程中, 他们主动与其他同学和教师进行交流, 讨论问题, 促进了项目教学法的发展。项目完成后所带来的成功的愉悦和满足感, 不但提高了学生的学习兴趣和学习积极性, 同时也培养了学生自主学习的能力。

三、《JSP动态网页设计》课程实施项目教学法的过程

结合教学过程, 结合学生的特点以及环境, 将教学过程划分成以下四个阶段。

(一) 开发项目的确定

确立实用、优秀的项目是项目教学法能否成功实施的关键。因此, 在实施项目教学法时, 首先, 应选择切实可行的项目。在教学正式开始之前, 可先对学生进行分组, 尽量使第一组学生的能力比较均衡。同时, 结合相应的岗位能力要求, 将选用的项目分为两种:一种是课内实施的项目, 另一种是课程外实施的项目, 也就是说不但要注重课堂, 更要注重课后项目实践。课外项目的选取难易程度应针对学生的实际水平确定。对于首次接触这门课程的学生, 由教师负责选取项目, 讲解知识点。所选取的项目必须简单、典型, 并且最好选择已经完成的项目, 以便学生进行知识的迁移。对于具有一定基础的学生, 可由教师和学生共同讨论选定具有较高难度的项目, 并且最好选择正在进行中的项目, 让学生身临其境, 参与创造实践活动, 亲身体验实践的艰辛与乐趣。另外, 应注意根据学生具体的培养方向, 确立最适合的课外项目。

(二) 项目工作任务

项目工作任务按照开发的需求加以实施。确定项目以后, 让每一组学生针对"电子商城"项目进行需求分析, 启发学生主动发现身边的素材。对于已通过验收的项目, 可由教师充当企业的角色, 由学生向教师汇报自己所进行的关于项目需求的分析及收集到的资料。在对课外项目实施的过程中, 教师应事先对该项目的内容进行定位, 分析研究需要解决的问题和完成的任务, 确保学生进行需求分析时, 不会定位过高。

完成项目需求分析后, 教师应根据学生所作的需求分析确定项目的能力模块, 并将每个能力模块细分为一系列小任务, 学生根据课程的时间安排, 结合项目内容编写项目开发计划书。

(三) 开发项目实施

课内"电子商城"项目分解成开发环境搭建模块、系统需求设计模块、用户登录和注册功能模块、商品处理功能模块、购物车功能模块等8个子项目进行学习, 每个子项目通过完成典型的工作任务, 达到实现能力目标的目的。

项目教学法中最重要的环节是项目的具体实施过程。在该过程中, 教师应及时恰当地对学生进行引导, 督促学生根据项任务, 按时按量完成相应的功能模块, 保证项目顺利进行, 实现课程教学目标。

首先对应能力模块划分情况, 在这一阶段的实施过程中主要教授学生网页制作软件的使用方法, 使其形成相应的具体能力。具体做法是:教师首先通过简单的例子讲解实际操作方法, 然后, 让学生练习新知识、新操作, 完成相应的实验项目。通过这种双教一体的教学模式、讲练结合的教学手段让学生掌握牢固的基础知识。

其次结合上一阶段学生具体能力的锻炼情况, 根据所要建设的项目, 按照项目计划书进行开发并完成设计。该阶段是项目教学法实施的核心环节。在此阶段, 教师要根据各开发小组的具体情况、具体要求及时恰当地进行指导, 解决学生开发过程中遇到的难题, 督促学生按时按量完成项目计划书中的各个开发环节, 保证学生顺利完成项目的开发, 实现教学目标。在实际教学过程中, 教师要重点做好指导监督工作。如定期召开各项目组长会议, 了解各项目组的开发过程;在项目开发过程中进行技术引导和指导, 收集各组遇到的难题, 组织各组进行总结和经验交流, 从中探讨不同的解决问题的方法。

最后的任务是在学生完成网站建设后, 撰写开发总结报告, 总结本次学习、开发的收获和经验, 为下一次开发做准备。阶段性总结评价也是项目具体实施过程中必不可少的环节。教师和学生在每个阶段的学生结束后, 都要对该阶段的学习成果进行展示、评价、总结, 及时改进不足之处, 巩固成果, 为后续工作打下坚实的基础。

(四) 开发项目考核与评价

鉴于平时学习过程的重要性, 考核以平时课堂表现、课后训练为主, 并与期末综合设计相结合的形式进行。首先, 应对项目的建设效果进行展示, 并加以讲解。在讲解展示项目的过程中, 学生和教师可以提出问题, 并结合相应的网站项目评分表, 形成学生和教师对该项目各自的评价。在对学生进行评价时, 还应结合其在项目开发过程中的学习能力、合作能力、参与程度、服务程度以及所起作用等各方面的表现情况。

项目完成后应进行总结, 并将其成果应用到相关领域, 体现该门课程的教学目标。我们在《JSP动态网页技术》课中实施项目教学法以来, 完成了多个项目并将研究成果应用到实际工作中, 如毕业论文管理系统、教师教学网站系统等。项目完成后应总结思路、技巧并进行经验交流。思路总结可以帮助学生明晰项目完成的最佳思考方法, 找到自己的不足;技巧总结着重解决开发环节中遇到的难题的方法, 把握并吸收整个项目开发的精髓;经验交流主要是对学习方法、知识应用进行交流。最后, 教师可以指导学生对项目进行拓展和延伸。

四、结语

实践表明, 《JSP动态网页设计》课从传统的多媒体教学模式的枷锁中挣脱出来, 实施项目教学法, 体现了以学生为本, 最大限度地调动了学生自主学习的积极性, 培养了学生的综合能力, 使学生掌握了一门技巧。

《JSP动态网页设计》课在实施项目教学法后, 从本质上改变了课程的教学目的。这种改变使学生不再被动的进行学习, 而是真正掌握一门技术, 具备一定的开发能力, 能够承担相应的工作。学生在具体的项目中进行学习, 缩短学生与企业之间的距离通过解决学生身边的一些现实问题来实现学生对知识的掌握大大提高了学生学习的积极性和主动性。在整个教学过程中, 学生的自主学生能力、实践能力、创新能力、团队协作能力、分析解决问题的能力以及撰写报告的能力都得到了锻炼、培养和提高。

参考文献

[1].戴士弘.职业教育课程教学改革[M].清华大学出版社.2007, (6)

[2].李捷, 罗拥军.《网页制作技术》项目教学法的研究与实践.职业教育研究[J].2008, (2)

[3].余平.高职高专网页设计教学改革实践与探索.文教资料, 2007, (6)