(第2章Dreamweaver简介.ppt

第二章 Dreamweaver简介 本章要点: ·Dreamweaver Stdio 8基础知识 ·Dreamweaver Stdio 8用户界面 ·设置页面属性 在上一章的学习中，学习到一些关于网页设计的基础知识、网站开发的基本流程和HTML语言简介，并能使用HTML语言制作一个简单的网页。在这一章中,将给大家介绍目前主流的网页制作工具Dreamweaver。 由于Dreamweaver的出现，给传统的网页制作带来了巨大的冲击，Dreamweaver是当今最好用的网页设计开发软件，用于对WEB站点、网页和WEB应用程序进行设计、编码和开发，无论用户是在手工编写HTML代码，还是在可视化编辑编辑环境中，Dreamweaver都会为用户提供有用的工具。Dreamweaver具有很好的易用性，即使是初学者也可以很快熟练的掌握，用他来制作精美的网页和结构复杂的网站。 2.1 Dreamweaver Stdio 8基础知识 Macromedia Dreamweaver MX2004 是建立 Web 站点和应用程序的专业工具。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起，其功能强大，使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。从对基于 CSS 的设计的领先支持到手工编码功能，Dreamweaver 提供了专业人员在一个集成、高效的环境中所需的工具。开发人员可以使用 Dreamweaver 及所选择的服务器技术来创建功能强大的 Internet 应用程序，从而使用户能连接到数据库、Web 服务和旧式系统。 如果计算机低于这个基本配置，建议升级后再安装使用Dreamweaver Stdio 8。国外使用苹果计算机的用户较多，而国内的苹果计算机用户则较少，只是部分平面设计的商业用户使用。大多数用户的计算机使用的是Intel公司和AMD公司生产的处理器，计算机中安装的是Windows操作系统。因此，针对大多数使用者，本书将在Windows操作系统中介绍Dreamweaver Stdio 8的使用。 2.1.2 Dreamweaver Stdio 8功能简介 1.动态跨浏览器验证 自动检测标签和CSS规则来适应所有主流浏览器 。可以指定何种浏览器为测试用浏览器，同时自动地检测以确定页面有没有目标浏览器不支持“标签”和“CSS结构”，动态跨浏览器有效性检查功能可以自动核对标签和CSS规则是否适应目前的主浏览器，如图2-1所示。 图2-1浏览器检查器 2.更强大的CSS支持 利用丰富的CSS样式支持结构复杂的、标准规范的站点，同时提供了丰富的使用工具用于快速选择和样式属性的控制工具，如图2-2所示。 图2-2 CSS样式表 8.基本支持改良 插入条,表格工具都有改进 9.增强代码编写工具 编辑代码更省时,例如右键编写代码工具,增强的查找和替换,高效的属性面板，如图2-8所示。 图2-8查找和替换对话框 10.改进的设计开放环境 一个改良的用户界面,更高的实用性,非常亲切和有逻辑,让你快速找到你想要的东西,一个新的开始屏幕让你快速访问最近的文件和教程资源，如图2-9所示。 图2-9 改进的设计开放环境 2.2 Dreamweaver Stdio 8用户界面 2.2.1用户界面介绍 Dreamweaver Stdio 8与MX版本在操作环境方面有了很大的改变,其界面令人耳目一新,其功能更加强大、操作更合理，而且界面非常友好，初学者也能很快熟练掌握它。 1.起始页 运行Dreamweaver Stdio 8程序并启动完毕之后,最先打开一个起始页,如图2-10所示。在起始页有很多快捷方式，用户可根据自己的需要进行选择。 图2-10起始页 图2-15 布局工具栏 图2-16 表单工具栏 图2-17 文本工具栏 图2-18 HTML工具栏 图2-19 应用程序工具栏 图2-20 FLASH元素工具栏 图2-21 收藏夹工具栏 图2-24时间轴面板 需要注意的是，在Dreamweaver Stdio 8 7.0版本中，取消了时间轴功能，如果想使用该功能，则需另外下载补丁包，否则在窗口菜单中无法找到时间轴面板。 6.其他面板 除了上面介绍的几种面板之外，Dreamweaver Stdio 8还有许多其他面板，如行为面板、文件面板、代码面板、结果面板、框架面板等，如图2-25所示，它们都是针对不同的对象起作用，这些面板将在后续的课程中进行详细的介绍。 图2-25其他面板 Dreamweaver Stdio 8的面板之间可以