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