，生成新的段落，并且在两段之间会空出一行。 (2) 换行符换
行 ·按Shift+Enter键。 ·选择菜单“插入记录→HTML→特殊字符→换行符”命令。 ·选择
插入栏“文本”类别中的按钮，在下拉菜单中选择“换行符”命令。 ·在代码视图窗口中，输入换行代码标记
。3.1
文本的输入和编辑 设置文本格式，需先选中文本，出现如图文本属性面板，可以对文本进行相应的属性设置。3．插入空格·按Ct
rl+Shift+Space键。·选择菜单“插入记录→HTML→特殊字符→不换行空格”命令。·选择插入栏“文本”类别中的按钮，在下
拉菜单中选择“不换行空格”命令。·在代码视图窗口中，输入空格代码 。·切换中文输入法为全角状态，按空格键输入。3.1 文
本的输入和编辑4．文本的属性设置“文本属性”面板 (1) 设置文本字体 设置文本字体，先选择要设置字体的文
本，然后在文本属性面板的“字体”列表中选择合适字体类型。DreamWeaver中默认的是宋体字，“字体”列表默认显示的是英文字体类
型，若设置其他中文字体，要先将中文字体类型添加到字体列表中，方法是： ①单击文本属性面板中“字体”列表按钮，选择“编辑
字体列表”命令，弹出 “编辑字体列表”对话框。 ②在“可用字体”列表中选择要添加的字体，双击鼠标或单击按钮，将其添加到
“选择的字体”列表中。字体添加完毕后，单击“确定”按钮。3.1 文本的输入和编辑“编辑字体列表”对话框 (2) 设置文
字大小 在属性面板的“大小”列表中选择相应的大小级别和单位，可以更改选择文字的大小。 (3) 设置文本颜色
系统默认文本颜色是黑色，要设置文本其他颜色，先选择文本，单击属性面板中的，在颜色拾取器中选择颜色，或在右边的文本框中输入颜色的名
称或16进制代码，例如：red或#FF0000。颜色拾取器3.1 文本的输入和编辑 (1) 创建水平线 光标定
位于需要插入水平线的位置，选择菜单“插入记录→HTML→水平线”命令。? (2) 修改水平线 ①选择水平线，
窗口下方出现如图3-14所示的属性面板，通过属性面板，可以设置水平线的一些属性。“水平线属性”面板 5．插入水平线3.1 文本的输
入和编辑 ②设置水平线颜色。右击水平线，在弹出菜单中选择“编辑标签”命令，打开 “标签编辑器”对话框。选择“浏览器特定的”选
项，单击，在颜色拾取中选择合适颜色，单击“确定”按钮。 。3.1 文本的输入和编辑“标签编辑器”对话框 3.2 页面属性·选择菜单
“修改→页面属性”命令。·按Ctrl+J键。·右击文档窗口空白处，在弹出的菜单中选择“页面属性”命令。·单击属性面板中按钮。1．“
页面属性”对话框的打开 2．页面属性对话框的设置 “页面属性”对话框共有五种分类：“外观”、“链接”、“标题”、“标题
/编码”、“跟踪图像”，其中常用的是“外观”、“链接”和“标题/编码”三个类别。 (1) 外观在“外观”选项中可以设置页面的默认字
体、背景颜色和页面边距等。3.2 页面属性“外观”对话框 (2) 链接 在“链接”选项中可以设置链接的字体、颜
色和下划线样式等，如图所示。 “链接”对话框 3.2 页面属性 (3) 标题/编码 在“标题/编码”选项中可以设置
网页标题和编码类别，如图所示。 “标题/编码”对话框 3.2 页面属性 2．JPG/JPEG图像 JP
EG的含义是“联合图像专家组”，文件扩展名为“.jpg”或“.jpeg”。 JPEG格式可以支持24位真彩色，普遍应用于存储连续色
调的图像。 JPEG格式可以支持有损或无损压缩，是可以把文件压缩到最小的格式。JPEG格式压缩的主要是高频信息，能用较大的压缩比保
存颜色丰富的图像，适合应用于互联网，可减少图像的传输时间，目前各类浏览器均支持JPEG这种图像格式。3.3 网页图像格式
1．GIF图像 GIF的含义是“图像互换格式”。GIF文件不属于任何应用程序，目前几乎所有相关软件都支持GIF图像文件
。 GIF格式图像可以制作成GIF动画。 GIF文件的缺点是最多只能使用 256 种颜色，适合存储色调不连
续或具有大面积单一颜色的图像，例如按钮、图标、徽标或其它具有统一色彩和色调的图像。 3．PNG图像 P
NG的含义是“可移植性网络图像”，是网络接受的新型图像文件格式。PNG能够提供长度比GIF小30％的无损压缩图像文件，但与JPEG
相比，压缩量较少，它同时提供 24位和48位真彩色图像支持以及其他诸多技术性支持。由于PNG非常新，所以目前并不是所有的程序都可以
用它来存储图像文件， Photoshop可以处理PNG图像文件，也可以用PNG图像文件格式存储。文件必须具有.png文件扩展名才能
被 Dreamweaver 识别为PNG文件。3.3 网页图像格式3.4 图像的插入 (1) 将光标定位到窗口中要插入
图像的位置，执行以下操作之一，打开 “选择图像源文件”对话框。 ·选择菜单“插入记录→图像”命令。 ·选择插入
栏“常用”类别中的“图像”按钮。 ·按Ctrl+Alt+I键。“选择图像源文件“对话框 (2) 在“选取文件名自”选
项中选择： ·文件系统：选择一个图像文件，一般情况应选择此选项。 ·数据源：选
择一个动态图像源。 (3) 选择要插入的图像文件，单击“确定”按钮。3.4 图像的插入 (4) 如果图像文件不在站
点文件夹中，会提示用户将文件保存到站点文件夹中。 (5) 弹出如图所示的“图像标签辅助功能属性”对话框，在“替换文本”和
“详细描述”文本框中输入值，然后单击“确定”按钮。“图像标签辅助功能属性”对话框3.5 设置图像属性 单击选择图像，窗
口下方会出现图像属性面板，可以利用属性面板设置图像的属性。 “图像属性”面板1．插入Flash动画文件 (1) 在“文
档”窗口的“设计”视图中，将光标定位在要插入动画的位置，然后执行以下操作之一： ·选择插入栏“常用”类别中的“媒体”按
钮，在下拉菜单中选择“Flash”命令 ·选择菜单“插入记录→媒体→Flash”命令。 ·按Ctrl+Alt+
F键。 (2) 弹出“选择文件”对话框，选择一个 Flash文件 (扩展名为.swf)，单击“确定”按钮。若Flash
文件不在当前站点文件夹中，需将文件复制到站点文件夹中，完成后在“文档”窗口中出现Flash占位符，大小和Flash动画的原始尺寸相
同。3.6 插入Flash动画 (1) 在“文档”窗口的“设计”视图中，选择插入的Flash占位符，打开Flash属
性面板。 (2) 单击编辑参数按钮，出现参数对话框。2．设置透明背景“参数”对话框 3.6 插入Flash动画
(3) 单击“添加”按钮，输入如图所示参数，单击“确定”按钮。 (1) 在“文档”窗口中，将光标定位到要插入
Flash 按钮的位置，然后执行以下操作之一： ·选择插入栏“常用”类别中的“媒体”按钮，在下拉菜单中选择“Flash
按钮”命令 ·选择菜单“插入记录→媒体 →Flash 按钮”命令。3．插入Flash按钮 “插入Flash按钮”对话框
3.6 插入Flash动画 (2) 弹出如图所示对话框，完成相应设置，单击“应用”或“确定”按钮，将 Flash 按钮插
入“文档”窗口中。 (1) 在“设计”视图中，将光标定位到要插入音频文件的位置，然后执行以下操作之一：
·选择插入栏“常用”类别中的“媒体”按钮，在下拉菜单中选择“插件”命令。 ·选择菜单“插入记录→媒体→插件”命令。
(2) 在选择文件对话框中选择要插入的音频文件，单击“确定”按钮。 (3) 在文档窗口中出现 ，表示音
频文件已经插入到当前网页中，可以单击属性面板中的按钮 试听。 1．插入音频文件 3.7 插入其他多媒体元素音频播
放控件 目前网页可用的视频文件类型也有多种，有Flash视频，也有非Flash视频，插入视频的方法也有多种，常见的操
作是： (1) 将视频文件拷贝到站点文件夹。 (2) 在“文档”窗口中输入视频名称，并选中。
(3) 单击属性面板的链接框右侧的浏览文件按钮，浏览选择站点中的视频文件。 2．插入视频文件 3.7 插入其他多媒体元素3.8
超链接的类型1．链接路径 (1) 绝对路径 绝对路径是指被链接目标对象的完整路径，包括服务器协议名称
、主机名称、文件夹名称和文件名称，其格式为：传输协议：//服务器地址：通讯端口/文件位置/文件名。 例：http://n
ews.163.com/special/00013H9J/index_eclipse.html 如果要链接到本站点以外其
他站点中的网页和对象，则必须使用绝对路径进行链接。 (2) 相对路径 相对路径是以当前文件所在路径为起点，
到被链接文件经由的路径。 ·要链接到同一目录下的文件，只需输入要链接文件的名称。 ·要链接到下级目录中的文
件。需先输入目录名，然后加“/”，再输入文件名。 ·要链接到上一级目录中文件，则先输入“../”，再输入文件名。
(3) 根路径 根路径是从站点的根文件夹到文档的路径。根路径目录地址的书写也很简单，首先以一个斜杠开头，表示站
点的根文件夹，然后书写文件夹名，最后书写文件名。如果根目录要写盘符，就在盘符后使用“│”。如：/lx/images/ss.jpg
??? ? d│/lx/images/ss.jpg 根据链接使用的对象不同，可将超链接分为：文本链接、图像链接、
锚点链接、电子邮件链接、空链接、文件下载链接、脚本链接等。3.8 超链接的类型2．链接类型1．文本超链接3.9 创建各种超链接
(1) 利用属性面板创建 ① 在“文档”窗口中选择文本。 ②在属性面板中执行下列操作之一：
·单击“链接”框右侧的文件夹图标，浏览选择目标文件。 ·在“链接”框中直接键入文档的路径和文件名。 ·单击“链接”
框右侧的指向文件图标，拖动鼠标到右侧文件面板中相应的文件。 ③在属性面板“目标”列表框中选择文档的打开方式：
·_blank：将链接的文档在一个新的浏览器窗口打开，原来打开的浏览器窗口不变。 ·_parent：将链接的文档在
该链接所在框架的父级框架或父级窗口中打开。 ·_self：将链接的文档在当前的浏览器窗口中打开。该目标是系统默认的，因
此不需要指定它。 ·_top：将链接的文档在整个浏览器窗口中打开，从而删除所有框架。(2) 利用超链接命令创建①将光标放
在文档中希望建立链接的位置。 ②通过下列操作之一，执行超链接命令： ·选择菜单“插入记录→超级链接”命令。·单击“插入”栏的“常用
”类别中的“超链接”按钮。③弹出如图3-46所示超级链接对话框，完成相应设置，单击“确定”按钮。3.9 创建各种超链接“超级链接”
对话框 网页中的图像也可以建立超链接，图像超链接有两种情况：一种是以整个图像为对象建立超链接，这种链接的建立方法和文本
链接的建立方法一样。另一种是为图像的不同区域分别创建超链接，称为图像热点的链接，这种链接的建立方法是： (1) 在文档窗
口中插入图像，并选中图像。 (2) 利用热点工具划分图像的不同区域。 (3) 利用指针热点工具选择图像热点。
(4)在热点属性面板中完成超链接设置 “热点属性”面板3.9 创建各种超链接2．图像超链接 (1) 创建命
名锚记 创建命名锚记是指定要访问内容的特定位置，方法是： ①将光标定位到要插入命名锚记的位置。 ②
执行以下操作之一来插入命名锚记。 ·选择菜单“插入记录→命名锚记”命令。 ·选择插入栏“常用”类别中的“命名锚
记”按钮。 ·按 Ctrl+Alt+A键。 ③弹出 “命名锚记”对话框，在“锚记名称”框中，键入锚记的名称，单
击“确定”按钮，在光标处会出现锚点标记。 3.9 创建各种超链接3．锚点超链接“命名锚记”对话框 (2) 链接到命名锚记
在“文档”窗口中，选择要从其创建链接的文本或图像，然后执行以下操作之一，将其链接到命名锚记。 ·在属性面
板的“链接”框中，键入符号 (#) 和锚记名称。 ·单击属性面板中“链接”框右侧的“指向文件”图标，然后将它拖到要链接
到的锚记上。 ·在“文档”窗口中，按住 Shift键不放拖动鼠标，从所选文本或图像拖动到要链接到的锚记。 3.9 创
建各种超链接4．电子邮件超链接 (1) 利用属性面板创建邮件链接 ①在文档窗口中选择要创建电子邮件链接的文
本或图像。 ②在属性面板的“链接”框中，键入mailto:电子邮件地址，如mailto:lx@163.com。
(2) 利用菜单命令创建邮件链接 ①在文档窗口中将光标定位到要创建邮件链接的位置，： ·选择
菜单“插入记录→电子邮件链接”命令。 ·单击“插入”栏“常用”类别中的“电子邮件链接”按钮。 ②出现如图所
示电子邮件链接对话框，完成设置，单击“确定”按钮。 ·文本：输入用于链接电子邮件的文本。 ·E-ma
il：输入电子邮件地址。 “电子邮件链接”对话框3.9 创建各种超链接 空链接是没有指向任何对象的链接。对象建立空链接
或链接后，才可以附加行为或动作。空链接的建立很简单，可采用下面方法： (1) 选中需建立空链接的文本或图像。
(2) 在属性面板“链接”框中键入 javascript:; （javascript后依次接一个冒号和一个分号）或者一个#号。 3.9 创建各种超链接5．空链接6．文件下载链接 文件下载链接方法和文本链接的建立方法完全相同，只是应当注意，为了减少网络流量，应当将一些较大的文件压缩成压缩包或分卷压缩包，存放于站点文件夹中。(1)选择用于创建脚本链接的文本或图像。(2)在属性面板的“链接”文本框中输入javascript: ，后跟一些JavaScript代码或一个JavaScript函数。在冒号与代码之间不能键入空格。 3.9 创建各种超链接7．脚本链接上机实训 设置网页页面属性，输入文本并设置文本格式，效果如图所示。 在网页中插入图像，并设置图像格式。实训3 泉水甲天下实训4 风景这边独好实训5 Flash应用上机实训 在网页中插入Flash动画和Flash按钮。实训6 娱乐天地 在网页中插入音频和视频文件。实训7 班级首页 在网页中建立不同类型的超链接。实训8 济南旅游地图 在网页中创建图像热点和锚点链接。