动态服务网页范文

动态服务网页范文（精选6篇）

动态服务网页 第1篇

随着Web技术的发展, 越来越多的网站提供个性化和动态内容, 传统的静态网页逐渐被交互式、开放式、甚至并行分布式的基于数据库的动态网页取代, 以便增加更多的交互, 满足用户更高的需求。动态网页是指用户将HTTP请求发送到一个可执行应用程序而不是一个静态的HTML文件。服务器将运行该程序以对用户响应, 并将处理结果返回客户端, 或者对数据记录进行更新。早期的动态网页主要采用CGI技术, CGI技术虽然已经发展成熟而且功能强大, 但编程困难、效率低下、修改复杂。目前, 动态网页开发技术主要有ASP、ASP.NET、PHP和JSP, 为用户开发动态网页, 发布实时和交互式信息提供有力的支持。

1 动态网页开发技术

目前, 较流行的动态网页技术有ASP、ASP.NET、JSP和PHP, 下面分别予以介绍。

1.1 ASP技术

ASP即Active Server Pages, 是微软公司发布的一个Web服务器端的开发环境。它是一种类似HTML、Script与CGI的结合体, 没有提供自己专门的编程语言, 而是允许用户使用许多已有的脚本语言编写ASP应用程序。ASP开发的脚本程序全部运行在服务器端, 与用户所采用的浏览器无关, 从而极大地减少了对客户端的要求。

ASP的最大好处是可以包含HTML标签, 也可以直接存取数据库及使用无限扩充的Active X控件, 因此在程序编制上要比HTML方便且更富有灵活性。通过使用ASP的组件和对象技术, 用户可以直接使用Active X控件, 调用对象方法和属性, 以简单的方式实现强大的交互功能。利用ASP生成的页面不但具有较好的交互性, 而且还可以进行复杂的数据库操作, 用户可以方便地控制和管理数据。

其工作原理是:浏览器从Web服务器调用ASP文件, 服务器端脚本引擎对每一条脚本语句解释执行, 再把执行的结果生成HTML文件传送到客户端, 如图1所示:

ASP技术具有以下几个方面的特点: (1) 使用VBScript、JScript等简单的脚本语言结合HTML代码, 可快速地完成网站的应用程序;无需编译, 容易编写, 可在服务器端直接执行; (2) 使用普通的文本编辑器, 如Windows的记事本, 即可进行编辑设计; (3) ASP所使用的脚本语言均在服务器端执行, 与浏览器无关, 客户端只要使用可执行HTML代码的浏览器, 即可浏览ASP所设计的网页内容; (4) ASP能与任何Active X Scripting语言相容;除了可使用VBScript或JScript语言来设计外, 还可以通过plug-in的方式, 使用由第3方所提供的其他脚本语言, 譬如REXX、Perl、Tcl等; (5) Active X Server Components (Active X服务器元件) 具有无限可扩充性。可以使用Visual Basic、Java、Visual C++、COBOL等编程语言来编写所需要的Active X Server Component。

ASP技术的简便性得到了用户的普遍认可, 开发工具强大且多样, 但使用组件会引发安全问题, 并且基于脚本技术ASP应用无法实现商品化。另外, ASP只能运行在Microsoft的环境下, 不能实现真正的跨平台操作。

1.2 ASP.NET技术

ASP.NET不仅仅是ASP的简单升级, 而是微软推出的新一代Active Server Pages脚本语言。ASP.NET是Microsoft.NET的一部分, 作为战略产品, 它不仅仅是ASP的下一个版本, 还提供了一个统一的Web开发模型, 其中包括开发人员生成企业级Web应用程序所需的各种服务。程序员面对的是一些由文本框、下拉菜单等通用的HTML用户界面封装而成的控件, 大大简化了Web程序和XML Web服务的开发。

在.NET环境中, 微软不仅仅是平台和产品的开发者, 并且还是架构服务提供商、应用程序提供商, 开展全方位的Internet服务。任何ASP.NET应用程序都可以使用整个.NET Framework, 因此开发人员可以方便地获得这些技术的优点, 其中包括托管的公共语言运行库环境、类型安全、继承等。所以, ASP.NET提供了结构更清晰、更易于编写的代码, 且代码易于移植。此外, ASP.NET还对页面事件、控件、缓冲技术以及数据捆绑进行了改进。

通常可以将ASP.NET页面看成一般的HTML页面, 页面包含标记有特殊处理方式的代码段, 其扩展名为.aspx。当服务器接收到一个对ASP.NET页面的请求时, IIS Web服务器自动调用ASP.NET模块Aspnet_isapi。Dll (安装。NET时, 本地的IIS Web服务器会自动配置) 来查找并分析处理。ASPX文件的内容, 并将文件内容分解成单独的命令以建立代码的整体结构。然后, ASP.NET模块将各命令放置到预定义的类定义中。该类定义一个特殊的ASP.NET对象Page, 由这个对象生成HTML流, 最后HTML流返回到客户。简言之, 在用户请求IIS服务器提供一个页面时, IIS服务器就根据页面上的文本、HTML和代码来建立该页面, 如图2所示:

ASP.NET技术具有如下4个方面的特点:

(1) 支持编译型语言。自推出.NET开发平台以来, 微软在Web服务器端开发语言方面, 主推VB.NET和C#.NET这两种编译型语言。通过这两种语言, 程序员可以像开发普通的Windows程序一样来开发Web程序。程序员通过C#语言, 利用VS.NET提供的各种Web控件, 可以非常容易地开发ASP.NET Web程序。开发的ASP.NET程序被编译成MSIL语言 (Microsoft中间语言) , 而且该中间语言具有平台无关性。由于ASP.NET页面在执行前被编译, 从而提升性能和伸缩性。

(2) 程序代码与页面内容的成功分离。ASP.NET Web开发技术为程序员提供Code Behind技术, 通过Web控件将程序代码与页面内容成功分离, 从而使ASP.NET的程序结构异常清晰, 开发和维护的效率也得到了很大的提高。另外可以利用Visual Studio.NET集成环境下开发ASP.NET应用程序, 该环境不仅提供了强大的调试能力, 而且还集成了“所见即所得”的HTML编辑器, 为技术人员开发Web页面提供了方便的图形化支持。

(3) 引入服务器端控件。服务器端控件生成发送给浏览器的HTML代码, 显示控件, 且还能生成隐藏的HTML元素来存储它们当前的状态。在提交页面时, 这些信息就会传送回服务器, 控件将自动处理这些信息, 改变HTML, 显示控件。

(4) 使用Web表单使用权开发更直观, 利用面向对象技术促进组件的再利用。

ASP.NET是一种建立在通用语言上的程序架构, 能被用于一台Web服务器来建立强大的Web应用程序, 且提供许多比现在的Web开发模式更强大的优势。但ASP.NET运行环境要求比较高, 不仅需要IIS的支持, 还需要.NET Framework SDK。

1.3 PHP技术

PHP即Hypertext Preprocessor (超文本预处理器) , 是一种脚本编程语言, 主要用于编写服务端脚本、命令行脚本和客户端的GUI应用程序 (桌面应用程序) 。PHP语法借鉴了C、Java、Perl等语言, 且与HTML语言具有非常好的兼容性, 使用者可以直接在脚本代码中加入HTML标签, 或者在HTML标签中加入脚本代码从而更好地实现页面控制。

PHP语法上与C相似, 可运行在Apache, Netscape-i Planet和Microsoft IIS Web服务器上。使用PHP创建动态的Web页面与常规的HTML页面并无二致, 且PHP允许直接在HTML文件里写入简单的脚本, 这一点与Java Script非常相似。而不同的是, PHP不依赖于浏览器, 是服务器端的语言, 而Java Script却是一种客户端的嵌在HTML中的语言。PHP不仅可以用来创建Web应用程序, 也可以用来开发普通的单机应用程序。

PHP主要的功能是在Web环境下, 由客户端浏览器传递一些信息给Web服务器, 再由Web服务器去启动所指定的程序码来完成特定的工作, 如图3所示:

用户通过Web客户端浏览器请求某个功能页面, Web服务器根据系统的逻辑设计, 将这个请求对应的PHP文件读出, 并交给PHP处理程序;PHP处理程序解释该文件, 执行相应的处理过程, 然后将按照文件的要求, 形成一个标准HTML页面, 最后将生成的HTML页面交给Web服务器;Web客户端浏览器将该HTML文件解释执行并显示出来。

PHP技术具有如下几个方面的特点: (1) PHP支持的数据库极其广泛, 可以与Informix、Oracle、Sybase、Solid、My SQL、Access等数据库直接连接; (2) 面向对象编程, PHP提供了类和对象且支持构造器、提取类等。PHP5及更高版本提高了新的功能的特性, 包括对象重载、引用技术等; (3) 具有很好的开放性和可扩展性。PHP属于自由软件, 其代码完全公开, 编写者可以根据需要插入自己的特色; (4) 良好的跨平台可移植性, 可以在U-nix、Linux或者Windows下运行, 支持IIS、Apache等流行的Web服务器。

PHP是一种源代码开放程序, 资源、源代码丰富, 且简单易学、响应速度快, 拥护好的平台兼容性。PHP支持多种数据库, 但其提供的数据库接口不统一, 且数据库升级后需要修改相应的模块, 维护不方便。

1.4 JSP技术

JSP即Java Server Pages, 是Sun公司推出的新一代交互式网页编译技术, 它完全解决了目前ASP、PHP的通病———脚本级执行。JSP页面由HTML代码和嵌入其中的Java码组成, 它具备了Java技术的简单易用、完全面向对象、具有平台无关性且安全可靠、主要面向Internet的特点。

JSP规范给出了两种建立应用程序的方式:单一的JSP模型和JSP与Servlet的混合模型。单一的JSP模型:浏览器通过HTTP协议发送JSP文件请求, JSP文件访问Bean或者其它能将生成的动态内容发送到浏览器的组件, 如图4所示。单一的JSP模型十分适合简单的应用程序的需要, 但不能满足复杂的大型应用程序的实现。JSP与Servlet的混合模型基于MVC (Model View-Controller) , 如图5所示, 它把JSP和Servlet结合起来, 即用JSP生成表达层的内容, 让Servlet进行数据处理以生成动态内容。Servlet负责管理对请求的处理, 创建JSP页需要使用的Bean对象, 同时根据用户动作决定把那个JSP页传给请求者。JSP在服务器端执行, 一般返回到客户端的是HTML文本, 所以客户端只要有浏览器就可以浏览。

JSP技术具有如下几个方面的特点:

(1) 将内容的产生和显示分离。使用JSP标识或者小脚本来生成页面上的动态内容。生成内容的逻辑被封装在标识和Java Beans组件中, 并且捆绑在小脚本中, 所有的脚本在服务器端运行。在服务器端, JSP引擎解释JSP标识和小脚本, 生成所请求的内容, 并且将结果以HTML (或者XML) 页面的形式发送回浏览器。

(2) 强调可重用的组件。绝大多数JSP页面依赖于可重用的, 跨平台的组件 (Java Beans或者Enterprise Java Beans TM组件) 来执行应用程序所要求的更为复杂的处理, 基于组件的方法加速了总体开发过程。

(3) 采用标识简化页面开发。JSP技术封装了许多功能, 这些功能是在易用的、与JSP相关的XML标识中进行动态内容生成所需要的。标准的JSP标识能够访问和实例化Java Beans组件, 设置或者检索组件属性、下载Applet以及执行用其他方法更难于编码和耗时的功能。

(4) 系统的多平台支持。基本上可以在所有平台上的任意环境中开发, 在任意环境中进行系统部署, 在任意环境中扩展, 一次编写可随处运行。

JSP具有较强的伸缩性, 且有多样化和功能强大的开发工具支持, 此外还采用了多种技术来加速动态Web页面的开发。但JSP为支持跨平台、伸缩性增加了复杂性;类常驻内存、内存消耗大;在国内缺少系统性的资料且版本太老。

2 性能评价及前景分析

讨论了目前较为流行的动态网页开发技术, PHP与ASP是目前国内应用最为广泛的技术。但在国外JSP是比较流行的一种技术, 尤其是电子商务类网站, 多采用JSP技术。PHP技术存在一些缺点, 使它仅适合一些小型的商业站点。ASP技术比较简单易用且功能强大, 可以开发一些大型的电子商务网站, 但存在一些安全性问题。JSP是一种比较新的技术, 且JSP是基于平台和服务器的相互独立的。ASP.NET是程序编译执行效率大幅提高且适应性强大, 但现在不太成熟。每种技术都有其优缺点。因此, 在开发网站时要根据自己的实际情况去选择一个最合适的技术, 只有这样才能开发出成功的网站。

摘要：介绍了4种动态网页开发技术:ASP、ASP.NET、PHP和JSP技术, 分析了其优缺点、前景及发展方向。为动态网页开发人员提供建议和参考, 具有一定的现实意义。

关键词：动态网页,ASP,ASP.NET,JSP,PHP

参考文献

[1]吴宇舟, 张继敏.Web网页的动态交互发布技术—ASP解决方案[J].陕西科技大学学报, 2009 (1) .

[2]卢旭, 程良伦.ASP和ASP.NET共享Session状态共享研究[J].计算机应用与软件, 2009 (6) .

[3]BISSON S.An introduction to PHP[J].Application Development Ad-visor, 2002 (4) .

动、静结合制作动态网页 第2篇

以留言板系统为例进行简要介绍, 首先要制作如一个简单的提交界面, 如图所示, 这是一个典型的动态网页, 如果用html代码来写就会很复杂、而且代码较长, 代码如下:

而如果用静态网页技术来做就会简单得多, 具体操作步骤如下:

首先打开Frong Page2003, 然后点击设计状态, 在插入菜单中选择插入表单命令, 插入四个文本框分别标示为“姓名:”、“电话:”、“Email:”、“主题:”以及一个文本区标示为“留言:”, 和两个按钮“提交”、“全部重写”并分别将他们的域名设置为name、tel、email、sub、memo, 以便将它们提交给asp程序后便于接收。

那么怎样将静态网页的内容提交给动态网页呢?只要将静态网页自动生成的代码拷贝下来, 粘贴到记事本中稍作修改即可, 只要将

参考文献

[1]付歌, 顾春华, 张雪芹.Web程序设计[M].上海:华东理工大学出版社, 2006, 2.

[2]李尊朝.JSP交互网站开发技术20天速成[M].陕西:西安交通大学出版社, 2005, 10.

动态服务网页 第3篇

一、静态网页制作技术

网页主要包括静态网页与动态网页两种,而静态网页制作技术主要指的则是专门对静态网页进行制作的一项技术[1]。一般情况下,其文本格式君为.htm格式。一般认为,静态网页的特点主要为静止,网页中本来存在的内容会一直存在,不会发生变化,这一认识存在一定的片面性,存在一部分静态网页,其中也包含动态的内容。

二、动态网页制作技术

动态网页制作技术即专门针对动态网页进行制作的一项技术,在制作过程中可以利用的计算机语言存在很多种,其中Java Script便属于较为常见的一种,动态网页的制作不会仅仅使用一种语言来完成,不同的语言之间需要互相综合,这样一来,便可以很顺利的实现从静态网页到动态网页的转换。动态网页的制作过程中包含的技术多种多样,其中PHP、ASP以及JSP均为十分重要的制作技术[2]。相对于后两者而言,第一种技术以其应用的便利性为主要优势,成为了当前较受欢迎的一种动态网页制作技术,在这一技术的支持下,动态网页的制作效果得到了明显提高。与PHP相比,ASP与JSP在制作效果以及实现形式方面存在较多的共同点,利用上述两种技术对动态网页进行制作,对于制作效率的提高较为有利。但两者之间同样存在一定的区别,相对于前者而言,后者所适用的范围更加广阔。

三、静态网页与动态网页制作技术比较

作为网页制作的两种主要技术,静态网页制作技术与动态网页制作技术之间即存在区别又存在联系,具体表现在以下方面:

3.1静态网页与动态网页制作技术的联系

从某种程度上看,动态网页制作技术源于静态网页制作技术,前者是对后者的继承与发扬,因此,目前的动态网页制作技术中,仍包含着静态网页制作的一系列理念,这是两者之间存在的主要联系[3]。但相反,静态网页制作过程中所采用的技术均为其本身所具备与应用的技术,并不存在动态网页制作技术的成分。

3.2静态网页与动态网页制作技术的区别

静态网页与动态网页制作技术之间的区别主要体现在以下方面:

首先,两种网页制作技术下,网页内容的保存方式不一致。在网页制作完成并投入使用之后,静态网页的内容会以独立的形式进行保存,但相对来讲,动态网页的内容并不会独立保存。后者网页内容只能在存在用户访问的前提下出现,而前者并非如此。

其次,两种网页在程序的交互性方面存在区别。静态网页制作技术下,网页并不存在交互性,而动态网页恰恰相反。相对于前者而言,后者交互性的实现属于一项极大的进步,不仅能够使网页内容更加丰富、层次更加深入,同时也能够改善用户对于网页的使用体验。

再次,两种技术适用范围不同。一般情况下,静态网页制作技术往往被应用于前台开发的过程,而动态网页则不适合被应用于这一过程。但需要注意的是,为使网站的使用率能够得到提高,在一定的情况下,两种技术之间能够实现相互转换,这属于两种技术整体水平进步的主要体现[4]。

最后,对网站建设过程中,对于上述两种网站的选择一定要根据网站的具体需要来实现,这样才能保证技术应用的合理性。对此,有关人员一定要加以重视,在选择制作技术之前,要对网站建设的目的及其所面临的用户进行考察,以使技术的应用能够达到更加合理的水准,从而为用户带来更好的应用体验。

四、结论

静态网页制作技术与动态网页制作技术均属于网页制作过程中需要应用的主要技术,两种技术即存在区别同时也存在联系。两者之间的联系主要在于后者的实现需要以前者为基础,而两种技术间的区别则表现在方方面面。在网页制作过程中,有关人员需要根据实际情况的不同,对技术进行合理选择,这样才能提高网页制作的合理性。

参考文献

[1]吴静.静态网页制作技术与动态网页制作技术的比较[J].电子技术与软件工程,2014,07:185.

[2]田红玉.静态网页制作技术与动态网页制作技术的比较[J].黑龙江科学,2013,09:116.

[3]姚绍岩.静态网页制作技术与动态网页制作技术的比较分析[J].信息与电脑(理论版),2015,07:71-72.

动态服务网页 第4篇

1.1 静态网页制作技术

静态网页制作技术的特点是其使用的语言全部为HTML语言，由其制作的网页格式的后缀往往都是.htm、.html，并且以静态网页制作技术完成的网页内容是不变的。静态网页在浏览时不用与服务器端的程序相互交叉。但“静止”是在一定意义上的，因为在这些静态网页的画面上可以出现.GIF格式的动画、FLASH动画、滚动字幕等视觉上可以感受的“动态效果”。

1.2 动态网页制作技术

动态网页制作技术是在静态网页制作技术基础上发展起来的一种网页制作技术。动态网页往往运用CSS、Java Script等语言，并且与静态网页制作的HTML语言相结合，使原先静态的页面变成动态的页面。

2 静态网页制作和动态网页制作常用的技术

2.1 静态网页制作使用的主要制作技术

静态网页制作使用的语言为HTML语言和XML语言。

HTML语言是静态网页制作的必用语言，其全称为Hyper Text Markup Language，该语言是一种超文本标记语言，自20世纪90年代以来一直是www上的信息表示语言。HTML语言主要是利用各种标记功能来实现文档结构及超级链接信息等标记的。

XML语言是静态网页制作使用的另一语言，其全称为Extensible Markup Language，它与HTML语言的相同点是两者都是一种网页标记语言，同时也是网页的源代码。其中XML语言的功能比HTML语言的功能更加强大。

2.2 动态网页制作使用的主要制作技术

动态网页制作使用的主要制作技术包括PHP、ASP和JSP。

PHP的语法借鉴语言包括C语言和Java等语言，是一种超文本预处理器，也是当今互联网发展中最为火热的脚本语言，其使用起来只需要少量的编程知识就能够完成PHP真正的交互Web站点的建立。

ASP是动态网页制作使用的另一技术语言，其全称是Active Server Pages，他结合了HTML、Script与CGI的部分内容，并且能使用许多已经存在的编程语言对其进行编程，这使得ASP的编程比HTML方便许多，同时也灵活许多。与一般的脚本语言相比，ASP的一大优势就是安全性比较高。

JSP技术于1999年6月正式推出，作为新技术，它由Sun Microsystem公司研发，是一项以Java Servlet和整个Java体系为基础的Web开发技术。JSP和ASP来源于不同的技术规范组织，其中JSP可以应用的服务器范围高达85%，而ASP则一般只应用于Windows NT/2000平台;此外，JSP优于ASP的技术特点是前者比后者更有利于维护和管理。因此JSP技术在动态网页制作上有良好的发展前景。

3 静态网页和动态网页的实现过程

3.1 静态网页的实现过程

在静态网页制作中由于其网页上的内容是固定不变的，因此满足不了用户根据需求改变静态网页内容的要求，在使用上受到了一定的限制。静态网页的使用过程需要用户在客户端提出使用请求，然后请求会通过网络系统连接到服务器端，服务器端接受请求并且把静态页面传给需要的客户进行静态网页内容的浏览。

3.2 动态网页的实现过程

动态网页的最大特点就是可以依照用户的不同需求，随时改变页面上的内容，这样大大满足了一些客户的需求。动态网页的实现过程也需要用户在网络的客户端提出浏览申请，该申请会通过网络传送到服务器端，服务器端的应用程序相应地就会根据用户的不同需求来实现动态页面的转换，再把需要的页面通过服务器传给用户。

4 静态网页制作技术和动态网页制作技术的相互比较

二者在应用上的不同。由于静态网页制作是网站建设最基础的内容，因此它比较适合于网站的前台开发领域。但是两者在应用上并没有矛盾，现代技术为了满足用户的需求，即使网页制作采用的是动态技术，但是当有需要时还是可以将网页的内容转化为静态网页进行发布和使用。

此外动态网站的发展也使得静动结合成为可能。即适合采用动态网页的地方就用动态网页，如果必须使用静态网页，制作人员也可以考虑用动态网页的方式来实现。

总之，网站究竟会采用何种技术往往取决于本身性质，不仅要考虑网站内容的多少，还要兼顾网站的功能需求。如果网站功能比较复杂，内容更新频率和更新量都很大，设计者一般会采用动态的网页制作技术。相反，如果网站的内容过于简单，内容更新量也不是特别大，那么静态网页制作技术往往就能够满足制作要求。

参考文献

^[1^]刘畅^.静态网页制作技术与动态网页制作技术的比较^[J^].信息技术^,2012^,(10):121—122^.

[2]范云芝.动态网页制作技术ASP、PHP和JSP比较分析[J].网络通讯与安全电脑知识与技术,2005,(6):103—104.

《表单与动态网页》教学案例 第5篇

(一)环节一:导入新课、创设氛围

1.教师活动

(1) 展示班级 网站引导 页 , 随机浏览某 同学已经初 步完成的 以节日为 主题的个人网站,并提问:“大家浏览观看后感觉怎样? ”同学们给出各种评价。教师再提问:“那我们如 何收集全 班同学的评价意见以使自己的网站更完善呢?

(2)分析为什么要学习这节课。

2.学生活动

与教师互动。

(1)设计意图

(2) 以观看评价其他同学节日主题的个性化网站作品为兴趣互动点,并引出课题。

(二)环节二:问题先导、学 习 新知———范例示意,学生自主探究,完成表单

1.教师活动

(1) 提问 : “可以通过什么方式来获得同学 们对自己个 性化网站 的评价意见? ”通过示范Teacher.com网站在线互动页面的信息填写提交过程,引出页面是可以交互 的知识点 ,从而提出 :可以运用交互 式表单网 页来收集 并处理同学们对网站留言及建议的数据。

(2) 通过思考在哪个页面的什么地方建立表单的问题,引出如何建立表单式网页的方法。

(3)对比Teacher.com在线互动页面,理解表单的组成。

(4) 通过思考在页面表单区域内需要预先给浏 览者设置 哪些基本 调查题目以及为什么需要设定这些题目,引出利用恰当的 表单题目 可以获取 到浏览者的有效信息,从而通过不同类型的表单题目引出 需要选用 合适的表 单控件来实现。

(5)思考 :基于表单区域内的选项题目在浏览者进行相应的填选后,这些已选定的选 项或已填 写好的数 据怎么发送给我们呢? 引出在表单页面中通过添加按钮控件来实现。

2.学生活动

(1) 学生了解并体会使用表单网页可以方 便的收集 浏览者对 自己网站 的评价信息。

(2) 学生练习打开自己网站站点文件夹内的在线互动页面(form.htm),在该页面的合适位置尝试创建表单。

(3) 学生思考自己个人网站的表单里需要设置什么样的题目,才可以有效获得浏览者有价值的信息。

(4) 根据设置的调查题目内容选择恰当的表单控件元素,并根据具体题目的选项,尝试修改控件的属性。

(5) 学生尝试在表单区域内添加按钮控件,并测试表 单页面运 行后 ,各表单控件元素的选定或填写后的变化。

3.设计意图

通过评价 其他同学 的网站作 品去设置调查的问题,可以使学生的表单任务更具有针对性和实用性。通过层层深入的关联问 题 ,引出新知 识 ,调动学生的学习积极性。

(三)环节三:知识探究,解决问题———表单数据提交到哪里?接收页面收什么?怎么接收?如何显示?

(1)通过再次观看Teacher.com在线互动页面的填写提交过程,发现交互的过程有两个页面,引出需要一个页面来处理前一页面发送或提交过来的数据,建立数据处理页面feedback.htm, 两个页面有什么关系? (发送和接收)

(2)通过建立两个页面的关系 ,引出表单form属性的动 作设置 (Action =feedback.htm)。

(3) 通过接收 数据 , 讲解Request.Form (“表单元 素名称”) 对象的基 本语法及使用方法。

(4)通过显示已接收的数据 ,讲解输出语句 (<%= %>的基本语法及使用方法)。

(5)通过上传第一次测试 ,结果不成功,找问题:引出基于 服务器端 动态网页ASP (讲解动静态网页区别及工作过程)。

(6) 根据上述 新知 , 修改feedback.htm后缀为asp,第二次上传测试 :成功。(结合基于服务器端环境的动态网页工作原理,思考原因)

……

二、教学反思

动态服务网页 第6篇

Javascript就是这样一种网页脚本语言，它用于开发基于客户端和服务器的Internet应用程序，旨在使网页开发人员能对网页的功能进行管理和控制。Javascript代码可以嵌入到HTML文档中，控制页面的内容和验证用户输入的数据。当页面显示在浏览器中时，浏览器将解释并执行Javascript语句。Javascript的功能十分强大，可以实现多种任务，如执行计算、检查表单、编写游戏、添加特效、创建安全密码等等，所有这些功能都有助于增强站点的动态效果和交互性，其中，利用Javascript在网页中添加特效的应用已经非常广泛了，利用它可以做出很多很精彩的动态效果。下面通过两个实例来详细介绍：

一、用Javascript实现网页的弹出信息窗口

在网上冲浪时有时会发现有一些网页在打开或关闭的时候，会弹出一个较小的窗口，里面通常会显示一些类似问候语或宣传标语等的信息。如果想要实现这样的效果，只需在该网页代码的〈body〉标签后面插入下面的代码就可以了：

第二行中的“url”是要在窗口中显示的网页的来源，也就是网页的地址；“窗口名称”的起名要用非中文；“属性列表”中可以是各个属性值（外观与状态），中间用逗号分开。其中经常会用到的属性有：

toolbar（是否显示工具栏）、location（是否显示地址栏）、directories（是否显示常用链接）、status（是否显示状态栏）、menubar（是否显示选单条）、scrollbars（是否使用滚动条）、resizable（是否可改变大小），以上的属性值如果为1代表的是true，为0或列表中没有此属性代表的是false。还有一些属性是对弹出信息窗口的大小和位置进行控制的，如：width、height、top、left。

如果要在网页中制作一个弹出信息窗口，显示的是网页tcxxck.htm的内容，其属性如下：高200像素、宽200像素、有地址栏、有滚动条、不可改变大小，只需改第二行代码为：

二、用Javascript实现字幕连续滚动的效果

在网页制作中控制元素的滚动要用到一个标签------Marquee。添加上Marquee标签制作好的滚动元素，在一般情况下滚动完一次后，会出现一片空白的地方，也就是看起来不是连续的滚动效果。那么怎样才能制作出毫不间断、连续滚动的字幕效果呢？想要实现连续滚动，就必须将要滚动的字幕内容一遍一遍地进行复制，直到复制后的内容高度超出滚动区域的高度的两倍，接着再隐藏掉溢出的滚动条，用代码控制滚动条向下移动 (这时内容将向上移动) 。当滚动条滚动到最下面的时候，再调整滚动条，将它向上滚动到和当前一样的位置，在浏览器当中预览时我们就会看到连续的字幕滚动了。下面看看是如何逐步实现的：

以上的实例中可根据需要的具体情况自行调整相应的语句和相关的属性，从而做出不同的特效。利用Javascript可以制作出的网页特效还有很多，比如实现网页背景色的变幻、页面百叶窗切换、文字的打印效果、动态的鼠标指针等等，但是要注意一个原则，那就是网页的实用性和可行性，网页是艺术与技术相结合的产物，不要一味的添加很多不必要的特效，这样页面不仅会很乱，而且容易使浏览者产生厌烦情绪。总之，有效地利用Javascript实现网页特效，使你制作出的网页“动”静结合，“变”化莫测。

参考文献

[1]刘瑞新, 张兵义, 冯柯编著.网页设计与制作教程.机械工业出版社, 2005.