动态网页设计讲课教案

《动态网页设计讲课教案》由会员分享，可在线阅读，更多相关《动态网页设计讲课教案（172页珍藏版）》请在金锄头文库上搜索。

1、-中国铁道出版社-,2,目录,第1章 动态网页概述,第2章 Web服务器的安装与配置,第3章 VBScript脚本语言和JScript语言,第4章 ASP基础,第5章 数据库及SQL查询语言,第6章 动态网页中的数据库访问,第7章 动态网页中的文件操作,-中国铁道出版社-,3,第1章 动态网页概述,1.1 Web 的开发历史,1.2 动态网页概述,-中国铁道出版社-,4,第1章 动态网页概述,1.1 Web的开发历史 早期的Web站点大都是由多个静态HTML页面组成的。所谓静态指的就是网站的网页内容固定不变，当用户浏览器向Web服务器请求提供网页内容时，服务器仅仅是将原已设计好并存贮在服务器中

2、的静态页面文档传送给用户浏览器。 静态网站的致命弱点就是不容易维护，为了不断更新网页内容，就必须不断地重复制作HTML文档，随着网站内容和信息量的日益扩增，会感到工作量大得出乎想象。另外静态网站也缺少和用户的交互性，用户只能被动地浏览网页的内容，不能和服务器进行信息交流。 现在动态网站的开发技术已经成为Web网站的开发主流，通过动态网站的开发，可以使网站的实用性、可维护性更加方便。,-中国铁道出版社-,6,第1章 动态网页概述,1.2.2 动态网页的运行环境 静态网页的运行只要在用户的计算机上装有浏览器即可，而对于动态网页则运行方式就不同了，在Web服务器中必须要安装相应的服务器软件，由服务器

3、软件来完成动态网页的解释工作及网站应用程序服务工作。 对于不同的操作系统工作平台，可以选择安装不同的Web服务器软件，现在比较常用的是WINDOWS操作系统平台下的IIS和Linux操作系统平台下Apache服务器软件。 IIS是微软公司主推的Web服务器，IIS是Internet Information Server的缩写。IIS是允许在Internet上发布信息的Web服务器。 在以Windows2000为操作系统的平台上，主要使用的是IIS 5.0作为Web服务器管理软件。当用户在计算机上安装了Windows 2000 Server版本之后，IIS 5.0已经默认安装好了,-中国铁道出版

4、社-,7,第1章 动态网页概述,1.2.3 动态网页和静态网页的区别 对于Web服务器来说，动态网页和静态网页有以下几方面的区别： 组成内容不同。 文件扩展名不同。 执行过程不同。 查看代码结果不同。,-中国铁道出版社-,8,第1章 动态网页概述,1.2.4 动态网页的工作过程 在掌握动态网页工作过程之前，先简单介绍一下静态网页的工作过程： 用户首先是在浏览器的地址栏中写上要访问的网页地址并回车发送这个申请。 浏览器将申请发送到Web服务器上。 Web服务器接收这些申请并根据.htm或.html的扩展名知道是HTML文件。 Web服务器从硬盘或内存中读取正确的HTML文件然后送回给用户浏览器。

5、 HTML文件将会被用户的浏览器解释并将结果显示在用户浏览器上。,-中国铁道出版社-,9,第2章 Web服务器的安装与配置,2.1 PWS的安装与设置,2.2 IIS的安装及配置,-中国铁道出版社-,10,第2章 Web服务器的安装与配置,2.1 PWS的安装与设置 PWS就是Personal Web Server的缩写，也就是个人网页服务器。它适用于小规模的公司内部网使用，仅支持10个用户并发操作，而且在Web服务器上只能容纳一个Web站点。安装它后，在Windows 9x或Windows Me中就能轻松发布个人主页。 2.1.1 安装PWS 安装操作演示。 2.1.2 PWS的配置 配置操

6、作演示。,-中国铁道出版社-,11,第2章 Web服务器的安装与配置,2.2 IIS的安装及配置 IIS是微软公司主推的Web服务器，IIS是Internet Information Server的缩写。IIS是允许在Internet上发布信息的Web服务器。 在以Windows2000为操作系统的平台上，主要使用的是IIS5.0作为Web服务器管理软件。当用户在计算机上安装了Windows 2000 Server版本之后，IIS5.0已经默认安装好了。 2.2.1 安装IIS 安装操作演示。 2.2.2 启动IIS管理器 启动操作演示。 2.2.3 配置IIS 配置操作演示。,-中国铁道出版

7、社-,12,第2章 Web服务器的安装与配置,2.2.4 测试IIS的设置效果 1、运行虚拟目录中的网页文件 在浏览器的地址栏中输入： HTTP：/计算机名 如： HTTP：/192.168.3.196/BOOK 或者 HTTP：/SYZ/BOOK 2、运行默认站点中的网页文件 在浏览器的地址栏中输入： HTTP：/计算机名或IP地址 如： HTTP：/192.168.3.196 或者 HTTP：/LOCALHOST HTTP：/SYZ (本计算机名是SYZ),-中国铁道出版社-,13,第3章 VBScript和JScript 脚本语言简介,3.1 脚本语言概述,3.2 VBScript 脚本

8、语言概述,3.3 JScript 脚本语言概述,-中国铁道出版社-,14,第3章 VBScript和JScript 脚本语言简介,3.1 脚本语言概述 3.1.1 脚本语言的功能 脚本语言是一段自己不能独立运行，必须要嵌入到HTML语言中才能运行的代码。为了完善和增加网页的功能，经常需要在网页文档中添加一些脚本代码，以增强应用程序的功能。 现在可以使用的脚本语言比较多，如VBScript、JScript、PHP、Perl和Tcl等，其中目前比较流行的脚本语言是VBScript和JScript。 要想运行脚本语言，必须要在WEB服务器上安装支持该种脚本语言的脚本引擎，所谓脚本引擎，就是一个对脚本

9、语句进行解释的解释器，它的功能是解释执行用户网页中的脚本代码，将它译成计算机能执行的机器代码，完成一系列的功能。,-中国铁道出版社-,15,第3章 VBScript和JScript 脚本语言简介,3.1.2 客户端脚本和服务器端脚本 1、客户端脚本 所谓客户端脚本是指脚本程序可以在客户端直接被浏览器解释执行，必须把脚本代码用和标记嵌入到HTML页面中去。用脚本语言编写的客户端脚本是直接嵌入到HTML文档中的，浏览器可以理解其中的语句，并能在网页下载后对这些语句进行解析执行。 只要用户安装的浏览器支持VBScript和JScript脚本语言，下载的网页中的客户端脚本就能被执行。 2、服务器端脚本

10、 服务器端脚本是指脚本代码是在Web服务器上执行的，生成发送到浏览器的HTML页面由Web服务器负责。服务器端脚本由于是在Web服务器上运行的，而送回到用户浏览器上的已经是生成的HTML代码，所以运行速度较慢，但脚本代码原代码用户在浏览器中是看不到的。,-中国铁道出版社-,16,第3章 VBScript和JScript 脚本语言简介,3.1.3 如何在网页中添加脚本代码 1、定义客户端脚本 通常将脚本代码放在HEAD部分中，这样能确保在BODY部分调用代码之前读取并解码所有脚本代码。基本语法格式为： 标记具有以下三个属性： LANGUAGE：指定脚本使用的脚本语言。对于IE浏览器来说，该属性的

11、取值可以是“VBScript”或“JScript”，前者也可以简写为“VBS”。 EVENT：指定与脚本代码相关联的事件。 FOR：指定与事件相关联的对象。 参见例Sample3_1.htm,-中国铁道出版社-,17,第3章 VBScript和JScript 脚本语言简介,另外，大多数客户端脚本代码放在过程或者函数之中，仅在其它代码调用过程或者函数时才被执行。 在编写客户端脚本程序时可以使用注释标记，虽然这不是必须要加上的，但是我们建议还是应该将它加上。因为客户端脚本是被用户浏览器解释执行的，如果有的客户浏览器可以不支持本文档所用的脚本语言，这样被加上注释标记的脚本语言如果不能被浏览器所支持，

12、注释所包含的脚本代码就不能被执行了。 参见例Sample3_2.htm,-中国铁道出版社-,18,第3章 VBScript和JScript 脚本语言简介,2、定义服务器端脚本 定义服务器端脚本有两种方法，在本章我们主要介绍其中的一种方法，另一种方法我们将在第四章加以介绍。 功能代码 注意： 用这种方法在编写的服务器脚本程序一般常放在某个函数或过程的中。脚本块中的命令必须用所选的脚本语言形成一个或多个完整的过程。 不要在服务器端的 标记内部包含任何不属于某个完整过程的一部分的脚本命令。由于执行顺序不可预测，所以不属于过程的命令可能会导致意外结果。 参见例Sample3_3.asp,-中国铁道出版

13、社-,19,第3章 VBScript和JScript 脚本语言简介,3.1.4 如何在客户端获取表单提交的数据 1、文本框、密码框、多行文本框 格式如下： document.表单名称.表单元素名称.value 其中：表单元素名称是在定义控件时为NAME属性所赋的值。 例如,在表单F1中有如下格式的标记指令： 则获取用户输入的密码的方法为： document.f1.pwd.value,-中国铁道出版社-,20,第3章 VBScript和JScript 脚本语言简介,2、单选按钮 用户所定义的单选按钮被存贮在一个数组中，其中单选按钮控件的length属性表示数组中元素个数（即单选项的数目）。 若其

14、中某项被选中，则该数组元素对象的checked属性是逻辑真值，否则是假值。 可以通过该数组元素对象的value属性获取选中项的值。 格式如下： for i=0 to document.表单名.单选按钮控件名.length-1 if document.表单名.单选按钮控件名(i).checked then document.表单名.单选按钮控件名(i).value end if next,-中国铁道出版社-,21,第3章 VBScript和JScript 脚本语言简介,3、复选框 该表单元素的检查过程和单选按钮相似，含义同上。 格式如下： for i=0 to document.表单名.复选框控

15、件名.length-1 if document.表单名.复选框控件名(i).checked then document.表单名.复选框控件名(i).value end if next,-中国铁道出版社-,22,第3章 VBScript和JScript 脚本语言简介,4、下拉列表框 如果下拉列表框中允许选择多项值，获取选中各项值的方法如下： choicelength=document.表单名.下拉列表框名.options.length for i=0 TO choicelength-1 if document.表单名. 列表框名.options(i).selected then document.表单名.下拉列表框名.options(i).text end if next 如果下拉列表框中只能选择单项值，获取选中值的方法如下： document.表单名. 列表框名(document.表单名. 列表框名.selectedindex).text,-中国铁道出版社-,23,3.2 VBScript 脚本语言概