1、DREAMWEAVER百科名片Dreamweaver 是美国 MACROMEDIA 公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。目录简介 软件信息 界面面板 初识界面 启动面板 对象面板 属性面板工具简介 组的按钮 插入框架 其他按钮使用方法 网页制作 构建站点概述 DREAMWEAVER dreamweaver CS3 Dreamweaver CS4 Dreamweaver CS5优点 最佳的制作效率 网站管理 无可比拟的控制能力缺点 软件版本图片
2、 Dreamweaver 快捷键 Dreamweaver20 个“ 标准的”配色方案简介软件信息界面面板 初识界面 启动面板 对象面板 属性面板工具简介组的按钮 插入框架 其他按钮使用方法 网页制作 构建站点概述 DREAMWEAVER dreamweaver CS3 Dreamweaver CS4 Dreamweaver CS5优点 最佳的制作效率 网站管理 无可比拟的控制能力缺点软件版本图片Dreamweaver 快捷键Dreamweaver20 个“ 标准的”配色方案展开编辑本段简介Dreamweaver、FLASH 以及在 DREAMWEAVER 之后推出的针 DREAMWEAVER对
3、专业网页图像设计的 FIREWORKS，三者被 MACROMEDIA 公司称为 DREAMTEAM(梦之队)，足见市场的反响和 MACROMEDIA 公司对它们的自信。说到 DREAMWEAVER 我们应该了解一下网页编辑器的发展过程，随着互联网(Internet) 的家喻户晓，HTML 技术的不断发展和完善，随之而产生了众多网页编辑器，从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器（则原始代码编辑器） ，两者各有千秋。所见则所得网页编辑器的优点就是直观性，使用方便，容易上手，您在所见即所得网页编辑器进行网页制作和在 WORD 中进行文本编辑不会感到有什么区别，但它同
4、时也存在着致命的弱点。 编辑本段软件信息Macromedia Dreamweaver 8.0 简体中文版 软件大小： 60.24 M 开 发 商： Adobe 软件类别： 国外软件 / 网页制作 软件语言： 简体中文 应用平台： Win9x/WinNT/Win2000/WinXP 软件性质： 共享(收费)软件 编辑本段界面面板初识界面安装后，它会自动在 Windows 的菜单中创建程序组。与 FrontPage 有很大的不同，是的，它 Macromedia Dreamweaver把工具栏省去了，然后增加了几个浮动的工具栏。在 Dreamwaver3.0 中，它的工具栏全是浮动工具栏，可以将工具
5、栏缩小，也可以关闭。在专业术语里面，他们叫“浮动面板”，利用浮动面板来控制对页面的编写，而不是利用烦琐的对话框，这是 Dreamwaver3.0 编辑网页中最值得人赞赏的特性。通过在浮动面板中进行属性设置，这样就直接可以在文档中看到结果，避免了中间过程，提高了工作效率。但对于熟悉了微软的应用程序的用户来说，开始的时候可能很不习惯。那好，就先来介绍它的三个最重要的浮动面板。 启动面板启动面板主要用来快速启动响应的任务，或显示/隐藏相应的浮动面板。如果启动面板是竖的，那么，可以点击它又下角的一个小按钮，它就可以变成横向的了，这时，可能会发现，它的状态栏上也有这个面板上的所有选项。这也就为网页制作者
6、提供了方便。可以直接从右下角点击相应的栏目进入想要进入的对话框。 对象面板对象面板主要功能相当于插入菜单，主要是向网页中插入一些对象，如表格，框架，图象，层，Flash 动画等，它通过一个下拉菜单，把要插入的选项都包括在了其中，如图5。 每一个选项中都有若干个图标，只要在图表上单击一下，就可以插入想要插入的对象了。 属性面板属性面板会随着编辑的内容而变化，这个图是文字属性面板，它里面包含了所要编辑的文字的所有内容，包括字体，颜色，大小，连接，缩进等，它的右下角还有一个向下的小三角箭头，单击它，会展开属性面板，它把一些不常用的属性也例出来。展开后，箭头会变成向上，单击它，又会使属性面板复原。属性
7、面板很多，还有图象属性控制面板，层属性控制面板等对象的属性控制面板，用户只要选择要编辑的对象，它就会自动变化，挺方便的。用户对所有由启动面板弹出来的浮动面板在被打开后，可以重新组合，可以将经常用的面板单独地拉出来，只需要将鼠标放到想要拉的按钮上面，然后按住左键拖动就可以了，同理，把他们组合也是一样，用鼠标拖动后，放到上面就可以。 编辑本段工具简介第一个为插入图象的按钮，点击后，会弹出对话框，标准对话框，选择想要的图象就行了。 第二个（横向走）为插入轮替图象，它弹出的对话框会让选择两副图，以及鼠标点击时的连接等。作好后，用鼠标移动到图象上面，图象就会变成另外的一副图象，点击它，就会连接到另外一个
8、页面上去。 第三个为表格，点击后，在弹出的对话框中，添入想要的行数和列数以及表格边距颜色等。 第四个为插入表格式数据，可以将以前作成的表格形状的数据表，直接插入到网页中来，而不用做任何的修改。 第五个按钮为插入水平线按钮，插入后，在属性浮动面板上改改它的大小等。 第六个为导航条，和第二个差不多，也可以换图象，不过，比起第二个要复杂的多，但绝对简单。 第七个为插入层，这好象是 Dreamweaver 特有的特性，其他的网页编辑软件中都没有这项功能。插入的层可以位于页面的任何位置。拖动就行。 第八个为插入换行符，有时网页中的文字想让它换行，按回车又太大，用换行符就是一种不错的选择。 第九个为插入
9、Email，将联系用的 Email 插入网页中，只要填上 Email 地址就行。 第十个为插入日期，很简单，没有什么好说的。 第十一个为插入 Flash 按钮，Flash 是现在网页中新兴的一种多媒体，有动画，有声音，但文件很小，极适合在网上传播。 第十二个为插入 Shockwave 按钮，做好了的 Shockwave 直接就可以插到这儿来。 第十三个为插入制作人，亲自制作的东西不想留名吗？点它就行。 第十四为插入 Firework 按钮，Firework 是 Macromedia 公司的又一个产品，具有制作动画图象等动态功能。也是专门为网页制作设计的。 第十五为插入 Java 语言编写的 A
10、pplet 小程序按钮。 第十六为插入 Active X 控件用的按钮。 第十七为插入插件用的按钮，这儿可以插入别的插件，上面未包括的。 第十八未插入服务器端接口联系的按钮。 编辑本段组的按钮插入框架第一个按钮为插入框架按钮，为插入下面的那些按钮作准备。这下面的按钮选项包括：文本框，按钮，多选按钮，单选按钮，列表，文件域，图象域，隐含域，跳转菜单等交互式网页要用到的组件，假如要制作一个交互式的网页像留言薄什么的，用它做，非常的方便快捷。 其他按钮它还有几个选项组，但都不是那么常用了，一个就是它 Character 组它是常用符号组面板，里面为收集了最长用的符号，这些，通过手工直接写，是非常麻烦
11、的事，因为它们是源码了，而这儿，可以给直接的转换成为源码，插入就成。而 Frames 组，则是对页面的分页，也就是分窗口，将一个浏览器窗口分成几个窗口，在每个窗口里加入不同网页，来达到不同的效果。它可以分的总类也如下，可以从图上直接看出来，非常的方便与快捷。而 Head 组则是在网页“head”和“/head” 之间加入必要的语句，可以是连接，可以是关键字，也可以是描述性的语句，还可以规定网页的刷新频率等。Invisible 组则是插入网页中看不见的元素了，比如说：换行符，回车符等不可见的符号。主要由这个控制面板来插入。 编辑本段使用方法网页制作新建方法，就不用多说，一般软件中的新建方法在这儿
12、同样使用，点击菜单 File 中的 New 就行了，或者按 Ctrl+N 也行。 在这儿就可以插入文字，图象，层等，反正都随，是不是也是所见既所得。假如想看一下它的源文件，可以点击右下角的“ ”标记，也可以点击启动面板中的最后一个选项。就会弹出来一个小窗口如图：也可以打开外部编辑器来编辑它的源代码，比如说记事本。 只要点一下“External Editor”按钮，Wrap 选项为换行，当不想横向拉动滚动条，把它选上，文字就自动会换行了，另外一个选项为行号选项，当选上它是，左边将会出项行号，这样特别便于查找，去掉后，就与普通的记事本没有什么区别了。编辑好后，关了它就可以了。 构建站点所有设计好的
13、网页，在放到网上去以前，都需要把它组建好，以便于上传，在本地机上就要组织好，而 DreamWeaver 也把这想到了，点击启动面板上的 Site 选项，就会弹出站点管理窗口，和文件浏览器差不多，在这儿，可以增加文件夹，删减文件，文件改名等等，只要是文件浏览器能干的事，它都能干。并且可以清楚地看到，哪个文件连接到了哪个文件，哪些文件是并列的关系，那些文件是父子关系。所做的第一步是先建立一个本地站点根目录。然后选择“New Site”打开对话框，在“Local Root Folder”中，输入本地站点根目录的位置。然后输入 HTTP Address，如果还没有该地址，随便输入一个也行，只要好记。最
14、后，按“OK”键就可以了。以后从本地站点中删除文件，拷贝文件时，站点会自动刷新站点文件列表。其余的管理操作，与文件浏览器一样，也就不多说了。 编辑本段概述DREAMWEAVERDreamweaver 是美国 MACROMEDIA 公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。 DREAMWEAVER、FLASH 以及在 DREAMWEAVER 之后推出的针对专业网页图像设计的 FIREWORKS，三者被 MACROMEDIA 公司称为 DREAMTEA
15、M(梦之队)，足见市场的反响和 MACROMEDIA 公司对它们的自信。说到 DREAMWEAVER 我们应该了解一下网页编辑器的发展过程，随着互联网(Internet) 的家喻户晓， HTML 技术的不断发展和完善，随之而产生了众多网页编辑器，从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器（则原始代码编辑器） ，两者各有千秋。所见则所得网页编辑器的优点就是直观性，使用方便，容易上手，您在所见即所得网页编辑器进行网页制作和在 WORD 中进行文本编辑不会感到有什么区别，但它同时也存在着致命的弱点： 一、 难以精确达到与浏览器完全一致的显示效果。也就是说您在所见即所得网
16、页编辑器中制作的网页放到浏览器中是很难完全达到您真正想要的效果，这一点在结构复杂一些的网页（如分帧结构、动态网页结构）中便可以体现出来； 二、 页面原始代码的难以控制性，比如您在所见即所得编辑器中制作一张表格也要几分钟，但您要它完全符合您要求可能需要几十分钟，甚至更多时间。而相比之下，非所见则所得的网页编辑器，就不存在这个问题，因为所有的 HTML 代码 都在您的监控下产生，但是由于非所见则所得编辑器的先天条件就注定了它的工作低效率。如何实现两者的完美结合，则既产生干净、准确的 HTML 代码，又具备则见则所得的高效率、直观性，一直是网页设计师梦想。在 DREAMWEAVER 之前，FRONT
17、PAGE98 一直被人们认为是最好的所见即所得网页编辑器，但是它同样继承了所见即所得的种种劣性。但是我说过这是在DREAMWEAVER 之前，现在我无意说 DREAMWEAVER 已经实现网页设计师的梦想，但我觉得 DREAMWEAVER 正在努力向这个梦想一步步走去。 dreamweaver CS31dreamweaver CS3 是 Adobe（奥多比）公司收购 Macromedia 公司后最新推出的Creative Suite 3 设计套装中用于 网页设计与制作的组件。作为全球最流行，最优秀的所见即所得的网页编辑器，Dreamweaver 可以轻而易举地制作出跨操作系统平台，跨浏览器的充
18、满动感的网页，是目前制作 Web 页站点,Web 页和 Web 应用程序开发的理想工具。 Dreamweaver，Fireworks，Flash 被称为网页制作的“三剑客”，这三款工具相辅相承，是制作网页的最佳拍档之一。 Dreamweaver CS4Dreamweaver CS4 的界面几乎是做了一次脱胎换骨的改进，从中看到了更多的设计元素，让 DW 也稍稍带着点苹果的味道。如果说 VISTA 和 OFFICE 2007 创造了软件界面设计的新纪元，那么 Adobe 相当于取代了苹果的设计地位而紧随 MS 之后。唯一的区别就是，MS 老是抄人家苹果的（汗一个，微软的 Fans 别砸我） ，而
19、 Adobe 却是实实在在的自己创造，设计界的老大地位实至名归 布局按钮：这个按钮似乎和下方的代码、分割、设计按钮功能重复，目前还不明白DW 的意图，唯一增加的新功能是垂直分割，让代码和设计界面以垂直对比的方式呈现。 精简设计：它提供了更多的可视区域，同时可以把右边的菜单收缩到只剩下图标。对于习惯了 Adobe 其他设计软件的朋友来说，这的确是非常贴心的设计。 应用程序开发增强：左上方是和数据相关的面板，包括数据库面板、数据绑定面板和行为面板；左下方则是文件与资源相关的面板，包括文件面板、相关资源面板、代码收集器等；右边则是设计相关面板，包括插入面板、 CSS 样式表 面板、AP 元素面板（用
20、来为浮动层定位） 。应该说这是一个万金油布局，几乎适用所有的开发者，同时，它也把大部分菜单展示在用户面前，其他的七种布局可以说只是在这个基础上进行一些排列和隐藏。 在下方的文档面板上，DW 新增加了一个实时预览功能 Live View。它的作用是在DW 窗口中实时查看代码的效果，包括 Javascript 特效！ Dreamweaver CS52010 年 4 月 12 日备受关注的 Adobe 新一代产品 Creative Suite 5（CS5）正式发布了。其中包括新的 Dreamweaver CS5。 此次 Dreamweaver CS5 最突出的亮点有三处：1、对 CMS 的支持功能；
21、2、对 CSS 的校验；3、对 PHP 更好的支持。以至于国外一些同学对 Dreamweaver CS5 的体验为 More WordPressy, More Firebuggy。 除此以外，CS5 还内置了 Webkit 引擎，可以模仿 Safari、Chrome 浏览器预览网页效果。PHP 支持也在 CS5 版本中得到改善，不仅可以利用代码提示在文档中查找到自定义的函数，还可以利用此功能更好地设计 CMS 模板，减轻了广大模板设计者的痛苦。 除了以上三个亮点外，Dreamweaver CS5 还有一些其它新特性，比如它整合了BrowserLab 网络服务，可以让你在链接到网络浏览器实验室，
22、同时使用不同浏览器检查布局，左侧是 IE，右侧是 Firefox。 编辑本段优点最佳的制作效率Dreamweaver 可以用最快速的方式将 Fireworks，FreeHand，或 Photoshop 等档案移至网页上。使用检色吸管工具选择荧幕上的颜色可设定最接近的网页安全色。对于选单，快捷键与格式控制，都只要一个简单步骤便可完成。Dreamweaver 能与您喜爱的设计工具，如 Playback Flash，Shockwave 和外挂模组等搭配，不需离开 Dreamweaver 便可完成，整体运用流程自然顺畅。除此之外，只要单击便可使 Dreamweaver 自动开启 Firework 或P
23、hotoshop 来进行编辑与设定图档的最佳化。 网站管理使用网站地图可以快速制作网站雏形、设计、更新和重组网页。改变网页位置或档案名称，Dreamweaver 会自动更新所有连结。使用支援文字、HTML 码、HTML 属性标签和一般语法的搜寻及置换功能使得复杂的网站更新变得迅速又简单。 无可比拟的控制能力Dreamweaver 是唯一提供 Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含 HomeSite 和 BBEdit 等主流文字编辑器。帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。甚至可以排序或
24、格式化表格群组，Dreamweaver 支援精准定位，利用可轻易转换成表格的图层以拖拉置放的方式进行版面配置。所见即所得 Dreamweaver 成功整合动态式出版视觉编辑及电子商务功能，提供超强的支援能力给 Third-party 厂商，包含 ASP， Apache，BroadVision， Cold Fusion，iCAT， Tango 与自行发展的应用软体。当您正使用 Dreamweaver 在设计动态网页时，所见即所得的功能，让您不需要透过浏览器就能预览网页。梦幻样版和 XML Dreamweaver 将内容与设计分开，应用于快速网页更新和团队合作网页编辑。建立网页外观的样版，指定可编
25、辑或不可编辑的部份，内容提供者可直接编辑以样式为主的内容却不会不小心改变既定之样式。您也可以使用样版正确地输入或输出 XML 内容。 Dreamweaver 还集成了程序开发语言，对 ASP、.NET、PHP 、JS 的基本语言和连接操作数据库，都是完全支持的。 编辑本段缺点一、 难以精确达到与浏览器完全一致的显示效果。也就是说您在所见即所得网页编辑器中制作的网页放到浏览器中是很难完全达到您真正想要的效果，这一点在结构复杂一些的网页（如分帧结构、动态网页结构）中便可以体现出来； 二、 页面原始代码的难以控制性，比如您在所见即所得编辑器中制作一张表格也要几分钟，但您要它完全符合您要求可能需要几十
26、分钟，甚至更多时间。而相比之下，非所见则所得的网页编辑器，就不存在这个问题，因为所有的 HTML 代码 都在您的监控下产生，但是由于非所见则所得编辑器的先天条件就注定了它的工作低效率。如何实现两者的完美结合，则既产生干净、准确的 HTML 代码，又具备则见则所得的高效率、直观性，一直是网页设计师梦想。在 DREAMWEAVER 之前，FRONTPAGE98 一直被人们认为是最好的所见即所得网页编辑器，但是它同样继承了所见即所得的种种劣性。但是我说过这是在DREAMWEAVER 之前，现在我无意说 DREAMWEAVER 已经实现网页设计师的梦想，但我觉得 DREAMWEAVER 正在努力向这个
27、梦想一步步走去。 编辑本段软件版本图片DreamWeaver3 及早期版本 DreamWeaver3.0 及早期版本DreamWeaver4 DreamWeaver4.0DreamWeaverMX DreamWeaverMXDreamWeaverMX2004 DreamWeaverMX2004DreamWeaver8 DreamWeaver8.0Adobe DreamWeaverCS3 (MacroMedia 被 Adobe 收购后推出的第一个版本 ) DreamWeaverCS3Adobe DreamWeaverCS4 编辑本段 Dreamweaver 快捷键新建(New)一个网页【Ctrl
28、】+【N 】 制作一个网页 打开(Open)一个存在的网页【Ctrl 】+【O 】 在框架中打开(Open).【Ctrl 】+【Shift 】+ 【O】 关闭(closedoWn)当前网页【Ctrl】+【W】 保存（Save）当前网页【Ctrl】+【S】 另存为 【Ctrl】+【Shift】+【S】 检查联接的有效性【Shift】+【F8】 撤消上一步操作【Ctrl】+【Z】/【Alt】+【BackSpace 】 重复上一步操作【Ctrl】+【Y 】/ 【Ctrl】+【Shift】+【Z】 剪切到剪贴板【Ctrl】+【X 】/ 【Shift】+【Del】 拷贝（Copy）到剪贴板【 Ctrl】
29、+【C 】/【Ctrl】+【Ins】 将剪贴板的内容粘贴到当前文件中【Ctrl】+【V 】/ 【 Shift】+【Ins】 拷贝（Copy）HTML 代码【Ctrl】+【Shift】+【C】 粘贴 HTML 代码【Ctrl】+ 【Shift 】+【V 】 全部（All）选择【Ctrl】+【A 】 选择上一级标签【Ctrl】+【Shift】+【】 查找（Find）和替换.【Ctrl】+【F】/【Ctrl】+【H 】 查找下一个【F3】 缩进代码【Ctrl】+【】 取消缩进代码【Ctrl】+【 】 平衡背带【Ctrl】+【】 设置断点（Breakpoint） 【Ctrl】+【Alt】+【B】 调用
30、外部编辑器（ExternalEditor【Ctrl】+【E】 参数设置（setUp）.【Ctrl】+ 【U】 在编辑窗口和代码窗口间进行切换【Ctrl】+【Tab】 刷新视窗显示【F5】 显示/隐藏头文件【Ctrl】+【Shift 】+ 【W 】 表格用标准显示方式【Ctrl】+【Shift】+【F6】 表格显示为版面【Ctrl】+【F6】 显示/隐藏不可见因素【 Ctrl】+【Shift 】+ 【I】 显示/隐藏标尺（Rulers） 【Ctrl】+ 【Alt】+【R】 显示/隐藏网格【Ctrl】+【Alt】+【G】 捕捉到网格（Grid） 【Ctrl】+ 【Alt 】+【Shift】+【G】
31、 播放（Play）外部插件【 Ctrl】+【Alt】+【P 】 停止播放外部插件【Ctrl】+【Alt】+【X 】 播放所有的外部插件【Ctrl】+【Alt】+【Shift】+【P 】 停止所有外部插件【Ctrl】+【Alt】+【Shift】+【X】 插入图像（Image） 【Ctrl】+【Alt 】+【I】 插入 Flash 动画【Ctrl】+【Alt】+ 【F】 插入 Shockwave 影片【Ctrl】+【Alt】+【D】 插入表格（Table） 【Ctrl】+ 【Alt 】+【T】 插入书签命名锚点（Anchor） 【Ctrl】+【Alt】+ 【A】 插入回车符号【Shift】+【En
32、ter 】 插入非间断空格【Ctrl】+【Shift】+【Space】 修改页面属性.【Ctrl】+【J】 打开/关闭物体属性设置面板 【Ctrl】+【Shift 】+ 【J】 快速代码编辑【Ctrl】+【T】 新建链接（Link）.【Ctrl 】+ 【L】 删除链接（Link） 【Ctrl】 +【Shift 】+【L】 选择表格【Ctrl】+【A】 合并（Merge）单元格【 Ctrl】+【Alt】+【M 】 2 分离（Split）单元格.【Ctrl】+【Alt 】+【S】 插入一行【Ctrl】+【M 】 插入一列【Ctrl】+【Shift】+【A】 删除一行【Ctrl】+【Shift】+【
33、M】 删除一列【Ctrl】+【Shift】+【-】 增加单元格跨度【Ctrl】+【Shift】+【】 减少单元格跨度【Ctrl】+【Shift】+【】 左对齐选择物体【Ctrl】+【Shift】+【1】 右对齐选择物体【Ctrl】+【Shift】+【3】 顶对齐选择物体【Ctrl】+【Shift】+【4】 底对齐选择物体【Ctrl】+【Shift】+【6】 使宽度相同【Ctrl】+【Shift】+【7】 使高度相同【Ctrl】+【Shift】+【9】 将对象添加到库（Library）中【Ctrl】+【Shift】+【 B】 在模板中新建一个可编辑区域.【Ctrl】+【Alt】+【V】 添加物体
34、到时间线（Timeline ）上【Ctrl】+【Alt】+【Shift 】+【T】 在时间线上添加关键帧【F6】 删除时间线上的关键帧【Shift】+【F6】 文本缩进【Ctrl】+【Alt】+【】 取消文本缩进【Ctrl】+【Alt】+【】 设置段落格式为无【Ctrl】+【0】 设置段落格式为“Paragraph”【Ctrl】+ 【Shift 】+【P 】 设置段落格式为“标题 1”【Ctrl】+【1】 设置段落格式为“标题 2”【Ctrl】+【2】 设置段落格式为“标题 3”【Ctrl】+【3】 设置段落格式为“标题 4”【Ctrl】+【4】 设置段落格式为“标题 5”【Ctrl】+【5】
35、 设置段落格式为“标题 6”【Ctrl】+【6】 文字左（Left）对齐【Ctrl 】+【Alt 】+【Shift】+【L】 文字居中（Center）对齐【Ctrl】+【Alt 】+【Shift】+【C】 文字右（Right）对齐【Ctrl】+【Alt 】+【Shift】+【R】 文本样式使用粗体（Bold） 【Ctrl】+【B 】 文本样式使用斜体（Italic） 【Ctrl】+【I 】 编辑（Edit）样式表.【Ctrl】+【Shift】+【E】 拼写检查【Shift】+ 【F7】 开始录制命令【Ctrl】+【Shift】+【X】 播放（Play）录制好的命令 【Ctrl】+【P】 获取站
36、【Ctrl】+【Shift 】+【D】 检查站点【Ctrl】+【Alt】+【Shift】+【D】 放置（pUt）站点【Ctrl】+【Shift】+【U】 登记站点【Ctrl】+【Alt】+【Shift】+【U】 检查链接【Ctrl】+【F8 】 显示/隐藏面板和工具箱 【F4】 显示/隐藏上方工具栏（ Toolbar） 【Ctrl】+【Shift】+【T】 显示/隐藏对象面板【Ctrl】+【F2】 显示/隐藏属性面板【Ctrl】+【F3】 显示/隐藏站点窗口【F8】 打开站点映射图【Alt】 +【F8】 显示/隐藏资源面板【F11】 显示/隐藏行为面板【Shift】+【F3 】 显示/隐藏代码
37、窗口【F10】 显示/隐藏 CSS 样式面板【Shift 】+【F11 】 显示/隐藏框架面板【Shift】+【F2 】 显示/隐藏历史面板【Shift】+【F10 】 显示/隐藏 HTML 样式面板【Ctrl】+【F11】 显示/隐藏图层面板【F2】 显示/隐藏参考面板【Ctrl】+【Shift 】+ 【F1】 显示/隐藏时间线面板【 Shift】+【F9 】 最小化 Dreamweaver 窗口 【Shift 】+【F4 】 恢复 Dreamweaver 窗口【 Alt】+【Shift】+【F4】 “站点”菜单命令 新建（New ）窗口【Ctrl】+【N 】 新建（New ）一个文件【 C
38、trl】+【Shift】+【N】 新建（New ）一个文件夹 【Ctrl】+【Alt】+ 【Shift 】 +【N 】 打开（Open）网页.【Ctrl】+【O】 打开（Open）选定的文件【Ctrl】+【Alt 】+【Shift】+【O】 关闭（closedoWn）站点窗口【Ctrl】+【W】 重命名文件【F2】 删除文件【Delete】 检查链接【Shift】+ 【F8】 退出 Dreamweaver【Ctrl】+【Q 】2 发布站点【F12】 编辑本段 Dreamweaver20 个“标准的”配色方案Colors body margin:20px; font-family: Verdan
39、a, Geneva, Arial, Helvetica, sans-serif; font-size:12px; .style1 width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #96C2F1; background-color: #EFF7FF .style1 h5 margin: 1px; background-color: #B2D3F5; height: 24px; .style2 width: 800px; height: 100px; margin: 0px au
40、to; margin-bottom:20px; border:1px solid #9BDF70; background-color: #F0FBEB .style2 h5 margin: 1px; background-color: #C2ECA7; height: 24px; .style3 width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #BBE1F1; background-color: #EEFAFF .style4 width: 800px; height: 10
41、0px; margin: 0px auto; margin-bottom:20px; border:1px solid #CCEFF5; background-color: #FAFCFD .style5 width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #FFCC00; background-color: #FFFFF7 .style6 width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; bor
42、der:1px solid #92B0DD; background-color: #FFFFFf .style6 h5 margin: 1px; background-color: #E2EAF8; height: 24px; .style7 width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #A9C9E2; background-color: #E8F5FE .style8 width: 800px; height: 100px; margin: 0px auto; marg
43、in-bottom:20px; border:1px solid #E3E197; background-color: #FFFFDD .style9 width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #ADCD3C; background-color: #F2FDDB .style10 width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #F8B3D0; bac
44、kground-color: #FFF5FA .style11 width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #D3D3D3; background-color: #F7F7F7 .style12 width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #BFD1EB; background-color: #F3FAFF .style13 width: 800px
45、; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #FFDD99; background-color: #FFF9ED .style14 width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #CACAFF; background-color: #F7F7FF .style15 width: 800px; height: 100px; margin: 0px auto; margin-bo
46、ttom:20px; border:1px solid #A5B6C8; background-color: #EEF3F7 .style16 width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #CEE3E9; background-color: #F1F7F9 .style17 width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #CAE3FF; backgro
47、und-color: #F4F9FF .style18 width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #C9D9EE; background-color: #ECF8FF .style19 width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #5C9CC0; background-color: #F2FAFF h5color:#CCCCCC;margin-le
48、ft:680px acolor:#CCCCCC;text-decoration:none a:hovercolor:#666666;text-decoration:underline Title Title Title 词条图册更多图册参考资料 1 dreamweaver 实用技巧参考资料说明 http:/ Dreamweaver 实用技巧参考资料 http:/ 1 Adobe 公司：http:/ 网页设计师联盟：http:/ Dreamweaver 学习与教程：http:/4 Dreamweaver CS4 下载：http:/ 网罗设计教程打包下载:http:/ 免费下载：http:/www.de- Dreamweaver CS5 优点前瞻： http:/
