3.1.2 Dreamweaver CC 的工作界面[共3页]

文档标题是在用浏览器打开文档时显示在浏览器窗口标题栏上的名称，文档标题在 文档的<title>和</title>标记中。它和文档的文件名称是不同的概念，文件名称则是文档 存储在磁盘上的文件名。
1.7
第1章 认识 Dreamweaver CC
1.2 Dreamweaver CC的工作界面和基本操 作
1.2
第1章 认识 Dreamweaver CC
1.1 Dreamweaver CC概述
Dreamweaver CC是美国Adobe公司推出的集网页制作和站点管理于一身的网页制 作软件，也是第一个专门为网页设计师量身定制的可视化网页制作软件，利用它可以制 作出跨越平台限制和浏览器限制的、充满丰富动感的网页。以前，网页设计者在制作网 页时必须熟练掌握HTML语言和JavaScript，但是现在设计者使用Dreamweaver CC就 可以轻松制作出精美的网页，而且在制作过程中可以同步预览制作效果，使得网页设计 过程简单明了。
1.4
工作区设置对话
第1章 认识 Dreamweaver CC
1.2 Dreamweaver CC的 Nhomakorabea作界面和基本操 作
1.2.2 Dreamweaver CC的工作界面
1.5
第1章 认识 Dreamweaver CC
1.2 Dreamweaver CC的工作界面和基本操 作
1. 菜单栏 菜单栏中包含了Dreamweaver CC操作的所有命令。这些命令按照操作类别分为“文
件”、“编辑”、“查看”、“插入”、“修改”、“格式”、“命令”、“站点”、“ 窗口”、“帮助”10个菜单。 2. 文档工具栏
文档工具栏中包含“代码”、“拆分”、“设计”、“实时视图”等视图显示方式， 相互之间可以快速切换，并且可以设置文档的标题。

✎ 1.3 知识引入
知识引入
Dreamweaver界面介绍 Dreamweaver初始化设置 创建第一个网页
✎ 1.3 知识点讲解
1、 Dreamwe、 Dreamweaver界面介绍
D这0这 DD选这1DD1选0这DDD0100D这这D这选0这D0DD选这00、 、 、rrrrrrrrrrrrrTTTTTTTTT时时择时择时时时时择时择时eeeeeeeeeeeeerrrrrrrrraaaaaaaaaaaaaaaaaaaaaaDDD， ，菜 ， 菜 ， ， ， ， 菜 ， 菜 ，mmmmmmmmmmmmmnnnnnnnnnrrrsssssssss新eee在在 单在单在在在在单在单在wwwwwwwwwwwwwiiiiiiiiiaaattttttttteeeeeeeeeeeeeiiiiiiiiimmm文文 栏文栏文文文文栏文栏文oooooooooaaaaaaaaaaaaa建nnnnnnnnnvvvvvvvvvvvvwwwv档档 中档中档档档档中档中档aaaaaaaaaeeeeeeeeeeeeeeeelllllllllHrrrrrrrrrrrrr，，，， ，，，，，类类 的类的类类类类的类的类aaa界界初界初界 初界界初界界初初界vvvT点点点点 点点点点点型型 【型【型型型型【型【型eee面面始面始面 始面面始面面始始面rrrM击击击击 击击击击击下下 文下文下下下下文下文下界界界介介化介化介 化介介化介介化化介【【【【 【【【【【拉拉 件拉件拉拉拉拉件拉件拉面面面L绍绍设绍设绍 设绍绍设绍绍设设绍文创创创创 创创创创创选选】选】选选选选】选】选介介介置置置置置置建建建建 建建建建建项项 项项项项项项项→→→→绍绍绍档】】】】 】】】】】中中 中中中中中中中【【【【：按按按按 按按按按按选选 选选选选选选选新新新新钮钮钮钮 钮钮钮钮钮择择 择择择择择择择建建建建，，，， ，，，，，XX】X】XXXX】X】XHHHHHHHHH即即即即 即即即即即选选选选TTTTTTTTT可可可可 可可可可可MMMMMMMMM项项项项LLLLLLLLL创创创创 创创创创创，，，，111111111建建建建 建建建建建会会会会......... 一 一 一 一一 一 一 一 一出 出 出 出个个个个 个个个个个现现现现空空空空 空空空空空““““新新新新白白白白 白白白白白建建建建的的的的 的的的的的选“选即文文文文HHHHHHHHH档档档档TTTTTTTTT择新择可MMMMMMMMM””””窗窗窗窗LLLLLLLLL菜建X创口口口口文文文文 文文文文文H。。。。档档档档 档档档档档单文建T。。。。 。。。。。M栏档一L中”个1的窗空.0【口白Tr文。的an件这HsTi】时tiMo，→nLa文在【l，档文新点。档建击类】【型选创下项建拉，】选会按项出钮中现，

Dreamweaver
CC基础入门
“属性”面板位于文档状态栏的下方，主要用来设置页面上正被编辑内容的属性，如图所示。 可以通过执行“窗口>属性”菜单命令或按Ctrl+F3快捷键的方式打开或关闭属性面板。
13
第1章
1.5.5
面板组
在Dreamweaver CC中，面板组都嵌入到了操作界面中。面板组位于工作界面的右侧，用于
5
1.3
常见的网站类型
第1章
Dreamweaver
CC基础入门
1.3.1 门户网站
门户网站是指共享某类综合性互联网信息资源并提供 有关信息服务的应用系统，是涉及领域非常广泛的综合性 网站，如图所示。
1.3.2 企业网站
企业网站即所谓的企业门户，其拥有丰富的资讯信 息和强大的搜索引擎功能，如图所示。
1.3.6 电子商务网站
电子商务网站就是企业、机构或者个人在互联网上 建立的一个站点，是企业、机构或者个人开展电子商务 的基础设施和信息平台，是实施电子商务的交互窗口， 是从事电商的一种手段，如图所示就是电子商务网站。
8
1.4
1.4.1
Dreamweaver CC 的启动与退出
启动Dreamweaver CC
1.6.3
代码颜色
选择“分类”列表框中的“代码颜色”选项， 其参数如图所示。
16
1.6.4
复制/粘贴
第1章
Dreamweaver
CC基础入门
选择“分类”列表框中的“复制/粘贴”选项，其参数如 图所示。Dreamweaver CC在处理文本时加强了它的复制和粘 贴的功能。一段任意的文本文档被复制后（包含来自 Microsoft Office的文本），都能粘贴到Dreamweaver CC中， 并且Dreamweaver CC自动将其格式转化为HTML格式。

3.5.1 设置META

META 对象常用于插入一些为 Web 服务器提供选 项的标记符，方法是通过 http-equiv 属性和其他 各种在Web页面中包括的、不会使浏览者看到的 数据。
3.5.2 插入关键字

关键字也就是与网页的主题内容相关的简短而 有代表性的词汇，这是给网络中的搜索引擎准 备的。关键字一般要尽可能地概括网页内容， 这样浏览者只要输入很少的关键字，就能最大 程度地搜索网页。
3.4.1 设置文本字体

选择一种合适的字体，是决定网页美观、布局 合理的关键，在【属性】面板中单击【字体】 右边的文本框，在弹出的下拉列表中选择要设 置的字体，具体操作步骤如下 。
3.4.2 设置字体大小

选中要设置字号的文本，在【属性】面板中的 【大小】下拉列表中选择字号的大小，或者直 接在文本框中输入相应大小的字号。
3.1.5

插入栏
【插入】栏有两种显示方式：一种 是以菜单方式显示，另一种是以制 表符方式显示。【插入】栏中放置 的是制作网页的过程中经常用到的 对象和工具，通过【插入】栏可以 很方便地插入网页对象。【插入】 栏中包含用于创建和插入对象（例 如表格、图像和链接）的按钮。这 些按钮按几个类别进行组织，可以 通过从【类别】弹出菜单中选择所 需类别来进行切换 。

教学重点 Dreamweaver CC工作环境 创建站点 添加文本元素 编辑文本格式 设置头信息 创建基本文本网页
3.1

Dreamweaver CC工作环境
Dreamweaver CC的工作界面主要由菜单栏、 文档窗口、属性面板以及多个浮动面板组成， 如图3-1所示。
3.2.1

使用向导建立站点