《Dreamweaver 8 & ASP动态网站开发基础与实例》-王爱民-电子教案 chapter 3
第3章 认识Dreamweaver 8.0 Dreamweaver8.0相对与Dreamweaver MX 2004 而言做了许多改进。它包含了众多新增的功能,这些功能改善了软件的易用性,无论是在设计模式还是在编码模式下都可以方便地生成页面。 本章简要介绍新增的功能。,第3章 认识Dreamweaver 8.0,3.1 Dreamweaver 8.0的新功能 3.2 安装Dreamweaver 8.0 3.3 激活Dreamweaver 8.0 3.4 启动Dreamweaver 8.0 3.5 小结 3.6 思考与练习,3.1 Dreamweaver 8.0的新功能 Dreamweaver 8 是业界领先的 Web 开发工具, 用户使用该工具可以高效地设计、开发和维护基于标准的网站和应用程序。使用 Dreamweaver 8, Web 开发人员能够完成开发的全过程, 从创建和维护基本网站到支持最佳实践和最新技术的高级应用程序。,1.使用业界领先的 Web 开发工具 在Dreamweaver工具中使用世界级的设计和代码编辑器。 2.学习一个工具, 其他工具便迎刃而解 随着用户技巧日益提高和 Web 技术的发展, Dreamweaver 将不断对用户提供支持和引导, 从而使他们能够轻松而又快速地采用新型技术和方法。,3.轻松添加视频 使用 Dreamweaver 8 和 Flash Video 可以快速将视频内容放置到 Web 上。将 Flash 视频拖放到 Dreamweaver 8 中可以将视频快速地融入网站和应用程序。 4.简化 CSS 统一的 CSS 面板提供了强大而便捷的方式来了解应用于内容的样式层叠, 并可以快速访问所做的更改。,5.XML 入门 只需将网页指向 XML 文件或 XML 服务的 URL, Dreamweaver 即可对其进行检查, 以将相应的字段拖放到页面中。,6.CSS 最佳实践、统一CSS面板、CSS可视化布局、增强基于CSS的设计的渲染 一个可视化的网页设计和网站管理工具,支持最新的Web技术,包含HTML检查、HTML格式控制、HTML格式化选项、HomeSite/BBEdit捆绑、可视化网页设计、图像编辑、全局查找替换、全FTP 功能、处理Flash和Shockwave等富媒体格式和动态HTML、基于团队的Web创作。在编辑上用户可以选择可视化方式或者自己喜欢的源码编辑方式。,Macromedia Dreamweaver 8 是建立 Web 站点和应用程序的专业工具。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,其功能强大,使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。 从对基于 CSS 的设计的领先支持到手工编码功能,Dreamweaver 提供了专业人员在一个集成、高效的环境中所需的工具。开发人员可以使用 Dreamweaver 及所选择的服务器技术来创建功能强大的 Internet 应用程序,从而使用户能连接到数据库、Web 服务系统。,3.1.1 Dreamweaver 8.0界面介绍 1. 主窗口 在 Windows 中,Dreamweaver 提供了一个将全部元素置于一个窗口中的集成布局。在集成的工作区中,全部窗口和面板都被集成到一个更大的应用程序窗口中,如图3-1所示。,图3-1 主窗口示意图,2状态栏 状态栏位于文档窗口的底部,如图3-2所示。在状态栏最左侧是“标签选择器”,显示当前选定内容标签的层次结构。单击该层次结构中的任何标签可以选择该标签及其全部内容。例如,单击body可以选择整个文档。,图3-2 状态栏,3.1.2 熟悉Dreamweaver 8.0操作工具 【文件】菜单 如图3-3所示,可以看出该【文件】菜单下有很多选项,我们需要熟练掌握各常用菜单下的命令。类似地,对后面的【修改】菜单、【文本】菜单、【命令】菜单、【站点】菜单、【窗口】菜单、【帮助】菜单也同样要求熟记命令。熟练使用其中的工具。,图 3-3 【文件】菜单,3.2 安装Macromedia Dreamweaver 8.0 下面我们将详细介绍如何安装Dreamweaver 8.0。 首先将Dreamweaver 8.0的安装光盘放入光驱,单击Dreamweaver 8.0的安装文件,即可看到如图3-4所示的解压缩文件图。,图3-4 解压缩文件图,大概一分钟左右,解压缩完毕后会进入欢迎安装Dreamweaver 8.0的界面,如图 3-5所示。 图3-5 欢迎安装Dreamweaver 8.0的界面图,此时单击“下一步”按钮,则会继续安装,进入如图3-6的界面。 图3-6 许可证协议图,如图3-6所示,该界面显示的是许可证协议,读者若想继续安装,则选择“我接受该许可证协议中的条款”;如果不同意条款,则选择“我不接受该许可证中的条款”即可。在这里,我们选择“我接受该许可证协议中的条款”然后单击“下一步”按钮,就会进入如图3-7所示的界面。,图3-7 选择安装目标文件夹,如图3-7所示,我们可以选择安装Dreamweaver 8.0的目标文件夹,默认的目录如图所示:在C盘,如果用户不想安装在该文件夹下,可以单击“更改”按钮,来选择其他的文件夹。目标文件夹确定之后,可以选择要创建的快捷方式,默认的两个选项创建快速启动栏快捷方式与在桌面上创建快捷方式。根据自己的需要可以两个均选中,也可以任意选中其一,在这里我们选中“在桌面上创建快捷方式”。 选好后,单击“下一步”按钮,则进入选择默然编辑器的界面,如图3-8所示:,图3-8 选择默然编辑器的界面,图3-9 做好安装程序的准备示意图 事实上,做到这儿就已经做好安装Dreamweaver 8.0程序的一切准备工作了。 这时,我们单击“安装”按钮,则开始安装Dreamweaver 8.0。如图3-10所示。,图3-10开始安装Dreamweaver 8.0的界面图 如图3-10所示,安装Dreamweaver 8.0大概需要几分钟的时间,耐心等待几分钟之后,就完成了Dreamweaver 8.0的安装。如图3-11所示。,图3-11 完成Dreamweaver 8.0安装的示意图,从图3-11可以看出,在这里有两个选项“启动Macromedia Dreamweaver 8.0”与“显示自述文件”。可以根据自己的需要选择,既可以两个均选中,也可以任意选中其一,在这里我们选中“显示自述文件”。即可看到如图3-12所示的欢迎界面。,图3-12 欢迎使用Macromedia Dreamweaver 8.0的界面,3.3 激活Macromedia Dreamweaver 8.0 在本节我们将详细介绍如何激活Macromedia Dreamweaver 8.0。 首先回到桌面,我们可以看到,在成功安装Macromedia Dreamweaver 8.0之后,桌面上就会有Macromedia Dreamweaver 8.0的快捷方式,如图3-13所示,选定该快捷方式,我们双击鼠标左键,就可以启动Macromedia Dreamweaver 8.0。,图3-13 启动Macromedia Dreamweaver 8.0,接下来就会看到如图3-14的界面,我们可以看到有两个选择“设计器”与“编码器”。读者可以任选其一,在这里我们选择“设计器”。 3-14 “设计器”与“编码器”,如图3-14所示,选择“设计器”之后单击“确定”按钮,即可进入激活Macromedia Dreamweaver 8.0的界面,如图3-15所示。这个欢迎界面有两个选择:(1)我有一个序列号,我希望激活Macromedia Dreamweaver 。(2)我想试用Macromedia Dreamweaver 。(剩余30天) 可见,如果选择第2项,则仅可试用30天,试用期一过,还需激活。在这里,我们选择第1项,单击“购买”按钮,然后系统会提示输入序列号,如图3-16所示。,图3-15 激活Macromedia Dreamweaver 8.0的界面,从下图3-16可以看到,有“输入您的序列号”的提示,在这里,我们可以填入正确的序列号(一般光盘均提供序列号),本书也提供一个序列号(WPD800-50238-05332-97843)供读者参考,如下图3-16所示。,如图3-16所示,如果序列号正确,则会在序列号后面出现一个“对号”,然后我们单击“继续”按钮。即可进入如图3-17的界面。,图3-17 提示成功激活,如图3-17所示,激活成功后,我们可以填写注册信息,包括名、姓、电子邮件以及地点。并且可以选中“通知我有关Macromedia 的产品更新和特别优惠的信息”,则Macromedia公司会将相关的信息及时发到已注册用户的邮箱。填好信息后,单击“注册”按钮。则会进入Macromedia 公司的网站,在线注册成功。,3.4 启动Macromedia Dreamweaver 8.0 成功安装和激活后,就可以启动Macromedia Dreamweaver 8.0了,如图3-18所示,双击左键,启动Dreamweaver 8.0。大概需要几秒的时间。,图3-18 启动Macromedia Dreamweaver 8.0,启动Dreamweaver之后,可以看到如图3-19的主界面。包括标题栏、菜单栏、属性窗口等内容。 图3-19 Macromedia Dreamweaver 8.0的主界面,其具体内容如图3-20所示,我们可以看到“打开最近项目”、“创建新项目”、“从范例创建”。在“创建新项目”中,我们可以选择开发的语言,在本书中,选择的是ASP VBscript。,图3-20 Macromedia Dreamweaver 8.0 的核心部分,3.5 小结 本章介绍了Dreamweaver8.0的新功能以及安装Dreamweaver 8.0的方法。它是一个可视化的设计开发工具,在自动生成代码上得心应手,可以配合创作人员高效地设计出自己 满意的网页;Dreamweaver8.0同样也可以在文本模式下进行代码编辑。,3.6 思考与练习 1. Dreamweaver 8.0的新功能有哪些? 2. 熟悉Dreamweaver 8.0的安装方法?,