《网页设计与制作实用教程电子教案教学建议教学课件作者刘艳丽第18章节动态网页技术简介课件》由会员分享，可在线阅读，更多相关《网页设计与制作实用教程电子教案教学建议教学课件作者刘艳丽第18章节动态网页技术简介课件（19页珍藏版）》请在金锄头文库上搜索。
1、网页设计与制作实用教程,主编：刘艳丽 副主编：许晞 秦高德 高妍,第18章 动态网页技术简介,2,2019/6/26,学习目标,了解动态网页的概况和实现技术； 了解IIS的安装以及Web站点和FTP站点的配置方法； 掌握配置Dreamweaver的测试站点； 掌握Access数据库的创建方法。掌握在Dreamweaver中连接Access数据库； 掌握用户登录和注销动态网页的制作方法。,第18章 动态网页技术简介,3,2019/6/26,目录,简单动态网页实例 了解动态网页技术 IIS的安装、配置 DREAMWEAVER的站点管理 创建与连接ACCESS数据库 创建登录网页和注销网页 本章小结
2、 配套实训 练习题,第18章 动态网页技术简介,4,2019/6/26,18.1 简单动态网页实例,设计目标 页面分析 实训引导 制作步骤,第18章 动态网页技术简介,5,2019/6/26,设计目标,登录与注销实例由2个网页构成。登录网页将输入的用户名和密码与数据库中的记录进行对比验证，如果验证正确，则转向注销网页，否则仍然显示登录界面。注销网页则实现登录的注销。,返回,第18章 动态网页技术简介,6,2019/6/26,页面分析,1登录网页中有用户名和密码2个文本域对象和提交按钮对象，提交按钮对象还添加了验证用户名是否为空的行为。如果用户名不为空，则将提交的用户名和密码与User数据表中的
3、记录进行对比，如果匹配则转向注销页面，否则仍然显示登录页面。 2注销页面中，单击“注销”链接，实现登录成功状态的注销，并转向登录页面。 3表单信息需由服务器端接收并做相应的处理。因此该网页不再是静态网页而是具有和数据库交互的功能的动态网页。,返回,第18章 动态网页技术简介,7,2019/6/26,实训引导,1本实例不需要图片等素材。 2页面效果请参见webcoursechapter18Asp文件夹下的ex18_6_Login.asp和ex18_6_Logout.asp文件。,返回,第18章 动态网页技术简介,8,2019/6/26,制作步骤,1在开发动态网页之前，读者应对动态网页技术有一个初
4、步了解。 2由于ASP动态网页不能象HTML网页那样直接在浏览器打开网页就能进行浏览测试，必须通过Web服务器来测试。所以在测试ASP动态网页之前，一定要安装、配置好IIS的Web站点，而且还要配置好Dreamweaver中的测试站点。 3创建好数据库，设置其修改权限，并作好数据库的连接，为登录验证作好数据库方面的准备。 4创建登录网页和注销网页，完成这2个动态网页的完整实例。,返回,第18章 动态网页技术简介,9,2019/6/26,18.2 了解动态网页技术,18.2.1 动态网页技术概述 18.2.2 ASP技术,第18章 动态网页技术简介,10,2019/6/26,18.2.1 动态网
5、页技术概述,动态网页是服务器端根据客户端（浏览器）的请求产生的页面。动态网页会根据客户端不同的请求，在服务器端运行已经写好的代码，并完成与数据库的交互，计算完成后把具有一定结果的页面发回给客户端浏览器。 代码的运行实际上是在服务器端进行的，这个代码也叫脚本，称为服务器端脚本。图18.3的示意图描述了动态网页技术这种Web应用程序的客户服务器机制的基本原理。,返回,第18章 动态网页技术简介,11,2019/6/26,18.2.2 ASP技术,1ASP的技术本质 2ASP的强大功能 3ASP的运行环境 4什么时候使用ASP,返回,第18章 动态网页技术简介,12,2019/6/26,18.3 I
6、IS的安装、配置（1）,18.3.1 IIS的安装 1安装前的准备 准备好Windows XP Professional安装光盘，如果在磁盘或移动硬盘中有安装文件的拷贝也行。 以系统管理员的身份登录。如果权限不够，安装可能不成功。 2安装IIS的Web站点服务和FTP站点服务 利用Windows XP Professional安装光盘安装IIS中的Web站点和FTP站点服务组件，操作步骤见教材第366页。,第18章 动态网页技术简介,13,2019/6/26,18.3 IIS的安装、配置（2）,18.3.2 配置IIS 配置IIS中的Web站点和FTP站点，操作步骤见教材第368页,第18章
7、动态网页技术简介,14,2019/6/26,18.4 DREAMWEAVER的站点管理,能在Dreamweaver中能顺利地测试ASP动态网页，在Dreamweaver中也要对其站点进行配置，关键是要设置其站点的服务器类型和HTTP地址。 在第14章的基础上，修改“畅想未来”站点，添加能测试ASP VBScrip类型网页的功能，操作步骤见教材第370页。,第18章 动态网页技术简介,15,2019/6/26,18.5 创建与连接ACCESS数据库,具体操作步骤见教材第371页： 18.5.1 新建Access空数据库 在“D:futurechapter18Data”新建Access数据库“Ne
8、ws.mdb”，18.5.2 新建数据表User 在数据库News.mdb中新建数据表User 18.5.3 设置数据库的修改权限 设置默认的网页浏览用户“IUSR_机器名”对数据库文件所在的文件夹Data有修改权限。 18.5.4 Access数据库的连接,第18章 动态网页技术简介,16,2019/6/26,18.6 创建登录网页和注销网页,具体操作步骤见教材第378页： 18.6.1 登录网页的制作 1新建ASP动态网页 创建ASP动态网页“ex18_6_Login.asp” 2页面布局 3添加表单对象 添加表单对象，并设置检查表单的行为 4设置用户身份验证为“登录用户” 18.6.2
9、创建注销网页 创建注销用户登录的注销网页,第18章 动态网页技术简介,17,2019/6/26,本章小结,本章以在Dreamweaver中开发ASP动态网页为例介绍了动态网页技术，并围绕开发和测试动态网页所需相继介绍了Web网站的安装配置、Dreamweaver中测试站点的配置、数据库的创建， 接着介绍在Dreamweaver中连接数据库和添加实现登录和注销的服务器行为。,第18章 动态网页技术简介,18,2019/6/26,配套实训,参见教材第383384页，页面效果请参见配套光盘的“配套实训resultchapter18”文件夹中的对应文件，读者也可以从本书所提供的网站中浏览。,第18章 动态网页技术简介,19,2019/6/26,练习题,参见教材第384页，完成相应的练习题： 思考题,
