当前位置：文档之家 › Cha02DreamweaverCC的基本操作详解

Cha02DreamweaverCC的基本操作详解

  • 格式：ppt
  • 大小：4.13 MB
  • 文档页数：34

下载文档原格式

  / 34

合集下载

第3章_Dreamweaver基本操作

第3章_Dreamweaver基本操作

如图所示：
如果在“字体”下拉列表中没有所需要的字体， 可以选择“编辑字体列表”命令，打开如图所示的 “编辑字体列表”对话框。
在该对话框的“可用字体”列表中选择所需的字 体，单击按钮，将所选的字体添加到“选择的字体”
列表中。
2.字体大小设置
选中要设置字体大小的文字。 执行【文本】|【大小】命令，或者在“属性”面板的“大 小”列表中选择所需要的选项即可。


简介：Dreamweaver CS3“所见即所得”的可 视化网站开发工具。 3.1.1 Dreamweaver CS3的启动 3.1.2 Dreamweaver CS3的工作环境 3.1.3 站点操作 3.1.4 文档操作
3.1.1 Dreamweaver CS3的启动

方法一：在“开始”菜单中启动 方法二：双击桌面上Dreamweaver CS3的快 捷方式图标。
5.设置页面属性（2）设置网页其他属性

③ 跟踪图像。跟踪图像是放在文档窗口中的 JEPG、GIF或PNG图像。在“分类”列表框 中选择“跟踪图像”选项，右侧选项主要用于 设置隐藏图像、设置图像的不透明度和更改图 像的位置.
5.设置页面属性（2）设置网页其他属性


6．预览网页 保存好新建的文档之后，可以在浏览器中对所 做的网页进行预览，预览的方法有： 方法一：按【F12】键。 方法二：在工具栏中单击按钮，在弹出的快捷 菜单中选择浏览器。
5．标准工具栏

标准工具栏包含来自“文件”和“编辑”菜单 中的一般操作的按钮，如“新建”、“打开”、 “保存”、“保存全部”、“剪切”、“复 制”、“粘贴”、“撤销”和“重做”，如图 所示。
6．文档窗口

“文档”窗口显示当前文档。 可以选择下列任一视图

《AdobeDreamweaverCC基础课程详解中文教程课件》

《AdobeDreamweaverCC基础课程详解中文教程课件》

HTML标签和文本编辑器
掌握HTML标签的基本用法和常见元素，学习使用Adobe Dreamweaver CC的文 本编辑器进行网页内容的编辑和排版。
CSS样式和选择器
深入学习CSS样式和选择器的使用方法，如何为网页元素添加样式，以及如何通过选择器控制元素的外观和布局。
布局和盒模型
了解网页布局的基本概念和技巧，学习盒模型的原理和应用，以及如何使用 布局工具进行网页布局设计。
安装和运行Adobe Dreamweaver CC
下载、安装和设置Adobe Dreamweaver CC，了解如何启动并创建新的网页项目。
界面和工具栏操作
探索Adobe Dreamweaver CC的用户界面和工具栏，熟悉各个面板和选项的功 能和用途。
新建、保存和打开HTML页面
学习如何创建、保存和打开HTML页面，了解页面文件结构和命名规范。
《Adobe Dreamweaver CC基础课程详解中文教 程课件》
一个详细而易懂的中文教程课件，帮助您从零基础开始学习Adobe Dreamweaver CC，掌握网页设计和编码的基本概念和技巧。
Adobe Dreamweaver CC基础概念介绍
学习Adobe Dreamweaver CC的模块化课程结构和主要特点，了解网页设计、编码和开发的基本概念和原理。
图片和超链接
掌握在网页中插入图片和创建超链接的方法，了解如何优化图片和设置超链接的样式。
表格和表单
学习如何创建和格式化HTML表格，以及如何设计和构建网页表单。
多媒体、音频和视频
了解如何添加多媒体元素、音频和视频到网页中，以及如何优化它们的加载 和播放性能。
JavaScript和ቤተ መጻሕፍቲ ባይዱQuery简介

第1章 初识Dreamweaver CC课件PPT

第1章 初识Dreamweaver CC课件PPT
文档标题是在用浏览器打开文档时显示在浏览器窗口标题栏上的名称，文档标题在 文档的<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. 文档工具栏
文档工具栏中包含“代码”、“拆分”、“设计”、“实时视图”等视图显示方式， 相互之间可以快速切换，并且可以设置文档的标题。

Dreamweaver基础技巧全面接触

Dreamweaver基础技巧全面接触

Dreamweaver基础技巧全面接触很多朋友使用Dreamweaver一段时间后，开始热衷于寻找各式各样的插件，追求各种各样的特效，而对于Dreamweaver中的基本功能反而不去深入研究，其实在Dreamweaver中有很多有用的技巧，如果你多加运用，不仅能提高效率，而且可以实现很多实用的效果。

今天我把工作中常用的一些技巧介绍给大家，希望对大家能有些用途，同时也希望能唤起大家深入研究的愿望。

我准备根据工作中的不同阶段分别介绍各种技巧。

一、规划阶段——站点窗口的技巧Dreamweavr的站点窗口常常被很多朋友忽视，其实利用站点窗口我们可以方便的完成很多任务。

下面我介绍几个实用的技巧。

1、快速添加站点导航。

使用站点窗口中的网站地图可以快速制作网站雏形，并可以方便的在个页面之间加入导航链接。

首先按如下图标打开站点地图窗口；选中index.htm文件；点击并拖动站点导航（Site Navigation）窗口中index.htm文件右上角的小圆圈，将它拖动到左边文件窗口中的某一个文件上，如下图所示；Dreamweaver会自动将mydesign.htm的链接加入到index.htm文件中，同样执行此操作并分别指向其他相关链接文件后，导航窗口如下图：此时打开index.htm文件，可以看到相应的连接文字和链接都已经添加好了，我们可以根据需要将他们合理的修改和组织。

如图：2、快速修改文件Title。

很多时候我们新建的文件往往忽视设定文件Title的内容，事后需要修改时，常常得打开每一个文件分别修改。

其实这个工作可以在站点窗口中方便的完成。

打开站点窗口View菜单下的Show Page Titles，可以使站点窗口中的文件显示出文件头，而不是原先的文件名。

默认的文件头是U ntitled Document我们可以分别两次点击，改变默认的文字为我们需要的文件头。

如图：3、快速生成站点地图。

有时我们需要制作一个包含当前站点所有文件结构的站点地图而找不到合适的方法。

Dreamweaver CC实用教程 第1章 Dreamweaver CC基础入门

Dreamweaver CC实用教程 第1章 Dreamweaver CC基础入门

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格式。

Dreamweaver CC实用教程 第5章 使用表格进行网页布局

Dreamweaver CC实用教程 第5章 使用表格进行网页布局

表格排序
第5章 使用表格进行网页 布局
在Dreamweaver中，允许对表格的内容以字母和数字进行排序，对表格内容进行排序可按如下
操作步骤进行。 第1步：选定需要排序的表格。 第2步：执行“命令>排序表格”菜单命令，打开对话框。
第3步：在“排序按”下拉列表中列出了选定表格的所有列。这里选择第3列“数学”。
5.6.1 导入表格数据
Dreamweaver能与其他文字编辑软件进行数据交换，在其他软件创建的表格数据可以导入Dreamweaver
中转化为表格，同样也能将Dreamweaver中的表格数据导出。
14
5.6.2 导出表格数据
导出表格数据的操作步骤如下。 第1步：将光标放置到要导出数据的表格中。 第2步：执行“文件>导出>表格”菜单命令，打开如图所示的对话框。 第3步：在“定界符”下拉列表中选择分隔符，这里包括“空白键”、“逗号”、“ 分号”、“冒号”。 第4步：在“换行符”下拉列表中选择将要导出文件的操作系统，这里包括Windows 、Mac和UNIX。 第5步：单击 按钮，打开“表格导出为”对话框，如图所示。 第6步：在“文件名”文本框中输入导出文件的名称。 第7步：单击 按钮，表格数据文件即被导出了。
第5章 使用表格进行网页 布局
5.3.3 单元格的合并及拆分
在制作网页的过程中，有时需要合并或拆分单元格，下面将分别介绍合并或拆分单元 格的操作方法。 1.单元格的合并 2.单元格的拆分
8
即学即用：制作商品促销网页
学习使用单元格的合并及拆分来制作网页的方法。
第5章 使用表格进行网页 布局
9
5.4
第4步：在“顺序”下拉列表中选择“按字母顺序”或“按数字顺序”。当列的内容是数字时， 选择“按字母排序”可能会产生这样的顺序：2、20、3、30、4，因此这种排序方式不一定按照数字 的大小来排序。 第5步：在“升序”下拉列表框中选择按“升序”或“降序”排列。 第6步：在“再按”下拉列表中，可以选择作为第二排序依据的列。同样，也可以在“顺序”下 拉列表中排序。 第7步：在“选项”区域中，可以选择“排序包含第一行”、“排序标题行”、“排序脚注行” 和“完成排序后所有行颜色保持不变”复选框，可根据需要进行设置。 第8步：设置完成后，单击 按钮，表格即被排序，如图所示，是一个把第3列（也就是“数学”列） 按升序排列后的表格。

第三章 Dreamweaver使用基础


3.3 Dreamweaver的界面 Dreamweaver的界面
4. 编辑窗口
显示当前创建和编辑的文档。 显示当前创建和编辑的文档。
5. 属性面板
用于查看和更改所选对象或文本的各种属性， 用于查看和更改所选对象或文本的各种属性， 选取不同的对象，其属性面板内容不同。 选取不同的对象，其属性面板内容不同。
标准视图：是典型的Dreamweaver设计视图。 Dreamweaver设计视图 标准视图：是典型的Dreamweaver设计视图。 布局视图： 布局视图 ： 可以绘制布局单元格或布局表 格并在其中添加各种内容（ 如图像、 格并在其中添加各种内容 （ 如图像 、 文本 等）。
3.4 文档的基本操作
3.3 Dreamweaver的界面 Dreamweaver的界面
6. 可停靠浮动面板
是停靠在编辑窗口右侧的浮动面板的集合。 是停靠在编辑窗口右侧的浮动面板的集合。 是一组用于监控页面制作过程或对象属性的 窗口。 窗口。 如果希望临时隐藏所有的浮动面板， 如果希望临时隐藏所有的浮动面板，可以按 若再次按下F 又可以重新显示。 下F4键。若再次按下F4键，又可以重新显示。
3.3 Dreamweaver的界面 Dreamweaver的界面
认识Dreamweaver 的窗口结构 认识 一般来说，一个典型的启动Dreamweaver 应用程 一般来说，一个典型的启动 序操作环境包括如下几个部分，如图3-10所示。 所示。 序操作环境包括如下几个部分，如图 所示
图3-10 Dreamweaver 窗口
(2) 使用标尺
单击“ 查看” 单击 “ 查看 ” → “ 标尺 ” → “ 显示 标尺 ” 标尺” 显示标尺 标尺” 命令，可以打开或关闭文档窗口的标尺 标尺。 命令，可以打开或关闭文档窗口的标尺。

第3章_Dreamweaver基本操作


如图所示：
如果在“字体”下拉列表中没有所需要的字体， 可以选择“编辑字体列表”命令，打开如图所示的 “编辑字体列表”对话框。
在该对话框的“可用字体”列表中选择所需的字 体，单击按钮，将所选的字体添加到“选择的字体”
列表中。
2.字体大小设置
选中要设置字体大小的文字。 执行【文本】|【大小】命令，或者在“属性”面板的“大 小”列表中选择所需要的选项即可。
标文件。
3.5 使用多媒体对象

添加背景音乐
① 打开要添加背景音乐的网页，如实例中的主页04-1.html。 ② 切换到代码视图，在<head>和</head>之间添加以下代码： <bgsound src=”music/bg.mid” loop=1> bgsound标签的基本属性是src，用于指定背景音乐的源文件。 常用属性loop用于指定背景音乐的重复次数，本例设置重复1次， 如果部制定该属性，则背景音乐无限循环。 ③ 保存全部网页，按F12键预览网页，自动播放加入的背景音 乐。
4.字体样式设置

字体样式包括字体的加粗、倾斜等。在 Dreamweaver CS3中，用户可以很容易地设 置文字样式：先在页面中选择文字，然后在 “属性”面板中单击按钮，可以设置文字为粗 体；单击按钮，则设置文字为斜体。若要取消 设置，可以再次单击按钮即可。除此之外而， 还可以使用快捷键设置字体的加粗和倾斜格式， 按下“Ctrl+B”组合键，可以使文字加粗；按下 “Ctrl+I”组合键，可以使文字倾斜。
3.6 表格操作
编辑表格 ①为表格添加背景图像 ②设置单元格的格式 ③向单元格中输入内容 ④合并单元格 效果如右图：

3.7 表单操作

dreamweaver的基本使用

Dreamweaver的基本使用介绍Dreamweaver是一种强大的网页开发工具，它提供了各种功能和工具，使开发者能够更轻松地设计、编写和管理网站。

本文将介绍Dreamweaver的基本使用方法，帮助初学者快速上手使用这个工具。

安装首先，您需要从Adobe官方网站下载并安装Dreamweaver。

安装过程与其他软件的安装类似，按照指示进行操作即可。

一旦安装完成，您就可以开始使用Dreamweaver了。

创建新项目在打开Dreamweaver后，您将看到一个欢迎界面。

要创建一个新项目，请按照以下步骤操作： 1. 点击左上角的“文件”菜单。

2. 选择“新建”。

3. 在弹出窗口中，选择“网站”选项。

4. 输入项目名称和保存位置。

5. 点击“下一步”按钮。

6. 选择您要使用的起始文件夹的类型（HTML、PHP等）。

7. 点击“完成”按钮。

现在，您已经成功创建了一个新的Dreamweaver项目。

编辑网页在Dreamweaver中，您可以使用所见即所得（WYSIWYG）编辑器来设计和编辑网页。

以下是一些基本的网页编辑功能和工具： - 工具栏：位于顶部的工具栏提供了常用的编辑和设计工具，例如选择、文本样式、图像插入等。

- 代码视图：如果您更喜欢直接编辑HTML代码，可以切换到代码视图。

在代码视图中，您可以手动编辑HTML和CSS代码。

- 面板：Dreamweaver提供了各种面板，用于管理项目文件、调整页面属性以及查看代码的相关提示和错误信息。

- 切分视图：您可以将编辑界面分为多个窗格，以同时查看设计视图和代码视图。

管理项目文件在Dreamweaver中管理项目文件非常容易。

您可以使用文件管理器面板浏览项目文件夹和文件，还可以执行一些常见的文件操作，如创建新文件、重命名和删除文件等。

预览和测试在您完成网页设计后，可以使用Dreamweaver的预览功能来查看网页的外观和布局。

点击工具栏上的“预览”按钮，Dreamweaver将在内置浏览器中打开您的网页。

第2章 Dreamweaver CC基础


第2章 网站创建与管理
10
相关知识
二、网页文档基本操作
网页文档的基本操作包括新建网页文档，保存网页文档，以及打开、预览和关闭网页文档等。
1．新建和保存网页文档
在Dreamweaver CC中可以创建两种类型的网页文档，一种是直接创建的空白网页文档，另一种是通过 Dreamweaver CC内置的模板创建具有一定内容和样式的网页文档。
第2章 网站创建与管理
27
四、设置刷新时间
在【文档】窗口中切换到代码视图，将光标置于<head>…</head>标签内， 选择菜单【插入】|【HTML】|【文件头标签】|【刷新】。 ❖ 在【刷新】对话框中设置相应属性。 单击【确定】按钮，在代码视图下可以看到<head>标签内新增了如下代码： <meta http-equiv="refresh" content="30" />
第2章 网站创建与管理
26
三、插入版权信息
选择菜单【插入】|【HTML】|【文件头标签】|【META】，打开【META】对 话框，在【值】文本框输入copyright，在【内容】文本框中输入版权信息，如 “本页版权归设计者所有”，单击【确定】按钮。 在代码视图下可以看到<head>标签内新增了如下代码： <meta name="copyright" content="本页版权归设计者所有" />
D H
第2章 网站创建与管理
A
B
C
E
F
G I
J
4
目录页
CONTENTS PAGE
第2章 Dreamweaver CC基础
  1. 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

图2.1 DreamweaverCC工作界面
图2.2 菜单栏
2.1
Dreamweaver CC的工作界面
2．文档窗口 文档窗口显示当前创建和编辑的网页文档。用户可以在设计视图、代码 视图、拆分视图中查看文档，如图2.3所示。 3. 【属性】面板 【属性】面板用于查看和编辑所选对象的各种属性。【属性】面板可以 检查和编辑当前选定页面元素的最常用属性。【属性】面板中的内容根据选 定元素的不同会有所不同，图2.4所示的是图片的【属性】面板。 4. 浮动面板 【属性】面板以外的其他面板可以统称为浮动面板，各浮动面板主要由 面板的特征命名，这些面板都浮动于编辑窗口之外。我们可以通过菜单栏中 的【窗口】命令来打开相应的面板，如图2.5所示。
图2.6 【插入】面板
2.2
创建站点
站点是一组具有共享属性（如相关主题、类似的设计或共同目的）的 链接文档和资源。Dreamweaver是创建和管理站点的工具，使用它不仅可以 创建单独的文档，还可以创建完整的Web站点。 创建本地站点的步骤如下： (1) 在菜单栏选择【站点】|【管理站点】命令，随即弹出【管理站点】对话 框，如图2.7所示。 (2) 在弹出【管理站点】对话框中，单击【新建】按钮，如图2.8所示。
图2.11 新建文件夹或文件
图2.12 新建文件夹
2.3.2
删除文件或文件夹
在制作网页的过程中有时候需要将多余的文件夹或文件删除，下面介绍如何删除 文件或文件夹。 (1) 打开【文件】面板，选择需要删除的文件夹或文件，单击鼠标右键，在弹出 的快捷菜单中选择【编辑】|【删除】命令，如图2.13所示。 (2) 随即弹出【提示】对话框，单击【是】按钮，这样就可以文件夹或文件删除， 如图2.14所示。
图2.15 重命名文件夹
图2.16 可编辑状态
提 示：
无论是重命名还是移动文件，都应该在【文件】面板中进行。因为 【文件】面板有动态更新链接的功能，确保站点内部不会出现链接错 误。
2.4
网页文档的基本操作
2.4.1 创建空白网页
制作网页的前提是首先必须新建一个网页文档，下面主要介绍网页文档 的基本操作。

2.1 2.2 2.3 2.4 2.5 2.6 2.7 2.8
Dreamweaver CC的工作界面 创建站点 管理站点内容 网页文档的基本操作 设置网页文本 为网页添加图像 设置超级链接 思考与练习
2.1
Dreamweaver CC的工作界面
Dreamweaver 是现在最流行的网页制作工具，使用 Dreamweaver CC 可以 轻而易举的制作出跨越平台限制和跨越浏览器限制的充满动感的网页，图 2.1为Dreamweaver CC工作界面。 1. 菜单栏 菜单栏显示的菜单包括文件、编辑、查看、插入、修改、格式、命令、 站点、窗口、帮助10个菜单项，如所示。
提 示：
提 示：
选择需要删除的文件夹或文件，按Delete键也可以将其删除。
图2.13 选择【删除】命令
图2.14 提示对话框
2.3.3
重命名文件或文件夹
在制作网页为了便于管理有时需要对创建的文件夹或文件进行重命 名，首先选择需要重命名的文件或文件夹，单击鼠标右键，在弹出的 快捷菜单中选择【编辑】|【重命名】命令，如图2.15所示。此时选择 的文件夹或文件名称处于可编辑状态，输入所需要的名称即可如图 2.16所示。 用户还可以使用F2键对所需要的文件夹或文件重命名。
图2.7 选择【管.2
创建站点
(3) 随即弹出【站点设置对象】对话框，在【站点名称】文本框中输入所需要的 名称，然后单击【本地站点文件夹】右侧的文件夹按钮，如图2.9所示。 (4) 随即弹出【选择跟文件夹】对话框，选择正确的路径及文件夹，然后单击 【选择文件夹】按钮，返回到【站点设置对象】对话框中单击【保存】按 钮，然后单击【完成】按钮即可如图2.10所示
创建空白网页的操作步骤如下。 (1) 启动软件后，在菜单栏选择【文件】|【新建】命令，如图2.17所示 (2) 随即弹出【新建文档】对话框，选择【空白页】|【HTML】|【无】，然后单 击【创建】按钮，这样就可以创建一个空白网页，如图2.18所示。
图2.17 选择【新建】命令
图2.18 【新建文档】对话框
图2.4 属性面板
图2.5 浮动面板
2.1
Dreamweaver CC的工作界面
5. 插入面板 插入面板包含用于创建和插入对象的按钮。当鼠标移到一个按钮上时，会 出现一个工具提示，其中含有该按钮的名称。这些按钮被组织到几个类别中， 可以在插入面板的上方切换它们。当前文档包含服务器代码时，还会显示其他 类别。当启动Dreamweaver时，系统会打开上次使用的类别，【常用】插入面板 如图2.6所示。 6.【文件】面板 在次面板中可以管理组成站点的文件和文件夹，类似于Windows中的资源管 理器功能。 除以上介绍的面板外，Dreamweaver CS5还提供了许多面板、检查器窗口， 如【历史记录】面板和代码检查器。可以使用菜单中的【窗口】命令将隐藏的 面板打开。
第2章
Dreamweaver CC的基本 操作
（时间：2次课，4学时）
第2章
Dreamweaver CC的基本 操作
本章主要介绍 Dreamweaver CC 的一些基本操作， 只有掌握基本操作在以后制作网页时才可以得心应手。
第2章

Dreamweaver CC的基本 操作

图2.9 【站点设置对象】按钮
图2.10 【选择跟文件】对话框
2.3
管理站点内容
站点建立完成后，就需要对所建立的站点进行管理，下面介绍如何 对站点进行管理。
2.3.1
添加文件或文件夹
在文件面板中创建文件或文件夹的具体操作步骤如下： (1) 选择【窗口】|【文件】命令，打开【文件】面板，在【文件】面板中的空 白位置单击鼠标右键，在弹出的下拉菜单中选择【新建文件夹】或【新建 文件】命令，如图2.11所示。 (2) 继续单击鼠标右键，在弹出的菜单中选择【新建文件】命令，创建一个文件， 在 【文件】面板中效果如图2.12所示。