《网页设计与制作实例教程》第9章(陈福宝)

清华大学出版社《网页设计与制作实例教程》第9章高等学校计算机应用规划教材

2024/10/1主编方其桂制作动态网页内容提要一节微课能否设计的好、教学效果佳，知识点的选择和分析处理非常重要。因此，在设计每一节微课时，首先要慎重选择知识点，并对相关的知识点进行科学的分析和处理，使它们更符合教学的认知规律，学习起来才能达到事半功倍的效果。良好的教学设计有助于更好地指导微课程教学资源的开发。本章紧紧抓住“让教师在较短的时间内运用最恰当教学方法和策略讲清讲透一个知识点，让学生在最短的时间内按自己的学习完全掌握和理解一个有价值的知识点”的微课设计制作理念，主要介绍微课的选题与设计，希望读者能够举一反三，选择合适的课题，并经过分析撰写出合理的脚本，确保微课能够满足学习者的实用、易用和想用的直接需求。教学目录动态网页概述01安装和配置Web服务器02制作网页表单03建立网站数据库04使用ASP+Access制作动态网页05第9章制作动态网页9.1动态网页概述教学内容9.1.1静态网页和动态网页静态网页与动态网页的区别在于Web服务器对它处理方式不同。了解这种区别对于ASP概念的理解至关重要。1.静态网页静态网页中的每一行HTML代码都是在放置到Web服务器前由网页设计人员编写的，在放置到Web服务器后便不再发生任何更改。2.动态网页当服务器接收到对动态网页的请求时，它将该网页传递给Web服务器，然后由服务器的相应软件负责完成对网页的处理。教学内容9.1.2动态网页设计语言动态网页设计语言主要有asp、php、、jsp、CGI等。网页也是从开始简单的html语言发展到现在使用复杂的服务语言进行动态网页的制作。9.1动态网页概述1.ASPASP在执行的时候，是由IIS调用程序引擎，解释执行嵌在HTML中的ASP代码，最终将结果和原来的HTML一同送往客户端。2.PHPASP在执行的时候，是由IIS调用程序引擎，解释执行嵌在HTML中的ASP代码，最终将结果和原来的HTML一同送往客户端。3.ASP.netASP.NET的语法在很大程度上与ASP兼容。4.JSPJSP可以看做是Servlet的脚本语言（ScriptLanguage）版。5.CGICGI就是公共网关接口(CommonGatewayInterface)的缩写。教学内容9.2.1安装IISIIS（InternetInformationServer，互联网信息服务）是一种Web（网页）服务组件，其中包括Web服务器、FTP服务器、NNTP服务器和SMTP服务器。9.2安装和配置Web服务器实例1在服务器中安装IIS6.0在Windowsserver2003中成功安装IIS6.0，为建立网站提供服务平台。教学内容9.2.2配置Web服务器IS安装后，系统自动创建了一个默认的Web站点，也可以创建一个新站点，然后对站点进行配置，使用之符合使用要求。下面我们将新建一个名称为asptest的站点，然后对其配置，为后期的搭建asp网站做好准备。9.2安装和配置Web服务器实例2配置web服务器如图所示为一个名为“asptest”的web站点配置后结果。教学内容9.3.1认识表单元素表单（form）主要是用来收集站点访问者的信息。表单从用户收集信息，然后将这些信息提交给服务器进行处理。9.3制作网页表单实例3使用Baidu搜索我们在使用Baidu进行搜索时，如图所示就是一个表单的应用。教学内容9.3.1认识表单元素表单（form）主要是用来收集站点访问者的信息。表单从用户收集信息，然后将这些信息提交给服务器进行处理。9.3制作网页表单实例4新浪邮箱注册我们在注册邮箱时，如图所示，也是一个表单的应用。教学内容9.3.2建立表单<form>是表单的标签，可以把表单看做一个包含很多控件的容器，可以是文本框、单选按钮、复选按钮、下拉列表、按钮等等……这为表单提交信息提供更多的可能。9.3制作网页表单实例5创建表单并测试表单页面如图所示是通过一个登录输入的简单例子，学习表单中包含控件的基本方法。教学内容9.3.2提交表单创建完表单后，表单的信息需要提交给专门的页面接收处理，提取出需要的信息进行处理。下面就来处理所提交的表单信息。9.3制作网页表单实例6提交表单处理信息如图所示提交表单信息后，submit.asp处理信息显示的结果。教学内容9.4.1数据库技术概述数据库技术是通过研究数据库的结构、存储、设计、管理以及应用的基本理论和实现方法，并利用这些理论来实现对数据库中的数据进行处理、分析和理解的技术。9.4建立网站数据库1.数据库的主要特点实现数据共享、减少数据的冗余度、数据的独立性、数据实现集中控制、数据一致性和可维护性、故障恢复。2.数据种类的种类数据库通常分为层次式数据库、网络式数据库和关系式数据库三种。教学内容9.4.2创建Access数据库MicrosoftOfficeAccess是由微软发布的关系数据库管理系统，是一款数据库应用的开发工具软件。实例7新建Access数据如图所示是一个简单的答题信息数据库，它是由三个表和一个查询组成。9.4建立网站数据库教学内容9.5.1登录页面在登录页面里输入用户名和密码，检查数据库中该用户用否存在，如果存在，则进入答题页面，否则重新输入。实例8登录页面如图所示的登录页面里，当用户输入用户名和密码后，单击登录按钮，若用户名和密码正确，则跳转到答题页面，否则重新输入。9.5使用ASP+Access制作动态网页教学内容9.5.2答题页面登录成功后进入答题页面，在答题页面里首先检查该用户是否已经存在答题记录，若则则删除该记录。然后再为表中添加一记录，利用随机函数生成该用户的选题情况，并最终生成答题页面。实例9答题页面如图所示的答题页面，编写asp代码，为用户生成不同内容的答题页面，用户完成答题后，可以单击提交按钮查看答题情况。9.5使用ASP+Access制作动态网页教学内容9.5.3答题结果页面完成答题提交后，将显示本次的答题结果，根据不同的要求，可以有不同形式的显示方式，在这里我们将显示出正确的答案与用户自己选择的答案，至于更复杂的显示方式，