Dreamweaver cs5中文版入门与提高实例教程 第12章

第12章动态网页基础与外部程序接口

本章重点

本章简要介绍Dreamweaver的部分动态网页功能，如安装配置IIS服务器、动态页面的创建流程、动态数据的配置、刷新以及设置，制作动态文本和动态图像、数据绑定，以及使用外部程序接口直接使用Fireworks和Flash中创建的内容。学习目的通过本章的学习，您可以掌握：安装配置IIS服务器和虚拟目录动态页创建流程动态数据的相关操作动态文本和动态图像的制作外部程序接口的使用12.1安装IIS服务器

1．在WindowsXP操作系统中选择“开始”/“控制面板”/“添加/删除程序”图标，打开“添加/删除程序”对话框。

2．单击对话框左侧的“添加/删除Windows组件”选项，弹出“Windows组件向导”对话框。在该对话框中选择要添加的组件Internet信息服务（IIS）。

3．双击“Windows组件向导”对话框组件列表中的“Internet信息服务（IIS）”选项，弹出如图所示的对话框。建议初学者将这些可选的服务全部选上。

4．选择需要使用的组件之后，选择“确定”按钮，并将对应的操作系统安装盘放入光驱内。此时将弹出一个复制文件的窗口。

5．文件复制完成之后，单击“完成”按钮，完成IIS服务安装。此时，在安装操作系统的磁盘目录下可以看到一个名为Inetpub的文件夹。配置IIS服务器

1．打开“Internet信息服务”窗口。

2．在左侧窗格中单击“默认网站”节点，则右侧的窗格中将显示默认的Web主目录下的目录以及文件信息。主目录是指服务器上映射到站点域名的文件夹。如果要用来处理动态页的文件夹不是主目录或其任何子目录，则必须创建虚拟目录。

3．在“默认网站”结点上单击鼠标右键，从弹出的快捷菜单中选择“属性”命令，打开“默认网站属性”对话框，如图所示。4．单击“主目录”页签，切换到如图所示的“主目录”选项卡。该页面用于设置Web站点的主目录，即站点文件的位置。这是配置IIS中最重要的一个选项。

成功安装IIS之后，Web站点默认的主目录是：系统安装盘符:\inetpub\wwwroot。用户也可以将主目录设置为本地计算机上的其他目录，还可以设置为局域网上其他计算机的目录，或者重定向到其他网址。只需在“连接到资源时的内容来源”区域选中需要的内容来源，然后在下面的文本框中键入相应的路径即可。

5．单击“文档”页签切换到“文档”选项卡，修改浏览器默认的主页及调用顺序。6．以上设置完成之后，单击“确定”按钮关闭窗口。12.2设置虚拟目录

使用IIS管理器创建虚拟目录在“Internet信息服务”窗口左侧窗格中的“默认网站”结点上单击鼠标右键，从弹出的快捷菜单中选择“新建”/“虚拟目录”命令，打开“虚拟目录创建向导”对话框。注意：虚拟目录的别名不区分大小写，并且应唯一。设置文件夹的共享属性在资源管理器中，在要设置为虚拟目录的文件夹上单击鼠标右健，从弹出的快捷菜单中选择“属性”命令，打开“Web共享”选项卡。

12.3动态页创建流程创建静态页定义记录集数据绑定激活动态页编辑和调试Web页12.5动态文本

所有的动态网页都源于静态网页，可以将静态网页中的文本转换为动态文本，或者直接将动态文本放置在网页中的某一点处。动态文本将继承被替换文本的文本格式或插入点的格式。（1）执行“窗口”/“绑定”命令，打开“绑定”浮动面板。（2）确认“绑定”面板的数据源列表中是否有需要的数据源。如果没有，则可以通过单击加号按钮，新建一个需要的数据源。（3）在文档窗口或者动态数据窗口中，选择网页中需要替换的文本，或者单击需要增加动态文本的地方。（4）在数据绑定面板中，从列表中选择一个数据源。对于记录集类型的数据源，选择想要插入的字段。（5）将数据源拖到网页上。这时文件窗口会出现占位符替换选择的文本或在插入点直接显示占位符。12.6动态图像（1）新建一个文档或打开一个需要创建动态图像的文档。（2）将光标放置在需要插入动态图像的位置。选择“插入”/“图像”命令。（3）在弹出的“选择文件”对话框中的“从文件名称选择”后面有两个单选按钮，这里要插入动态图像，则单击选择“数据源”单选按钮，此时对话框中会将数据源列出。（4）从该数据源列表中选择一个需要的数据源。在URL中输入数据源的路径。路径可以是绝对路径，也可以是相对于当前目录的路径或者是基于根目录的路径，这主要依赖于站点的文件结构而决定。（5）设置完成后，单击“确定”按钮，关闭该对话框，完成操作。（6）选择“文件”/“保存”命令，将该文件保存。12.7连接数据库

在将数据库中的数据绑定到ASP应用程序之前，必须建立一个数据库连接，否则，Dreamweaver无法使用数据库作为动态页面的数据源。而在建立数据库连接之前必须建立一个DSN指向数据库的快捷方式，它包含数据库连接的一切信息。所谓建立数据库连接，就是建立数据库连接文件，在连接文件中指明数据库驱动程序和数据库路径的过程。站点中每一个数据库都对应一个独立的连接文件。在Dreamweaver中创建连接文件时，系统会将所有的连接信息自动放置在站点根目录下自动生成的Connections文件夹中。连接DSN数据源自定义连接字符串编辑数据库连接定义数据源

在一个站点中可能不止一个数据库。一个数据库中又往往包含多个结构不同的数据表。因此，将动态内容添加到页面中之前，必须定义一个数据源来提供动态内容。数据源可以是记录集中的一个域，表单的提交值，或者是类似会话变量或应用程序变量的服务器对象。

定义记录集定义变量

定义请求变量定义阶段变量定义应用程序变量

12.8使用外部程序接口使用Dreamweaver与Fireworks的结合特性不仅可以方便地实现两者间的文件交换，而且还可以共享和管理HTML文件中的许多内容，例如链接、图像等。这将大大提高网页设计与编辑的效率，为读者提供了一个高效的网页制作流程。使用Dreamweaver与Flash的集成特性，可以在制作网页的时候直接运用Flash中的文件，在网页中插入Flash文件使网页更加生动精美。12.8.1插入Fireworks图像和HTML文件（1）在Dreamweaver文档窗口中，将光标置于所要插入HTML文件的位置。（2）执行“插入”/“图像对象”/“FireworksHTML”命令,弹出一个如图所示的“插入FireworksHTML”对话框。

（3）在对话框中单击“浏览”按钮选择所要插入的HTML文件，或者在“FireworksHTML文件”文本框中直接输入HTML文件的路径。（4）如果选中“插入后删除文件”复选框，则HTML文件插入页面后，源文件将被删除。使用该选项前请确认不再需要使用源HTML文件。该选项不影响图像文件，仅仅删除单独的HTML源文件。（5）单击“确定”按钮插入HTML文件。插入HTML文件时包含了HTML源文件关联的图像，切片和JavaScript脚本语言。12.8.2优化插入的Fireworks图像在Dreamweaver中可以快速调用Fireworks的图像输出设置功能，而不必打开整个Fireworks。

（1）选取页面中要进行优化处理的图像。（2）执行“命令”/“优化图像”菜单命令，打开如图所示的“图像预览”对话框。“图像预览”对话框右侧的预览区域所显示的文档或图形与导出时的完全相同，