在Dreamweaver中编辑HTML网页

17.5.3

创建锚点链接
添加锚点链接就是创建命名锚记。锚点是一种定位 的标记，可以在文档中设置这种标记，并给该标记 设置一个名称，以便引用。创建锚点链接的具体操 作步骤如下。
17.6

布局网页
本节主要介绍制作网页时的版式布局， Dreamweaver中布局网页的常见工具是表格 和Div。
17.6.1
Java Applet是一种镶嵌在HTML网页中，由支持 Java的浏览器启动运行的Java程序。插入Java Applet制作水中倒影的具体操作步骤如下 。
17.5

设置链接
每个网站实际上都是由众多的网页组成，网页 之间通常都是通过超链接方式相互建立关联。 在Dreamweaver中，超链接的应用范围是很 广的，利用它不仅可以链接到其他页面，还可 以链接到其他图像文件、多媒体文件等 。
17.7

使用表单
使用表单可以制作简单的交互式页面，收集来 自用户的信息。表单是网站管理者与浏览者之 间沟通的桥梁。收集、分析用户的反馈意见， 做出科学的、合理的决策，是一个网站成功的 重要因素。有了表单，网站不仅是“信息提供 者”，同时也是“信息收集者”。 一个完整的表单有两个重要的组成部分，一是 页面中进行描述的HTML代码，二是服务器的 应用程序或客户端脚本，用于分析处理用户在 表单中输入的信息。
17.4.1

插入Flash
插入Flash的具体操作步骤如下。
17.4.2

打开浏览器窗口
使用【打开浏览器窗口】动作在打开当前网页的同 时，还可以再打开一个新的窗口。同时还可以编辑 浏览窗口的大小、名称、状态栏菜单栏等属性。打 开浏览器窗口的具体操作步骤如下。
17.4.3

插入Java Applet
17.5.1

创建文字链接
文字超链接是网页中最常见的超链接，它能给浏览 者很直观的主题信息，对它所包含的信息一目了然。 创建文字链接的具体操作步骤如下。
17.5.2

创建图像链接
可以将图像作为链接的对象，使网页更加美观。建 立图像超链接与建立文本超链接的方法很相似。创 建图像链接的具体操作步骤如下。
图像和文字是网页中最重要的两个元素。一个 高质量的网页是离不开图像的，制作精良的图 像可以大大增强网页的美观性，使网页更加生 动多彩。在页面中如何用漂亮的图像来吸引浏 览者的视线是每个网站制作者都需要面对的问 题具体操作步骤如下。
17.3.2


插入文本
在文档中插入文本的具体操作步骤如下。
17.2.2

设置文本属性
在文档中输入文本后，如果对文本的样式不满意， 可在【属性】面板中设置文本的相关属性。设置文 本属性的具体操作步骤如下。
17.2.3

插入特殊字符
特殊字符一般不能从键盘上直接输入， Dreamweaver中提供了各种特殊字符和符号，其中 特殊字符包括标准7位ASCII码字符集以外的字符。 在这里以插入版权符号为例讲述插入特殊字符的方 法，具体操作步骤如下。

使用表格
表格是网页设计制作时不可缺少的重要元素。无论 是用于对齐数据还是在页面中对文本进行排版，表 格都体现出强大的功能。它以简洁明了和高效快捷 的方式将数据、文本、图像、表单等元素有序地显 示在页面上，从而设计出版式漂亮的页面。
17.6.2

使用DIV
DIV是一种HTML页面元素，可以理解为浮动在网页 上的一个页面，它可以准确地定位到页面上的任意 位置，并可以规定它的大小，通过DIV可以对网页进 行精确定位。不仅如此，通过对DIV与行为的综合使 用，还可以创作出赏心悦目的动作效果。
17.2

在网页中使用文本
文本是网页中十分重要的部分，担负着传递信 息的重要作用。虽然图像及多媒体效果在网页 中所占的比例越来越大，但是在一些大型网站 中，文字的主导地位是无可替代的。这是因为 文字所占的存储空间非常小，这样以文本为主 体的页面下载速度很快，可以最佳地利用网络 带宽。
17.2.1
17.2.4

插入水平线
水平线在网页文档中经常用到，它主要用于分隔文 档内容，使文档结构清晰明了，合理使用水平线可 以获得非常好的效果。一篇内容繁杂的文档，如果 合理放置水平线，会变得层次分明，易于阅读。下 面通过实例讲述在网页中插入水平线的效果，插入 水平线的具体操作步骤如下。
17.3

插入图像
17.3.4

插入鼠标经过图像
鼠标经过图像是一种在浏览器中查看并使鼠标指针移 过它时发生变化的图像。插入鼠标经过图像，必须准 备两幅图像：主图像（当首次载入页面时显示的图像） 和次图像（当鼠标指针移过主图像时显示的图像）。 鼠标经过图像中的这两幅图像应大小相等，如果这两 幅图像大小不同，Dreamweaver将自动调整第二幅 图像的大小以匹配第一幅图像的属性。插入鼠标经过 图像的具体操作步骤如下。


教学重点
了解Dreamweaver的基本操作界面 掌握在网页中使用文本 插入图像 插入多媒体 掌握链接的设置 网页的布局 掌握表单的使用 使用CSS样式表 使用行为



17.1

Dreamweaver的操作界面
Dreamweaver 的操作界面主要由标题栏、菜 单栏、文档窗口、属性面板、插入栏以及浮动 面板组成，如图17.1所示。
设置图像属性
仅仅将图像直接插入到网页中，并不能达到正确使 用图像的目的。只有了解了图像的属性以及如何设 置、修改这些属性，才能创建出图文并茂的网页。 设置图像属性的具体操作步骤如下 。
17.3.3

使用图像编辑器
可以在【属性】面板中编辑图像，这里集合了一些 常用的图像编辑工具，其中从左往右依次如下。
17.4

插入多媒体
在使用Dreamweaver制作网页时可以快速 、方便地为网页添加声音、影片等多媒体 内容，使网页更加生动。还可以插入和编 辑多媒体文件和对象，这些文件和对象主 要包括Flash类、Java Applet类、ActiveX 控件类，以及各种音频、视频文件。 随着宽带在线点播技术的发展，多媒体在 网络上得到了更广泛的应用，对网页设计 也提出了更高的要求，再不是以前在网页 中制作多媒体效果时仅插入一些简单的背 景音乐和音效。