Adobe Dreamweaver CS5 网页设计与制作技能基础教程
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人

2.4 插入特殊元素

在Dreamweaver中,可以利用系统自带的符号集合,方便快捷地插入一些常用的特殊字符,如版权符、货币符以及数字运算符等。下面将进行具体介绍。

2.4.1 插入水平线

水平线在网页文档中经常用到,它主要用于分隔文档内容,使文档结构清晰明了,合理使用水平线可以获得非常好的效果。

(1)打开一个网页文档,将光标定位在要插入水平线的位置,执行【插入】>【HTML】>【水平线】命令,如图2-52所示。

图2-52

(2)这时,就在网页文档中插入了一条水平线,在【属性】面板中可以设置水平线的属性,如图2-53所示。

图2-53

在水平线【属性】面板中可以设置以下参数。

◆【水平线】:设置水平线的名称。

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

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

◆【类】:可以使用【样式】来格式化水平线。

◆【阴影】:设置绘制的水平线是否带阴影。

2.4.2 插入日期和时间

在浏览网页时,访问者经常会看到最近一次修改网页的时间,这说明网页是在不断更新的。Dreamweaver提供了一个方便的日期对象,该对象可以任何格式插入当前日期。

(1)打开一个网页文档,将光标定位在要插入时间的位置,执行【插入】>【日期】命令,如图2-54所示。

图2-54

(2)弹出【插入日期】对话框,在该对话框中分别设置星期格式、日期格式和时间格式,并注意勾选【储存时自动更新】复选框,这样才会不断地更新时间日期。设置完成后单击【确定】按钮,如图2-55所示。

图2-55

(3)这样就在网页中插入了日期,并且会自动更新,如图2-56所示。

图2-56

2.4.3 插入特殊字符

下面以插入版权符为例进行介绍插入特殊字符的方法。

(1)将光标定位在要插入字符的位置,执行【插入】>【HTML】>【特殊字符】>【版权】命令,如图2-57所示。

图2-57

(2)执行命令后,即可在插入点所在位置插入版权字符,如图2-58所示。

图2-58

2.4.4 插入注释

注释是在HTML代码中插入的描述性文本,用于解释该代码或提供其他信息。注释文本只会在【代码】视图中出现,不会显示在浏览器中。

插入注释的方法如下。

(1)执行【插入】>【注释】命令,弹出【注释】对话框,在【注释】文本框中输入注释内容,如图2-59所示。

图2-59

(2)输入内容后单击【确定】按钮,弹出系统信息提示,单击【确定】按钮即可,如图2-60所示。

图2-60