网页设计与制作 教学课件 作者 李广武 张逸昀 梁平 主编第2章_Dreamweaver_CS5介绍.ppt

《网页设计与制作 教学课件 作者 李广武 张逸昀 梁平 主编第2章_Dreamweaver_CS5介绍.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第2章DreamweaverCS5介绍第2章DreamweaverCS5介绍2.1DreamweaverCS5简介2.2DreamweaverCS5的安装2.3DreamweaverCS5的功能介绍2.4DreamweaverCS5的工作界面2.5参数设置2.6本章小结DreamweaverCS5版与以往版本有了大的改观，整个界面和布局使设计者使用起来更加流畅和得心应手，本章主要介绍DreamweaverCS5的基本功能和界面的布局等。AdobeDreamweaverCS5是行业领先的Web内容制作程序。Dreamwea

2、verCS5提供了所需的所有创建Web站点的所有工具。它是集网页制作和管理网站于一身的所见即所得网页编辑器，是一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作跨平台限制和跨浏览器限制的充满动感的网页。2.1DreamweaverCS5简介1.运行DreamweaverCS5简体中文试用版的安装程序，DreamweaverCS5会自动解压缩软件包中的文件，等解压缩完成之后，弹出是否接受许可协议对话框。仔细阅读软件最终用户许可协议，同意请选择【接受】；选择【退出】，将会退出安装程序。安装Dream

3、weaverCS5的步骤如下：2.2DreamweaverCS5的安装2.弹出“请输入序列号”对话框。在文本框中输入序列号，然后单击【下一步】；也可选择“安装此产品的试用版”，如图所示。安装DreamweaverCS5的步骤如下：2.2DreamweaverCS5的安装3.弹出“输入AdobeID”对话框，要注册软件并设置AdobeCSLive联机服务的访问权限，请输入或创建AdobeID，如图所示。然后单击【下一步】。安装DreamweaverCS5的步骤如下：2.2DreamweaverCS5的安装4.在弹出的对话框

4、中可以选择DreamweaverCS5安装组件类型。如果想让DreamweaverCS5支持更多类型的文件，建议全选，如图所示。然后确定文件安装位置，点击【安装】按钮。安装DreamweaverCS5的步骤如下：2.2DreamweaverCS5的安装5.由于DreamweaverCS5文件比较大，所以整个复制过程可能需要比较长的时间，一定要耐心等待。不过，在如图所示对话框中会显示出安装状态、文件的复制过程以及进度。安装DreamweaverCS5的步骤如下：2.2DreamweaverCS5的安装6.文件安后，会弹出安

5、装成功对话框，单击【完成】按钮，则可完成DreamweaverCS5的安装。然后点开始菜单，选择所有程序，找到Dreamweavercs5，如图所示，单击即可打开程序。安装DreamweaverCS5的步骤如下：2.2DreamweaverCS5的安装1、AdobeBrowserLab2、BusinessCatalyst集成3、CSS禁用/启用4、CSS检查5、CSS起始布局6、动态相关文件7、实时视图导航8、PHP自定义类代码提示9、简化的站点设置10、站点特定的代码提示11、Subversion支持增强功能一、Ado

6、beDreamweaverCS5新增功能2.3DreamweaverCS5的功能介绍在Dreamweaver工作区可以查看文档和对象的属性。工作区还将许多常用操作放置于工具栏中，使你可以快速更改文档。在Windows中，Dreamweaver提供了一个将全部元素置于一个窗口中的集成布局。在集成的工作区中，全部窗口和面板都被集成到一个更大的应用程序窗口中。如图所示，包括A（应用程序栏）、B（文档工具栏）、C（文档窗口）、D（工作区切换器）、E（面板组）、F（CSLive）、G（标签选择器）、H（属性检查器）、I（文件面板）

7、，如图所示。安装DreamweaverCS5的工作界面如下：2.4DreamweaverCS5的工作界面DreamweaverCS5的工作界面【文件】菜单和【编辑】菜单包含用于【文件】菜单和【编辑】菜单的标准菜单项。例如【新建】、【打开】、【保存】、【剪切】、【拷贝】和【粘贴】。【文件】菜单还包含各种其他命令，用于查看当前文档或对当前文档执行操作。例如【在浏览器中预览】和【打印代码】。【编辑】菜单包括选择和搜索命令，例如【选择父标签】和【查找和替换】，并且提供对键盘快捷方式编辑器和标签库编辑器的访问。【编辑】菜单还提供对

8、Dreamweaver菜单中【首选参数】的访问。【查看】菜单可以看到文档的各种视图（例如【设计】视图和【代码】视图），并且可以显示和隐藏不同类型的页面元素以及不同的Dreamweaver工具。2.4.1菜单概述2.4DreamweaverCS5的工作界面【插入】菜单提供插入栏的替代项，以用于将对象插入文档。【修改】菜