网页设计实用教程.pdf

第3章DreamweaverCS5基本操作

在学习过程中，不可避免的需要应用到一些基本的操作，例如新建、打开和保存文件
等操作。为了更顺畅的学习DreamweaverCS5，我们应该了解一些基本操作，对这些操作
有个基本的认识。

【本章学习目标】

¾掌握设置首选参数
¾熟悉新建、保存和关闭HTML文档
¾理解设置网页的页面属性
¾熟悉添加文字和图像的基本操作

3.1首选参数设置

为了使DreamweaverCS5更加适合工作的需要，在正式使用前需要进行一些基础设置。
如是否打开或关闭一些即时提示信息框、选择默认的网页语言版本等。
（1）启动DreamweaverCS5，执行“编辑/首选参数”命令，打开如图3-1所示的“首
选参数”对话框。

图3-1“首选参数”对话框

第3章DreamweaverCS5基本操作
（2）选择分类栏中的“辅助功能”，分别单击表单对象、框架、媒体和图像前面的复
选框，将复选框中的√去掉，如图3-2所示。

图3-2分类栏中的“辅助功能”

这样设置可以阻止在插入表单、框架、媒体和图像时弹出属性提示框，简化操作步骤。
（3）如图3-3所示，选择分类栏中的“新建文档”，根据需要设置默认文档的类型。

图3-3分类栏中的“新建文档”

本例中选择默认文档为HTML，默认扩展名为.html，默认编码为简体中文（GB2312）。
默认编码可以根据实际工作的需要进行选择，例如制作英文网页可以选择UTF-8编码。中
文网页默认的编码为GB2312，所以这里选择GB2312编码。
（4）单击“确定”按钮，完成首选参数设置。

‐19-
中文版DreamweaverCS5网页设计实用教程
3.2文档的基本操作

3.2.1新建文档

（1）启动DreamweaverCS5，显示如图3-4所示的起始页面。

图3-4DreamweaverCS5的起始页面

（2）单击新建栏中的“HTML”，新建HTML文档并进入到编辑界面。也可以单击菜
单“文件/新建”，打开图3-5所示的“新建文档”对话框。在新建文档对话框中选择“空
白页”中的“HTML”，单击“创建”按钮，新建HTML文档。

图3-5“新建文档”对话框

3.2.2保存和关闭文档

执行“文件/保存”命令，可以保存当前文档。
第一次执行“文件/保存”命令时，会弹出如图3-6所示的“另存为”对话框。在“另

‐20-
第3章DreamweaverCS5基本操作
存为”对话框中设置文件的保存路径和文件名，单击“保存”按钮完成文档保存。

图3-6“另存为”对话框

当再次保存文件时，会以现有的路径和名称覆盖保存该文件。需要将文件以不同路径
或名称保存时，可以执行“文件/另存为”命令，在弹出的“另存为”对话框中设置新的路
径和名称保存文件。执行“文件/关闭”命令，或单击DreamweaverCS5窗口右上角“关闭”
按钮，关闭程序。

3.2.3打开文档

打开文档的方法有多种，下面以实例进行介绍。
（1）启动DreamweaverCS5程序，起始页面中显示了最近编辑过的文件，如图3-7
所示。
（2）单击目标文件，即可将其打开。
也可以单击“打开”按钮或执行“文件/打开”命令，在弹出的如图3-8所示的“打开”
对话框中选择目标文件，然后单击“打开”按钮。

图3-7最近编辑过的文件图3-8在“打开”对话框中选择目标文件

‐21-
中文版DreamweaverCS5网页设计实用教程
3.3制作网页的基本操作

在深入学习制作网页前，需要了解设置页面、添加头部信息和文本、插入图像等基本
操作。

3.3.1设置网页属性

制作网页时，首先需要设置文档的页面属性，它包括网页标题、背景图像、背景颜色、
文本颜色、链接颜色、页边距等。图3-9所示为在浏览器中打开的一个网页。

标题

链接
上边距
样式

正文
字体
样式

左边距

右边距

图3-9在浏览器中打开的一个网页

网页具有标题、页边距、链接样式、背景颜色和字体样式等页面属性。在建立网页时，
可以通过设置页面属性来制定网页的这些样式。设置页面属性的操作如下：
（1）执行“修改/页面属性”命令，打开如图3-10所示的“页面属性”对话框。

图3-10“页面属性”对话框

‐22-
第3章DreamweaverCS5基本操作
（2）设置各类参数，单击“确定”按钮完成设置。
页面属性对话框中各选项的含义如下：
¾外观：在外观选项中可以设置页面的默认字体、背景颜色和页面边距等。单击目
标选择框会弹出相应的提示，选择目标项设置即可。如图3-10所示。

图3-11页面属性中的“链接”

¾链接：在链接选项中可以设置链接的字体、颜色