《Adobe Dreamweaver CC经典教程》——第1课 自定义工作区1.1 浏览工作区

第1课 自定义工作区

课程概述
Adobe Dreamweaver CC经典教程
在这一课中,你将熟悉Dreamweaver CC(Creative Cloud)程序界面,并将学习如何执行以下任务:

  • 切换文档视图
  • 处理面板
  • 选择工作区布局
  • 调整- 工具栏
  • 个性化首选项
  • 创建自定义的键盘快捷键
  • 使用“属性”检查器
    完成本课程大约需要30分钟的时间。在开始前,请确定你已经如本书开头的“前言”中所描述的那样把用于第1课的文件从本书附带光盘上复制到了你的硬盘驱动器上的一个方便的位置。

Dreamweaver提供了可自定义的、易于使用的所见即所得(WYSIWYG)HTML编辑器,同时又不会失去其强大能力和灵活性。你可能需要十多种程序来执行Dreamweaver可以完成的所有任务,但是它们使用起来都不像Dreamweaver那样有趣。

1.1 浏览工作区

Dreamweaver是行业领先的HTML(Hypertext Markup Language,超文本标记语言)编辑器,由于一些良好的原因而导致它非常普及。该软件提供了一批令人难以置信的设计和代码编辑工具。Dreamweaver对于每一个人都多多少少是有价值的。

编码员喜欢构建到“代码”视图环境中的多种增强特性,开发人员则非常享受该软件对多种程序设计语言的支持。设计人员则惊异于在他们工作时看到他们的文本和图形出现在精确的所见即所得(What You See Is What You Get,WYSIWYG)环境中,从而节省在浏览器中预览页面的时间。初学者肯定欣赏该软件的易于使用并且功能强大的界面。不管你是哪种类型的用户,如果你使用Dreamweaver,都不必做出妥协。

Dreamweaver界面具有一大批用户可配置的面板和工具箱(如图1-1所示)。花一点时间熟悉一下这些组件的名称。
Dreamweaver界面具有大量用户可配置的面板和工具栏,花一点时间让自己熟悉这些组件的名称

你可能认为要提供这么多功能的软件将显得十分臃肿,但是你错了。Dreamweaver通过可停靠的面板和工具栏提供它的大部分能力,你可以显示或隐藏它们以及以无数种组合排列它们,以创建理想的工作区。在大多数情况下,如果没有看到想要的工具或面板,都可以在“窗口”菜单中找到它们。

本课程介绍了Dreamweaver界面,并且介绍了一些隐藏在底下的能力。如果你想按顺序学习,可选择“文件”>“打开”。导航到Lesson01文件夹,然后选择start-here.html,并单击“打开”按钮。

时间: 2024-10-31 18:30:46

《Adobe Dreamweaver CC经典教程》——第1课 自定义工作区1.1 浏览工作区的相关文章

《Adobe Dreamweaver CC经典教程》——导读

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

《Adobe Dreamweaver CC经典教程》——1.4 选择工作区布局

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

《Adobe Dreamweaver CC经典教程》——1.6 个性化首选项

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

《Adobe Dreamweaver CC经典教程》——1.2 切换和拆分视图

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

《Adobe Dreamweaver CC经典教程》——1.3 处理面板

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

《Adobe Dreamweaver CC经典教程》——1.9 使用“CSS设计器”

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

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

1.10 探索.试验和学习 多年来,Dreamweaver界面经过了精心设计,使Web页面设计和开发的工作变得快速和容易.可以随心所欲地探索和试验不同的菜单.面板和选项,创建理想的工作区,根据自己的需要创建最高效的环境.你将发现这款软件具有无止境的适应能力,可以处理任何任务.享受它吧!

《Adobe Dreamweaver CC经典教程》——1.7 创建自定义的快捷键

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

《Adobe Dreamweaver CC经典教程》——1.11复习

1.11复习 复习题 在什么地方可以访问用于显示或隐藏任何面板的命令? 在什么地方可以找到"代码"."设计"."拆分"和"实时视图"按钮? 在工作区中可以保存什么内容? 工作区也会加载快捷键吗? 在把光标插入到Web页面上的不同元素中时,"属性"检查器中会发生什么事情? 复习题答案 在"窗口"菜单中列出了所有的面板. 这些按钮是"文档"工具栏的组成部分. 工作区可以保