《Adobe Dreamweaver CS5中文版经典教程》——第1课1.1 浏览工作区

第1课

课程概述
在这一课中,你将熟悉Dreamweaver CS5(Creative Suite 5)程序界面,并将学习如何执行以下任务:

  • 切换视图;
  • 处理面板;
  • 调整工具栏;
  • 选择工作区布局;
  • 个性化首选参数;
  • 使用“属性”检查器。
    完成本课程大约需要40分钟的时间。在开始前,请确定你已经如本书“前言”中所描述的那样,把用于第1课的文件复制到了你的硬盘中。

https://yqfile.alicdn.com/9931a273b0c7a38864ceea1ca4c5123bf1073572.png" >

https://yqfile.alicdn.com/b4797dbf0248ae503b583f6aed1ed3381aad0983.png" >

https://yqfile.alicdn.com/5ab4ff1e2b8e2ca661e451cafabadda047ab1451.png" >

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

1.1 浏览工作区

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

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

Dreamweaver界面具有一大批用户可配置的面板和工具箱。花一点时间熟悉一下这些组件的名称,如图1.1所示。

你可能认为要提供这么多功能的软件将显得十分拥挤、缓慢和笨重,但是你错了。Dreamweaver通过可停靠的面板和工具栏提供它的大部分能力,你可以显示或隐藏它们以及以无数种组合排列它们,以创建理想的工作区。
本课程介绍了Dreamweaver界面,并且论及了一些隐藏的能力。如果你想按顺序学习,可选择“文件”>“打开”命令,导航到lesson01文件夹,然后选择start-here.html,并单击“打开”按钮。

时间: 2024-10-26 07:56:02

《Adobe Dreamweaver CS5中文版经典教程》——第1课1.1 浏览工作区的相关文章

《Adobe Dreamweaver CS5中文版经典教程》——1.2 切换和拆分视图

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

《Adobe Dreamweaver CS5中文版经典教程》——1.8 使用“属性”检查器

1.8 使用"属性"检查器 Adobe Dreamweaver CS5中文版经典教程一个对你的工作流程至关重要的工具是"属性"检查器.这个面板通常出现在工作区的底部."属性"检查器是上下文驱动的,并且会适应所选元素的类型. 1.8.1 使用HTML选项卡把光标插入到页面上的任何文本内容中,"属性"检查器将提供快速分配一些基本的HTML代码和格式化效果的方式.当选择HTML按钮时,可以应用标题和段落标签,以及粗体.斜体.项目列表

《Adobe Dreamweaver CS5中文版经典教程》——1.7 创建自定义的快捷键

1.7 创建自定义的快捷键 Adobe Dreamweaver CS5中文版经典教程Dreamweaver的另一个强大特性是创建你自己的快捷键以及更改现有的快捷键的能力.快捷键是独立于自定义的工作区加载和保存的. 如果你必须通过快捷键使用某个命令,而该命令又没有快捷键,就可以自己创建它.试试下面的操作. 1.选择"编辑">"快捷键"命令,打开"快捷键"对话框,如图1.22所示. https://yqfile.alicdn.com/9aec4

《Adobe Dreamweaver CS5中文版经典教程》——1.4 选择工作区布局

1.4 选择工作区布局 Adobe Dreamweaver CS5中文版经典教程自定义软件环境的快捷方式是使用Dreamweaver中预建的工作区之一.这些工作区已经被专家进行了优化,以使你所需的工具唾手可得. Dreamweaver CS5包括8种预建的工作区.要访问这些工作区,可以从位于"应用程序"栏中的"工作区"菜单中选择它们,如图1.16所示. https://yqfile.alicdn.com/db9f8ec7fee0563fd6eb0d3a567a7e3

《Adobe Dreamweaver CS5中文版经典教程》——导读

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

《Adobe Dreamweaver CS5中文版经典教程》——1.3 处理面板

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

《Adobe Dreamweaver CS5中文版经典教程》——1.6 个性化首选参数

1.6 个性化首选参数 在你继续使用Dreamweaver时,你将为每种活动设计你自己最佳的面板和工具栏的工作区.你可以在你自己命名的自定义的工作区中存储这些配置. 要保存自定义的工作区,可以从"应用程序"栏中的"工作区"菜单中选择"新建工作区",如图1.21所示. https://yqfile.alicdn.com/cc57365da462e49ea4bc186c7f0cce3c22d73eca.png" >

《Adobe Dreamweaver CS5中文版经典教程》——1.9复习

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

《Adobe Illustrator CS5中文版经典教程》—第1课1.1节 概 述

第1课 了解工作区 Adobe Illustrator CS5中文版经典教程 在本课中,读者将学习如何执行如下操作: 使用欢迎屏幕: 打开Adobe Illustrator CS5文件: 选择工具箱中的工具: 使用面板: 使用视图选项缩放图稿: 在多个画板和文档之间导航: 理解标尺: 处理文档组: 使用Illustrator帮助. 学习本课内容需要大约45分钟.如果有必要,将文件夹Lesson00从硬盘中删除,然后将文件夹Lesson01复制到硬盘中. 为充分利用Adobe Illustrato