一、课堂案例——插入日期

在Dreamweaver中插入日期非常方便。它提供了一个插入日期的快捷方式，用在文档中插入任意格式的当前时间，同时它还提供了日期更新选项，在保存文件时日期也随着更新。插入日期的具体操作步

骤如下。

最终案例效果文件所在位置：最终文件\CH01\1.6.1\index1.htm

1 打开“原始文件\CH01\1.6.1\index.htm”。

2 将光标置于要插入日期的位置，选择【插入】|【日期】命令，弹出【插入日期】对话框。

3 在【插入日期】对话框中，在【星期格式】、【日期格式】和【时间格式】列表中分别选择一种合适的格式。勾选【储存时自动更新】复选框，这样每一次存储文档都会自动更新文档中插入的日期。

4 单击【确定】按钮，即可插入日期。

提示显示在【插入日期】对话框中的时间和日期不是当前的日期，它们也不会反映访问者查看用户网站的日期/时间。

5 保存文档。按F12键在浏览器中浏览效果。

二、课堂案例——插入特殊字符

特殊字符包含换行符、不换行空格、版权信息和注册商标等，它是网页中经常

用到的元素之一。在网页文档中插入特殊字符时，在代码视图中显示的是特殊字符的源代码，而在设计视图中显示的是一个标志，只有在浏览器窗口中才能显示真正面目的字符。下面通过实例讲述版权字符的插入，具体操作步骤如下。

最终案例效果文件所在位置：最终文件\CH01\1.6.2\index1.htm

1 打开“原始文件\CH01\1.6.2\index.htm”

2 将光标置于要插入特殊字符的位置，选择【插入】|【HTML】|【特殊字符】|【版权】命令。

3 单击【确定】按钮，即可插入版权字符。

4 保存文档。按F12键在浏览器中浏览效果。

提示选择【插入】|【HTML】|【特殊字符】|【其他字符】命令，弹出【插入其他字符】对话框，在对话框中可以选择更多的特殊字符。

三、课堂案例——插入水平线

水平线在网页文档中经常用到，它主要用于分隔文档内容，使文档结构清晰明了，合理使用水平线可以获得非常好的效果。一篇内容繁杂的文档，如果合理放置水平线，会使页面变得层次分明、易于阅读。

下面通过实例讲述在网页中插入水平线的效果，具体操作步骤如下。

最终案例效果文件所在位置：最终文件\CH01\1.6.3\index1.htm

1 打开“原始文件\CH01\1.6.3\index.htm”

2 将光标置于要插入水平线的位置，选择【插入】|【HTML】|【水平线】命令，插入水平线。

提示:将光标放置在插入水平线的位置，单击【常用】插入栏中的【水平线】[图片]按钮，也可插入水平线。在【窗口】下拉列表中选择“插入”即可把【常用】插入栏调出。

3 选中水平线，打开【属性】面板。可以在【属性】面板中设置水平线的高、宽、对齐方式和阴影。在水平线【属性】面板中可以设置以下参数。

【宽】和【高】：以像素为单位或以页面尺寸百分比的形式设置水平线的宽度和高度。

【对齐】：设置水平线的对齐方式，包括“默认”、“左对齐”、“居中对齐”和“右对齐”4个选项。只有当水平线的宽度小于浏览器窗口的宽度时，该设置才有效。

【阴影】：设置绘制的水平线是否带阴影。取消选择该项将使用纯色绘制水平线。

【提示】设置水平线颜色：在【属性】面板中并没有提供关于水平线颜色的设置选项，如果需要改变水平线的颜色，只需要直接进入源代码更改〈hr color="对应颜色的代码"〉即可。

4 保存文档，按F12键在浏览器中浏览效果。