DreamWeaver实例教程前5例

DW网页设计100例1：构建开发环境（ 1 ）单击【开始】→【控制面板】，如图1-1 所示。

图1-1 打开控制面板（ 2 ）在弹出的【控制面板】窗口中双击【添加或删除程序】按钮图标，在弹出的【添加或删除程序】对话框中选择安装IIS 服务器，如图1-2 所示。

（ 3 ）安装好IIS 服务器后，在【控制面板】窗口中单击管理工具，然后在弹出的【管理工具】窗口中单击【Internet 信息服务】，进行默认站点属性的设置，具体操作如图1-3 所示。

（ 4 ）安装 .NET 框架。

.NET 框架是创建、部署和运行Web 服务及其他应用程序的一个环境。

它包括三个主要部分：公共语言运行时、框架类和 。

安装 .NET 框架其实就是构建 开发环境。

.NET 框架SDK 可在微软的网站上下载，如 .NET Framework 2.0 和相应版本的SDK 工具包的下载安装网址如下：① .NET Framework 2.0 框架（ .NET Framework 2.0 版可再发行组件包测试版2 x86 ），下载地址为/downloads/details.aspx?displaylang=zh-cn&FamilyID =7abd 8c 8f -287e -4c 7e -9a 4a -a4ecff40fc8e ；② .NET Framework 2.0 SDK 工具包（ .NET Framework 2.0 SDK Beta 2 x86 ），下载地址为/downloads/details.aspx?FamilyID=41070791-8912-4f94-ac46-7 ce0e386dsc9&DisplayLang=en ；（上面两个下载地址，可直接复制【光盘】| 【源文件】| 【实例1 】｜【 1.1.txt 】中的内容而获得）③ .NET Framework 2.0 中文语言包已附在随书光盘的【源文件】| 【实例 1 】中。

（ 5 ）测试环境。

安装完成后打开IE 浏览器，在地址栏上输入“ localhost/text.aspx ”，假定text.aspx 文档不存在，那么IE 浏览器上一定会返回错误信息。

如果出现如图1-4 所示的错误信息，则说明 的运行环境基本构建完毕。

（ 6 ）在windows 2003操作系统中构建 运行环境。

上面介绍的是在windows 2000或XP 操作系统中构建 运行环境的步骤和方法。

在这里顺便介绍一下在windows 2003操作系统中构建 运行环境的两种方法。

一是使用【配置您的服务器向导】安装IIS 6.0 和 ，操作步骤如下：①放入windows 2003系统安装盘，在【开始】菜单中单击【管理您的服务器】；②在【管理您的服务器角色】下单击【添加或删除角色】；③阅读【配置您的服务器向导】中的预备步骤，然后单击【下一步】；④在【服务器角色】下单击【应用程序服务器（IIS ， ）】，然后单击【下一步】；⑤在【应用程序服务器选项】对话框中选中【启用 】复选框，然后单击【下一步】，再单击“下一步”；⑥阅读概要信息，然后单击【下一步】；⑦最后单击【完成】按钮完成安装。

二是使用【控制面板】安装IIS 6.0 和 ，操作步骤如下：①放入windows 2003系统安装盘，在【开始】菜单中单击【控制面板】，打开【控制面板】窗口；②双击【添加或删除程序】图标；③在弹出的【添加或删除程序】对话框中单击【添加/ 删除Windows 组件】；④在弹出的【Windows 组件向导】对话框中的【组件】列表框里单击【应用程序服务器】；⑤接着单击【详细信息】；⑥单击【Internet 信息服务】管理器；⑦单击【详细信息】以查看IIS 可选组件的列表；⑧选择要安装的所有可选组件；⑨单击【确定】，直到返回【Windows 组件向导】对话框；⑩单击【下一步】，退出【Windows 组件向导】对话框。

（7 ）在windows 2003服务器中的IIS 管理器中直接启用 的操作步骤如下：①在【开始】菜单中单击【运行】，打开【运行】对话框；②在【运行】对话框中的【打开】框中键入inetmgr ，然后单击【确定】；③在IIS 管理器中展开本地计算机，然后单击【Web 服务扩展】；④在右侧窗格中用鼠标右键单击【 】，然后单击【允许】， 的状态变为“允许”。

DW网页设计100例2：快速建立站点在Dreamweaver 中建立站点，是进行网站开发的第二个关键步骤。

这里所讲的建立站点，其实就是在Dreamweaver 中定义站点、策划站点结构、部署开发环境。

定义站点是为了更好地利用【文件】面板对站点文件进行管理，也是为减少一些错误的出现，如路径出错，链接出错等等。

许多初学者开始做网页时，就只知道做单一网页，对文件的条理性、结构性不加以管理，没有对文件进行分类管理，使整个站点结构显得很乱；所以在开发之前应该认真策划好站点结构。

由于本书后面讲解的是 网络应用程序的开发，所以其开发之前，应该部署好Dreamweaver 有关开发运行组件。

效果说明图2-1 所示是用Dreamweaver 建立的站点“ Dreamweaver100 ”，该站点是第75 例至第90 例中玩具公司构建网站的站点。

本例就是介绍这个站点的建立方法。

打开Dreamweaver MX 2004 软件，执行【站点】| 【站点管理】命令，在弹出的【站点管理】对话框中选择【新建】，按新建站点的步骤逐步进行设置，最后保存完成制作。

操作步骤步骤一定义站点（ 1 ）开始新建站点。

启动Dreamweaver MX 2004 ，切换到【文件】面板，单击【管理站点】，然后在弹出的【管理站点】对话框中单击【新建】按钮，如图2-2 所示。

（ 2 ）设置站点属性参数。

在弹出的【Dreamweaver 100 的站点定义为】对话框的“编辑文件”、“编辑文件，第2 部分”、“编辑文件，第3 部分”中定义站点，如图2-3 所示。

提示：本实例是切换到【基本】选项卡中设置站点，建议初学者先以此方式建立站点，再通过【高级】选项卡对站点进行更详细的设置。

图2-3 中的步骤4 如果选择的是【否，我不想使用服务器技术】，则站点为静态网站，此时将直接执行步骤6 。

静态网站与动态网站的区别不是指网站有没有GIF 、FLASH 动画，而是指有没有互动性。

“互动性”是指网站根据用户的要求和选择能够动态作出改变及响应，能够自动更新网站，自动生成批量页面，能够根据用户的条件（时间、浏览器类型、用户在站点的使用权限等），自动生成不同页面。

图2-3 中的步骤5 主要是根据自身熟悉的服务器技术进行选择。

如果读者熟悉ASP 服务器技术，则可选择【ASP JavaScript 】、【ASP VBScript 】这两种脚本中的一种，如果熟悉 ，则应选择【 C# 】、【 VB 】或【 Jscript 】。

图2-3 中的步骤7 如果选择的是【在本地进行编辑，然后上传到远程测试服务器】，那么在执行完步骤9 之后，将会进入到【测试文件】中进行远程服务器的有关设置；如果选择的是【使用本地网络直接在远程测试服务器上进行编辑】，那么在第8 步操作中就应输入该服务器的地址，鉴于安全性，建议初学者不要使用这种方式编辑网站。

图2-3 中的步骤8 输入的是网站在本地网络中的物理存储位置，其设置一般与IIS 服务器默认站点主目录的物理存储位置一致。

（ 3 ）接着测试站点及完成站点定义，如图2-4 所示。

提示：图2-4 中所示的第1 步操作输入“ http://localhost/ ”来代替在图2-3 中第8 步操作所设置的物理路径，现在打开IE 就可以访问http://localhost 站点下的所有 网页了。

图2-4 中的步骤5 是关于编辑完每一个网页后是否将其传到远程服务器上的设置，如果选择【是的，我要使用远程服务器】，则执行完步骤7 之后，将会进入到【测试文件】中进行远程服务器的相关设置。

步骤二规划站点结构前面已说过，要认真规划好结构，对站点的文件进行分类管理，把不同类的文件分别放在不同的目录下面。

本实例的站点结构规划如下：站点目录规划用于存放所有网页文件，文件夹“ bin ”用于部署DreamweaverCtrls.dll 控件，文件夹“ dat ”用于存放数据库，文件夹“ images ”用于存放与站点有关的图片文件。

具体操作如下：在文件面板中为站点“ Dreamweaver100 ”建立新文件夹“ bin ”、“ images ”、“ dat ”，如图2-5 所示。

提示：不是每个新建站点都必须包括这三个文件夹。

但文件夹“ bin ”一般是用于存放站点运行的必要组件，文件夹“ images ”一般是用于存放与站点有关的图片文件。

读者在站点规划时，可以规划更细一点，如网站的图像放在一个文件中，产品图像放在另一个文件中等等。

但要注意的是，如果规划要存放站点运行的必要组件的文件夹名称，要与步骤三中的步骤（ 2 ）所使用的文件夹相对应步骤三部署站点组件（ 1 ）选择【文件】｜【新建】菜单命令，在弹出的【新建文档】对话框中创建动态页为【 VB 】，如图2-6 所示。

提示：由于本书主要讲解 网络应用程序的开发，所以是要通过新建 动态页进行开发的。

而且如果不通过新建空白的 动态页，是不能进行下一步骤的（ 2 ）设置部署目录。

切换到【应用程序】面板，选择【绑定】选项卡，单击【部署】按钮，在弹出的【将支持文件部署到测试服务器】对话框中将部署目录设置为“ C:\Inetpub\wwwroot\bin\ ”，如图2-7 所示。

提示：这里的绑定其实就是绑定DreamweaverCtrls.dll 文件，DreamweaverCtrls.dll 文件是Dreamweaver 下 服务器行为运行的必要组件。

DreamweaverCtrls.dll文件名称及其所在目录bin 名称不能更改，并且bin 文件夹必须保存在站点的根目录下。

（ 3 ）如果在“ c:\Intepub\wwwroot ”文件夹下找不到“ aspnet_client ”文件，请将“光碟\ 源文件\ 实例2\aspnet_client ”文件夹复制到“ c:\Intepub\wwwroot ”文件夹下。

提示：“ aspnet_client ”文件在安装 .NET 框架时，默认情况下安装到“ c:\Intepub\wwwroot ”文件夹下（系统盘为C 盘时）。

构建好了开发环境，在Dreamweaver 中建立好站点之后，可以说是网络应用程序的加工厂的构建完毕，可以加工各种产品——网页、网络应用程序等等。

在Dreamweaver 中建立站点，是进行网站开发的第二个关键步骤。