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