动态网站开发基础与实例

1、 第3章认识Dreamweaver 相对与Dreamweaver MX 2004 而言做了许多改进。它包含了众多新增的功能，这些功能改善了软件的易用性，无论是在设计模式还是在编码模式下都可以方便地生成页面。 本章简要介绍新增的功能。第3章认识DreamweaverDreamweaver的新功能安装Dreamweaver3.3 激活Dreamweaver3.4 启动Dreamweaver3.5 小结3.6 思考与练习3.1的新功能 Dreamweaver 8 是业界领先的 Web 开发工具, 用户使用该工具可以高效地设计、开发和维护基于标准的网站和应用程序。使用 Dreamweaver 8, W

2、eb 开发人员能够完成开发的全过程, 从创立和维护根本网站到支持最正确实践和最新技术的高级应用程序。1.使用业界领先的 Web 开发工具 在Dreamweaver工具中使用世界级的设计和代码编辑器。 2.学习一个工具, 其他工具便迎刃而解 随着用户技巧日益提高和 Web 技术的开展, Dreamweaver 将不断对用户提供支持和引导, 从而使他们能够轻松而又快速地采用新型技术和方法。3.轻松添加视频 使用 Dreamweaver 8 和 Flash Video 可以快速将视频内容放置到 Web 上。将 Flash 视频拖放到 Dreamweaver 8 中可以将视频快速地融入网站和应用程序。

3、4.简化 CSS 统一的 CSS 面板提供了强大而便捷的方式来了解应用于内容的样式层叠, 并可以快速访问所做的更改。 5.XML 入门 只需将网页指向 XML 文件或 XML 效劳的 URL, Dreamweaver 即可对其进行检查, 以将相应的字段拖放到页面中。 6.CSS 最正确实践、统一CSS面板、CSS可视化布局、增强基于CSS的设计的渲染 一个可视化的网页设计和网站管理工具，支持最新的Web技术，包含HTML检查、HTML格式控制、HTML格式化选项、HomeSite/BBEdit捆绑、可视化网页设计、图像编辑、全局查找替换、全FTP 功能、处理Flash和Shockwave等富媒

4、体格式和动态HTML、基于团队的Web创作。在编辑上用户可以选择可视化方式或者自己喜欢的源码编辑方式。 Macromedia Dreamweaver 8 是建立 Web 站点和应用程序的专业工具。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起，其功能强大，使得各个层次的开发人员和设计人员都能够快速创立界面吸引人的基于标准的网站和应用程序。 从对基于 CSS 的设计的领先支持到手工编码功能，Dreamweaver 提供了专业人员在一个集成、高效的环境中所需的工具。开发人员可以使用 Dreamweaver 及所选择的效劳器技术来创立功能强大的 Internet 应用程序，从而使用户能连

5、接到数据库、Web 效劳系统。 3.1.1界面介绍 1.主窗口 在 Windows 中，Dreamweaver 提供了一个将全部元素置于一个窗口中的集成布局。在集成的工作区中，全部窗口和面板都被集成到一个更大的应用程序窗口中，如图3-1所示。 图3-1 主窗口示意图2状态栏 状态栏位于文档窗口的底部，如图3-2所示。在状态栏最左侧是“标签选择器，显示当前选定内容标签的层次结构。单击该层次结构中的任何标签可以选择该标签及其全部内容。例如，单击body可以选择整个文档。 图3-2 状态栏3.1.2 熟悉操作工具【文件】菜单 如图3-3所示，可以看出该【文件】菜单下有很多项选择项，我们需要熟练掌握各

6、常用菜单下的命令。类似地，对后面的【修改】菜单、【文本】菜单、【命令】菜单、【站点】菜单、【窗口】菜单、【帮助】菜单也同样要求熟记命令。熟练使用其中的工具。图 3-3 【文件】菜单3.2安装Macromedia Dreamweaver 8.0 下面我们将详细介绍如何安装Dreamweaver 8.0。首先将的安装光盘放入光驱，单击Dreamweaver 8.0的安装文件，即可看到如图3-4所示的解压缩文件图。图3-4 解压缩文件图 大概一分钟左右，解压缩完毕后会进入欢送安装的界面，如图3-5所示。图3-5 欢送安装的界面图 此时单击“下一步按钮，那么会继续安装，进入如图3-6的界面。图3-6

7、许可证协议图 如图3-6所示，该界面显示的是许可证协议，读者假设想继续安装，那么选择“我接受该许可证协议中的条款；如果不同意条款，那么选择“我不接受该许可证中的条款即可。在这里，我们选择“我接受该许可证协议中的条款然后单击“下一步按钮，就会进入如图3-7所示的界面。图3-7 选择安装目标文件夹 如图3-7所示，我们可以选择安装的目标文件夹，默认的目录如下图：在C盘，如果用户不想安装在该文件夹下，可以单击“更改按钮，来选择其他的文件夹。目标文件夹确定之后，可以选择要创立的快捷方式，默认的两个选项创立快速启动栏快捷方式与在桌面上创立快捷方式。根据自己的需要可以两个均选中，也可以任意选中其一，在这里

8、我们选中“在桌面上创立快捷方式。 选好后，单击“下一步按钮，那么进入选择默然编辑器的界面，如图3-8所示：图3-8 选择默然编辑器的界面 图3-9 做好安装程序的准备示意图 事实上，做到这儿就已经做好安装程序的一切准备工作了。这时，我们单击“安装按钮，那么开始安装Dreamweaver 8.0。如图3-10所示。图3-10开始安装的界面图 如图3-10所示，安装Dreamweaver 8.0大概需要几分钟的时间，耐心等待几分钟之后，就完成了Dreamweaver 8.0的安装。如图3-11所示。图3-11 完成安装的示意图 从图3-11可以看出，在这里有两个选项“启动与“显示自述文件。可以根据

9、自己的需要选择，既可以两个均选中，也可以任意选中其一，在这里我们选中“显示自述文件。即可看到如图3-12所示的欢送界面。图3-12 欢送使用Macromedia Dreamweaver的界面3.3激活Macromedia Dreamweaver 8.0 在本节我们将详细介绍如何激活Macromedia Dreamweaver 8.0。 首先回到桌面，我们可以看到，在成功安装Macromedia Dreamweaver 8.0之后，桌面上就会有的快捷方式，如图3-13所示，选定该快捷方式，我们双击鼠标左键，就可以启动Macromedia Dreamweaver 8.0。图3-13 启动Macro

10、media Dreamweaver 8.0 接下来就会看到如图3-14的界面，我们可以看到有两个选择“设计器与“编码器。读者可以任选其一，在这里我们选择“设计器。3-14 “设计器与“编码器 如图3-14所示，选择“设计器之后单击“确定按钮，即可进入激活的界面，如图3-15所示。这个欢送界面有两个选择：1我有一个序列号，我希望激活Macromedia Dreamweaver 。2我想试用Macromedia Dreamweaver 。剩余30天 可见，如果选择第2项，那么仅可试用30天，试用期一过，还需激活。在这里，我们选择第1项，单击“购置按钮，然后系统会提示输入序列号，如图3-16所示。图

11、3-15 激活的界面 从以下图3-16可以看到，有“输入您的序列号的提示，在这里，我们可以填入正确的序列号一般光盘均提供序列号，本书也提供一个序列号WPD800-50238-05332-97843供读者参考，如以下图3-16所示。 如图3-16所示，如果序列号正确，那么会在序列号后面出现一个“对号，然后我们单击“继续按钮。即可进入如图3-17的界面。图3-17 提示成功激活 如图3-17所示，激活成功后，我们可以填写注册信息，包括名、姓、电子邮件以及地点。并且可以选中“通知我有关Macromedia 的产品更新和特别优惠的信息，那么Macromedia公司会将相关的信息及时发到已注册用户的邮箱

12、。填好信息后，单击“注册按钮。那么会进入Macromedia 公司的网站，在线注册成功。3.4启动Macromedia Dreamweaver 8.0 成功安装和激活后，就可以启动了，如图3-18所示，双击左键，启动Dreamweaver 8.0。大概需要几秒的时间。图3-18 启动Macromedia Dreamweaver 8.0 启动Dreamweaver之后，可以看到如图3-19的主界面。包括标题栏、菜单栏、属性窗口等内容。图3-19 的主界面 其具体内容如图3-20所示，我们可以看到“翻开最近工程、“创立新工程、“从范例创立。在“创立新工程中，我们可以选择开发的语言，在本书中，选择的是ASP VB