第8课 生成动态页.pptVIP

Dreamweaver 8网页制作实例短训教程 机械工业出版社同名教材 配套电子教案 2007.1 * * 8.1 课前导读 8.2 课堂教学 8.3 上机操作 8.4 课后作业 第8课 生成动态页 本课主要讲述使用Dreamweaver 8中的Web应用程序开发工具，向页面添加动态内容。通过本课的学习，掌握建立动态网页的基本方法，为进一步开发Web应用程序打好基础。学习中要注意上机实际操作与理论的结合，做到如下3点： ① 对每一种操作方法都要上机多实践。 ② 上机前进行预习，课后作业认真完成。 ③ 结合一些基本概念，进行上机操作练习。 8.1 课前导读 8.2.1 Web应用程序开发面板简介 在进行Web应用程序开发之前，用户必须先熟悉一下“应用程序”选项卡和“应用程序”面板，才能使开发的过程更加高效。 1．“应用程序”选项卡 单击“插入”栏中的“应用程序”选项卡，显示一组按钮，使用户能够将动态内容和服务器行为添加到页面中，如图8-1所示。 8.2 课堂教学 8.2.1 Web应用程序开发面板简介 显示的按钮的数量和类型取决于在“文档”窗口中打开的文档类型。“插入”栏中包括可将下列项添加到页面中的按钮： 记录集 动态文本或表 向数据库插入记录或更新其中记录的表单 记录导航条 8.2 课堂教学 2．“应用程序”面板 “应用程序”面板包括4个面板：“数据库”面板、“绑定”面板、“服务器行为”面板和“组件”面板，如图8-2所示。这些面板的联合使用使开发动态Web站点非常简捷。 8.2 课堂教学 8.2.2 动态页设计工作流程 Dreamweaver的可视化工具使用户可以开发动态Web站点，而不必亲手编写创建能够显示数据库中存储的动态内容所必需的复杂编程逻辑。 1．设计页面 在设计任何Web站点（无论是静态还是动态的）时的一个关键步骤是页面视觉效果的设计。当向网页中添加动态元素时，页面的设计对于其可用性至关重要。 将动态内容合并到Web页的常用方法是创建一个显示内容的表格，然后将动态内容导入该表格的一个或多个单元格中。利用此方法，可以用一种结构化的格式表示各种类型的信息。 8.2 课堂教学 2．创建动态内容源 动态Web站点需要一个内容源，在将数据显示在网页上之前，动态Web站点需要从该内容源提取这些数据。在Dreamweaver中，这些数据源可以是数据库、请求变量、服务器变量、表单变量或预存过程。 能在Web页中使用这些内容源之前，必须执行以下操作： 创建动态内容源（如数据库）与处理该页面的应用程序服务器之间的连接。 指定要显示数据库中信息。 使用Dreamweaver的指向并单击界面选择动态内容元素并将其插入到选定页面。 8.2 课堂教学 3．向Web页添加动态内容 定义记录集或其它数据源并将其添加到“绑定”面板后，用户可以将该记录集所代表的动态内容插入到页面中。Dreamweaver的菜单型界面使得添加动态内容元素非常简单，只需从“绑定”面板中选择动态内容源，然后将其插入到当前页面内的适当文本、图像或表单对象中即可。 将动态内容元素或其它服务器行为插入到页面中时，Dreamweaver 会将一段服务器端脚本插入到该页面的源代码中。该脚本指示服务器从定义的数据源中检索数据，然后将数据呈现在该网页中。 8.2 课堂教学 4．增强动态页的功能 除了添加动态内容外，用户还可以通过使用服务器行为轻松地将复杂的应用程序逻辑合并到网页中。“服务器行为”是预定义的服务器端代码片段，这些代码向Web页添加应用程序逻辑，从而提供更强的交互性能和功能。 Dreamweaver的内置服务器行为被设计为支持跨平台Web页，适用于所有浏览器。 如果要向页面添加服务器行为，可以从“插入”栏的“应用程序”类别或“服务器行为”面板中选择它们。 8.2 课堂教学 5．测试和调试页 在Web上使用动态页或整个Web站点之前，需要测试其功能。在将站点上传到服务器并声明其可供浏览之前，建议用户先在本地对其进行测试。 实际上，在站点建设过程中，建议用户不断地对站点进行测试并解决所发现的问题，以便尽早发现问题，避免重复出错。应该确保页面在目标浏览器中如预期的那样显示和工作，而且没有断开的链接，页面下载也不占用太长时间。 8.2 课堂教学 8.2.3 为页面获取数据 基于Web的应用程序和动态Web站点都需要一个可以从中检索数据的内容源。不论是数据还是数据源都可以采取多种形式。通常，数据由返回到网页的文本或数字信