《Adobe Dreamweaver CC经典教程》——1.10　探索、试验和学习

第1课 自定义工作区 课程概述Adobe Dreamweaver CC经典教程在这一课中,你将熟悉Dreamweaver CC(Creative Cloud)程序界面,并将学习如何执行以下任务: 切换文档视图 处理面板 选择工作区布局 调整- 工具栏 个性化首选项 创建自定义的键盘快捷键 使用"属性"检查器完成本课程大约需要30分钟的时间.在开始前,请确定你已经如本书开头的"前言"中所描述的那样把用于第1课的文件从本书附带光盘上复制到了你的硬盘驱动器上的一个方便的位

前言Adobe Dreamweaver CC是行业领先的Web内容制作程序.无论你是为了生活还是为了自己的事业而创建Web站点,Dreamweaver都提供了你所需的所有工具,帮助你达到专业水平.关于经典教程本书是在Adobe产品专家的支持下开发的图形和出版软件的官方培训系列教材中的一本. 精心合理的课程设计,可使你按自己的进度来学习.如果你是Dreamweaver的初学者,将会学到使用这款软件的基础知识.如果你是经验丰富的用户,那么你将会发现经典教程讲解了许多高级特性,包括使用Dreamwea

1.4 选择工作区布局 自定义软件环境的快捷方式是使用Dreamweaver中预建的工作区之一.这些工作区已经被专家进行了优化,以使你所需的工具唾手可得. Dreamweaver CC包括两种预建的工作区:"扩展"和"压缩".要访问这些工作区,可以从位于"应用程序"栏中的"工作区"菜单中选择它们(如图1-19所示). 对于显示器较小或者在笔记本计算机上工作的用户可能使用"压缩"工作区,因为它优化了面板和窗口

1.2 切换和拆分视图 Dreamweaver分别为编码员和设计人员提供了专用的环境,还提供了一个把这二者混合在一起的复合选项. 1.2.1 "设计"视图 "设计"视图在Dreamweaver工作区中着重显示其所见即所得的编辑器,它非常接近(但并非完美)地描绘了Web页面在浏览器中的样子.要激活"设计"视图,可以单击"文档"工具栏中的"设计"按钮(如图1-2所示).大多数HTML元素和CSS(cascadi

1.3 处理面板 尽管可以从菜单访问大多数命令,Dreamweaver还是把它的大量功能散布在用户可选择的面板和工具栏中.你可以在屏幕四周随意显示.隐藏.排列和停靠面板(如图1-9所示).如果你愿意,甚至可以把它们移到第二个或第三个视频显示界面上. "窗口"菜单列出了所有可用的面板.如果你在屏幕上没有看到特定的面板,可以从"窗口"菜单中选择它.菜单中出现的勾号指示面板是打开的.偶尔,一个面板可能在屏幕上位于另一个面板后面,并且难以定位.在这些情况下,只需在"

1.9 使用"CSS设计器" "CSS设计器"是Dreamweaver Creative Cloud中的新增功能.它提供了一种以更加可视化的方式创建.编辑CSS样式并进行查错的新方法. "CSS设计器"面板包含4个窗格:"源"."@媒体"."选择器"和"属性"(如图1-31所示)."源"窗格允许创建.附加.定义和删除内部和外部样式表."@

1.5 调整工具栏 一些软件特性是如此便利,以至于你想以工具栏的形式随时使用它们.两个工具栏-- "文档"和"标准"--水平显示在文档窗口顶部.不过,"编码"工具栏是垂直显示的,但是只出现在"代码视图"窗口中(如图1-22所示).你将在后面的练习中探索这些工具栏的能力.通过从"查看"菜单中选择想要的工具栏来显示它.

1.6 个性化首选项 在你继续使用Dreamweaver时,你将为每种活动设计你自己最佳的面板和工具栏的工作区.你可以在你自己命名的自定义的工作区中存储这些配置. 要保存自定义的工作区,可以从"工作区"菜单中选择"新建工作区"(如图1-23所示),然后给它提供一个自定义的名称.

1.7 创建自定义的快捷键 Dreamweaver的另一个强大特性是创建你自己的快捷键以及更改现有的快捷键的能力.快捷键是独立于自定义的工作区加载和保存的. 如果你必须通过快捷键使用某个命令,而该命令又没有快捷键,就可以自己创建它.试试下面的操作. 1.选择"编辑">"快捷键"(Windows)或Dreamweaver>"快捷键"(Mac). 2.单击"复制副本"()按钮,创建一组新的快捷键. 3.在"复