第7章 创建动态网页（课件）-高二《网页设计与制作》同步教学（人民邮电版）

第7章 创建动态网页 7.1 数据库的创建与连接 7. 2 创建动态网页 技能目标 技能目标 了解制作动态网页的基本知识 掌握表单的制作 掌握动态网页制作的基本方法与技巧 掌握动态网页的发布及数据库的链接   7.1 数据库的创建与连接 动态页面是在后台数据库的基础上创建的，因此数据库的创建和连接对于动态网页是否能够正常工作起着极其重要的作用。数据库的种类非常多，例如Access和SQL Server等，本节将以在Access数据库中创建会员注册登录系统为例来介绍如何创建和连接数据库。 案例7-1 建立会员注册登录数据库 建立一个会员注册登录数据库并连接数据，完成后的数据库效果如图所示。 7.1 数据库的创建与连接 案例7-1 建立会员注册登录数据库 【案例分析】 制作数据库之前，首先要考虑会员注册页面中大概会让用户提供哪些信息，根据这些信息创建对应的数据库表中的字段。本例中的注册页面内容包括：用户名、密码、性别、学历、爱好（包括：音乐、读书、运动和旅游）及个性签名。可以考虑采用创建包含对应字段的数据库表来实现它。 7.1 数据库的创建与连接 案例7-1 建立会员注册登录数据库 7.1 数据库的创建与连接 【操作步骤】 （1）创建根目录文件夹，并在其下创建子文件夹“database”。 （2）启动Microsoft Access程序后，新建空数据库。 （3）使用设计器创建表 。 （4）为已经创建好的表添加记录 。 （5）利用“ODBC数据源管理器 ”对使用的数据库建立连接 。 （6）新建站点，完成动态站点的设置并导入创建好的数据库 。 （演示操作） 案例7-1 建立会员注册登录数据库 7.1 数据库的创建与连接 案例小结： 创建数据库以及数据库的连接是动态网页制作的第一步也是极为重要的一步。本案例通过数据库的创建和DNS的设置，讲解了动态网页的前期准备工作。 课堂小练习： 将本节实例中的会员信息换成你的朋友和家人的通讯录，自己动手做出一个数据库方便今后和他们联系。 动态网页的重要组成元素是表单，表单支持客户端－服务器关系中的客户端。当访问者在Web浏览器（客户端）中显示的表单中输入信息，然后单击提交按钮时，这些信息将被发送到服务器，服务器中的服务器端教本或应用程序会对这些信息进行处理。服务器向用户（或客户端）返回所请求的信息或基于该表单内容执行某些操作，以此进行响应。经常在网站上看到的会员注册和登录、在线调查、在线搜索等都属于这种情况。 7.2 创建动态网页 表单可以包含允许进行交互的各种对象，包括文本域、列表框、复选框、单选按钮、图像域、按钮以及其他表单对象。现在，让就通过会员注册的案例，来学习如何利用表单创建动态网页。 7.2 创建动态网页 案例7-2 制作会员注册动态网页 一个会员注册系统，提供会员的注册功能，检查注册用户名是否存在以及提示用户重新注册功能，如图所示为已创建成功的一个会员注册页面。 7.2 创建动态网页 案例7-2 制作会员注册动态网页 【案例分析】 制作网页之前，首先要对其内容进行规划，本例中的会员注册系统页面结构如下： 7.2 创建动态网页 会员注册页面 zhuce-asp 新用户已存在页面cunzai-html 注册成功页面zhuceok--html 其中注册页面内容包括：用户名、密码、性别、学历、爱好、个性签名。考虑用表单对象文本域、单选按钮、列表框、复选框等来实现它。 案例7-2 制作会员注册动态网页 【操作步骤】 1、制作会员注册网页 （1）创建文件夹，将相关素材拷至文件夹内。打开其中的“sucai07-html”，将其另存为zhuce-asp，打开该文档。 （2）插入记录→表单→表单 。 （3）将光标放置在表单中，插入8行2列的表格 。 （4）插入记录→表单→文本域 。 （5）插入记录→表单→单选按钮 。 （6）插入记录→表单→复选框 。 （7）插入记录→表单→列表/菜单 。 （8）插入记录→表单→文本区域 。 （9）插入记录→表单→按钮 。 （10）利用“检查表单”选项对表单进行设置 。 （11）添加服务器行为：“用户身份验证→检查新用户名” （演示操作） 7.2 创建动态网页 案例7-2 制作会员注册动态网页 7.2 创建动态网页 【操作步骤】 2、制作新用户已存在网页 （1）打开本地根文件夹下的“sucai07-html”，将其另存为cunzai-html，打开该文档。 （2）插入2行3列的表格 。 （3）分别输入文字“对不起，您所填写的用户名已存在！“和“请重新进行注册！” 。 （4）