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