动态网页技术简介课件

网页设计与制作实用教程网页设计与制作实用教程第18章动态网页技术简介22023/1/2学习目标了解动态网页的概况和实现技术；了解IIS的安装以及Web站点和FTP站点的配置方法；掌握配置Dreamweaver的测试站点；掌握Access数据库的创建方法。掌握在Dreamweaver中连接Access数据库；掌握用户登录和注销动态网页的制作方法。第18章动态网页技术简介22022/12/18学习目标了解第18章动态网页技术简介32023/1/2目录简单动态网页实例了解动态网页技术IIS的安装、配置DREAMWEAVER的站点管理创建与连接ACCESS数据库创建登录网页和注销网页本章小结配套实训练习题第18章动态网页技术简介32022/12/18目录简单动态第18章动态网页技术简介42023/1/218.1简单动态网页实例设计目标页面分析实训引导制作步骤第18章动态网页技术简介42022/12/1818.1简第18章动态网页技术简介52023/1/2设计目标登录与注销实例由2个网页构成。登录网页将输入的用户名和密码与数据库中的记录进行对比验证，如果验证正确，则转向注销网页，否则仍然显示登录界面。注销网页则实现登录的注销。返回第18章动态网页技术简介52022/12/18设计目标登录第18章动态网页技术简介62023/1/2页面分析1．登录网页中有用户名和密码2个文本域对象和提交按钮对象，提交按钮对象还添加了验证用户名是否为空的行为。如果用户名不为空，则将提交的用户名和密码与User数据表中的记录进行对比，如果匹配则转向注销页面，否则仍然显示登录页面。2．注销页面中，单击“注销”链接，实现登录成功状态的注销，并转向登录页面。3．表单信息需由服务器端接收并做相应的处理。因此该网页不再是静态网页而是具有和数据库交互的功能的动态网页。返回第18章动态网页技术简介62022/12/18页面分析1．第18章动态网页技术简介72023/1/2实训引导1．本实例不需要图片等素材。2．页面效果请参见webcourse\chapter18\Asp\文件夹下的ex18_6_Login.asp和ex18_6_Logout.asp文件。返回第18章动态网页技术简介72022/12/18实训引导1．第18章动态网页技术简介82023/1/2制作步骤1．在开发动态网页之前，读者应对动态网页技术有一个初步了解。2．由于ASP动态网页不能象HTML网页那样直接在浏览器打开网页就能进行浏览测试，必须通过Web服务器来测试。所以在测试ASP动态网页之前，一定要安装、配置好IIS的Web站点，而且还要配置好Dreamweaver中的测试站点。3．创建好数据库，设置其修改权限，并作好数据库的连接，为登录验证作好数据库方面的准备。4．创建登录网页和注销网页，完成这2个动态网页的完整实例。返回第18章动态网页技术简介82022/12/18制作步骤1．第18章动态网页技术简介92023/1/218.2了解动态网页技术18.2.1

动态网页技术概述18.2.2

ASP技术第18章动态网页技术简介92022/12/1818.2了第18章动态网页技术简介102023/1/218.2.1动态网页技术概述动态网页是服务器端根据客户端（浏览器）的请求产生的页面。动态网页会根据客户端不同的请求，在服务器端运行已经写好的代码，并完成与数据库的交互，计算完成后把具有一定结果的页面发回给客户端浏览器。代码的运行实际上是在服务器端进行的，这个代码也叫脚本，称为服务器端脚本。图18.3的示意图描述了动态网页技术这种Web应用程序的客户／服务器机制的基本原理。返回第18章动态网页技术简介102022/12/1818.2.第18章动态网页技术简介112023/1/218.2.2

ASP技术1．ASP的技术本质2．ASP的强大功能3．ASP的运行环境4．什么时候使用ASP返回第18章动态网页技术简介112022/12/1818.2.第18章动态网页技术简介122023/1/218.3

IIS的安装、配置（1）18.3.1

IIS的安装1．安装前的准备准备好WindowsXPProfessional安装光盘，如果在磁盘或移动硬盘中有安装文件的拷贝也行。以系统管理员的身份登录。如果权限不够，安装可能不成功。2．安装IIS的Web站点服务和FTP站点服务利用WindowsXPProfessional安装光盘安装IIS中的Web站点和FTP站点服务组件，操作步骤见教材第366页。第18章动态网页技术简介122022/12/1818.3第18章动态网页技术简介132023/1/218.3

IIS的安装、配置（2）18.3.2配置IIS配置IIS中的Web站点和FTP站点，操作步骤见教材第368页第18章动态网页技术简介132022/12/1818.3第18章动态网页技术简介142023/1/218.4

DREAMWEAVER的站点管理能在Dreamweaver中能顺利地测试ASP动态网页，在Dreamweaver中也要对其站点进行配置，关键是要设置其站点的服务器类型和HTTP地址。在第14章的基础上，修改“畅想未来”站点，添加能测试ASPVBScrip类型网页的功能，操作步骤见教材第370页。第18章动态网页技术简介142022/12/1818.4第18章动态网页技术简介152023/1/218.5创建与连接ACCESS数据库

具体操作步骤见教材第371页：18.5.1新建Access空数据库在“D:\future\chapter18\Data”新建Access数据库“News.mdb”，18.5.2新建数据表User在数据库News.mdb中新建数据表User18.5.3设置数据库的修改权限设置默认的网页浏览用户“IUSR_机器名”对数据库文件所在的文件夹Data有修改权限。18.5.4

Access数据库的连接第18章动态网页技术简介152022/12/1818.5第18章动态网页技术简介162023/1/218.6创建登录网页和注销网页

具体操作步骤见教材第378页：18.6.1登录网页的制作1．新建ASP动态网页创建ASP动态网页“ex18_6_Login.asp”2．页面布局3．添加表单对象添加表单对象，并设置检查表单的行为4．设置用户身份验证为“登录用户”18.6.2创建注销网页创建注销用户登录的注销网页第18章动态网页技术简介162022/12/1818.6第18章动态网页技术简介172023/1/2本章小结本章以在Dreamweaver中开发ASP动态网页为例介绍了动态网页技术，并围绕开发和测试动态网页所需相继介绍了Web网站的安装配置、Dreamweaver中测试站点的配置、数据库的创建，接着介绍在Dreamweaver中连接数据库和添加实现登录和注销的服务器行为。第18章动态网页技术简介172022/12/18本章小结第18章动态网页技术简介182023/1/2配套实训

参见教材第383～384页，页面效果请参见配套光盘的“配套实训\result\chapter18”文件夹中的对应文件，读者也可以从本书所提供的网站中浏览。第18章动态网页技术简介182022/12/18配套实训第18章动态网页技术简介192023/1/2练习题参见教材第384页，完成相应的练习题：

思考题第18章动态网页技术简介192022/12/18练习题参见网页设计与制作实用教程网页设计与制作实用教程第18章动态网页技术简介212023/1/2学习目标了解动态网页的概况和实现技术；了解IIS的安装以及Web站点和FTP站点的配置方法；掌握配置Dreamweaver的测试站点；掌握Access数据库的创建方法。掌握在Dreamweaver中连接Access数据库；掌握用户登录和注销动态网页的制作方法。第18章动态网页技术简介22022/12/18学习目标了解第18章动态网页技术简介222023/1/2目录简单动态网页实例了解动态网页技术IIS的安装、配置DREAMWEAVER的站点管理创建与连接ACCESS数据库创建登录网页和注销网页本章小结配套实训练习题第18章动态网页技术简介32022/12/18目录简单动态第18章动态网页技术简介232023/1/218.1简单动态网页实例设计目标页面分析实训引导制作步骤第18章动态网页技术简介42022/12/1818.1简第18章动态网页技术简介242023/1/2设计目标登录与注销实例由2个网页构成。登录网页将输入的用户名和密码与数据库中的记录进行对比验证，如果验证正确，则转向注销网页，否则仍然显示登录界面。注销网页则实现登录的注销。返回第18章动态网页技术简介52022/12/18设计目标登录第18章动态网页技术简介252023/1/2页面分析1．登录网页中有用户名和密码2个文本域对象和提交按钮对象，提交按钮对象还添加了验证用户名是否为空的行为。如果用户名不为空，则将提交的用户名和密码与User数据表中的记录进行对比，如果匹配则转向注销页面，否则仍然显示登录页面。2．注销页面中，单击“注销”链接，实现登录成功状态的注销，并转向登录页面。3．表单信息需由服务器端接收并做相应的处理。因此该网页不再是静态网页而是具有和数据库交互的功能的动态网页。返回第18章动态网页技术简介62022/12/18页面分析1．第18章动态网页技术简介262023/1/2实训引导1．本实例不需要图片等素材。2．页面效果请参见webcourse\chapter18\Asp\文件夹下的ex18_6_Login.asp和ex18_6_Logout.asp文件。返回第18章动态网页技术简介72022/12/18实训引导1．第18章动态网页技术简介272023/1/2制作步骤1．在开发动态网页之前，读者应对动态网页技术有一个初步了解。2．由于ASP动态网页不能象HTML网页那样直接在浏览器打开网页就能进行浏览测试，必须通过Web服务器来测试。所以在测试ASP动态网页之前，一定要安装、配置好IIS的Web站点，而且还要配置好Dreamweaver中的测试站点。3．创建好数据库，设置其修改权限，并作好数据库的连接，为登录验证作好数据库方面的准备。4．创建登录网页和注销网页，完成这2个动态网页的完整实例。返回第18章动态网页技术简介82022/12/18制作步骤1．第18章动态网页技术简介282023/1/218.2了解动态网页技术18.2.1

动态网页技术概述18.2.2

ASP技术第18章动态网页技术简介92022/12/1818.2了第18章动态网页技术简介292023/1/218.2.1动态网页技术概述动态网页是服务器端根据客户端（浏览器）的请求产生的页面。动态网页会根据客户端不同的请求，在服务器端运行已经写好的代码，并完成与数据库的交互，计算完成后把具有一定结果的页面发回给客户端浏览器。代码的运行实际上是在服务器端进行的，这个代码也叫脚本，称为服务器端脚本。图18.3的示意图描述了动态网页技术这种Web应用程序的客户／服务器机制的基本原理。返回第18章动态网页技术简介102022/12/1818.2.第18章动态网页技术简介302023/1/218.2.2

ASP技术1．ASP的技术本质2．ASP的强大功能3．ASP的运行环境4．什么时候使用ASP返回第18章动态网页技术简介112022/12/1818.2.第18章动态网页技术简介312023/1/218.3

IIS的安装、配置（1）18.3.1

IIS的安装1．安装前的准备准备好WindowsXPProfessional安装光盘，如果在磁盘或移动硬盘中有安装文件的拷贝也行。以系统管理员的身份登录。如果权限不够，安装可能不成功。2．安装IIS的Web站点服务和FTP站点服务利用WindowsXPProfessional安装光盘安装IIS中的Web站点和FTP站点服务组件，操作步骤见教材第366页。第18章动态网页技术简介122022/12/1818.3第18章动态网页技术简介322023/1/218.3

IIS的安装、配置（2）18.3.2配置IIS配置IIS中的Web站点和FTP站点，操作步骤见教材第368页第18章动态网页技术简介132022/12/1818.3第18章动态网页技术简介332023/1/218.4

DREAMWEAVER的站点管理能在Dreamweaver中能顺利地测试ASP动态网页，在Dreamweaver中也要对其站点进行配置，关键是要设置其站点的服务器类型和HTTP地址。在第14章的基础上，修改“畅想未来”站点，添加能测试ASPVBScrip类型网页的功能，操作步骤见教材第370页。第18章动态网页技术简介142022/12/1818.4第18章动态网页技术简介342023/1/218.5创建与连接ACCESS数据库

具体操作步骤见教材第371页：18.5.1新建Access空数据库在“D:\future\chapter18\Data”新建Access数据库“News.mdb”，18.5.2新建数据表User在数据库News.mdb中新建数据表User18.5.3设置数据库的修改权限设置默认的网页浏览用户“IUSR_机器名”对数据库文件所在的文件夹Data有修改权限。18.5.4

Access数据库的连接第18章动态网页技术简介152022/12/1818.5