Dreamweaver3完全教程(18)
全套教程打包下载
添加文本和插入对象
往文档窗口中可以输入或粘贴文本,也可以利用“Insert”(插入)菜单或对象面板,往文档中插入图像。Dreamweaver还提供了一些更为便捷的特性,允许您往文档中很容易地添加日期,或是插入特殊字符。
添加文本
要在文档中添加文本,您可以采用如下的两种方法:
方法一:
直接在文档窗口中键入文本。
方法二:
在其他的应用程序或窗口中复制文本,也即将文本复制到剪贴板上。
切换回Dreamweaver文档窗口,将插入点设置到要放置文本的地方。
打开“Edit”(编辑)菜单,选择“Paste as Text”(作为文本粘贴)命令。
插入对象
要往文档中插入图像、表格或其他对象,可以使用如下方法:
方法一:
打开“Insert”(插入)菜单,选择要插入对象的菜单项命令,即可将对象插入到当前文档窗口插入点所在的位置。
方法二:
首先显示对象面板,找到要插入对象对应的按钮。
单击相应的按钮,即可在插入点所在位置插入对象。
方法三:
首先显示对象面板,找到要插入对象对应的按钮。
将该按钮拖动到文档中要放置对象的位置。
释放鼠标,即可在相应位置插入对象。
一般来说,当插入对象时,都会出现一个对话框,允许您进一步指定设置。如果不希望看到这些对话框,可以打开“Edit”(编辑)菜单,选择“Preferences”(参数选择)命令,打开Dreamweaver
3的参数选择对话框,从左方目录列表中选择“General”(常规),然后在右边取消对“Show Dialog When Inserting
Objects”(当插入对象时显示对话框)复选框的选择。
我们会在相应的章节中介绍各种对象的插入方法。
插入日期
要往文档中插入当前日期,您可以按照如下方法进行操作:
在文档窗口中,将插入点放置到要插入日期的位置。
打开“Insert”(插入)菜单,选择“Date”(日期),或是单击对象面板上的“Insert Date”(插入日期)按钮(位于“Common”(通用)页),如图
3-2所示。
图 3-2 对象面板上的“Insert Date”按钮
这时会出现如图 3-3所示的对话框,提示您选择日期格式。

图 3-3 插入日期对话框
Day Format(星期格式) 在该下拉列表中,可以选择星期的格式,包括星期的简写方式,星期的完整显示方式,或是不显示星期。
Date Format(日期格式) 在该下拉列表中,可以选择日期的格式。
Time Format(时间格式) 在该下拉列表中,可以选择时间的格式,包括12小时制时间格式或24小时制时间格式。
Update Automatically on Save(存储时自动更新) 选中该复选框,则每当存储文档时,都自动更新文档中插入的日期信息,该特性可以用来记录文档的最后生成日期。如果您希望插入的日期是普通的文本,将来不再变化,则应该清除该复选框。
按下“OK”按钮,即可将日期插入到文档中。
插入特殊字符
在HTML中,插入特殊字符是一件很麻烦的事,因为特殊字符同普通的字符有所区别,您无法从键盘上直接输入,而且很多字符或许并不包含在当前文档的字符编码中,要在页面中显示它们,必须使用其他的方法。
字符参考
一般来说,在HTML中,一个特殊字符有两种表达方式,一种称作数字参考,一种称作实体参考。
所谓数字参考,就是用数字来表示文档中的特殊字符,通常由前缀“&#”,加上数值,再加上后缀“;”而组成,它可以采用如下两种方式。
&#D; 其中D是一个十进制数值
下面是一些特殊字符的数字参考示例:
© 对应于特殊字符“?”
® 对应于特殊字符“?”
所谓实体参考,实际上就是用有意义的名称来表示特殊字符,通常由前缀“&”,加上字符对应的名称,再加上后缀“;”而组成,其表达方式如下:
&name; 其中name是一个用于表示字符的名称,它是区分大小写的
例如,可以使用“©”来表示版权符号“?”,用“®”来表示注册商标符号“?”,很显然,这比数字要容易记忆得多。
遗憾的是,不是所有的浏览器都能够正确认出采用实体参考方式的特殊字符,但是它们都能够识别出采用数字参考方式的特殊字符,如果可能,对于一些特别不常见的字符,应该使用数字参考方式。
当然,对于那些常见的特殊字符,使用其实体参考方式是安全的,我们在实际应用中,只要记住这些常用特殊字符字符的实体参考就足够使用了。
表 3-1显示了常用的一些字符实体参考和数字参考:
表 3-1 常见的字符及其参考
字符实体参考
|
字符数字参考
|
显示
|
#nbsp; |
  |
|
© |
© |
? |
® |
® |
? |
™ |
™ |
? |
£ |
£ |
£ |
€ |
€ |
? |
¥ |
¥ |
¥ |
¢ |
¢ |
¢ |
§ |
§ |
§ |
< |
< |
< |
> |
> |
> |
& |
& |
& |
" |
" |
" |
× |
× |
× |
± |
± |
± |
· |
¸ |
?/FONT> |
2.插入特殊字符
尽管记忆字符的参考非常不易,但是在Dreamweaver中,插入特殊字符却变得非常简单。Dreamweaver在对象面板上专门设置了常见的特殊字符按钮,只需要单击该按钮,即可完成特殊字符的输入。
您可以按照如下方法进行操作:
在文档中,将插入点放置到要插入特殊字符的位置。
打开对象面板上的下拉列表,然后选择“Characters”(字符),这时对象面板上就会显示常用特殊字符所对应的按钮,如图 3-4所示。
图 3-4 对象面板上的特殊字符按钮
单击相应的按钮,即可插入相应的特殊字符,有些特殊字符插入后使用实体参考方式,而有些字符插入后使用数字参考方式。
如果对象面板上没有需要的字符,可以单击面板上右下角的“Insert Other Character”(插入其他字符)按钮,这时会打开一个对话框,给您更多选择,如图
3-5所示。
图 3-5 插入其他字符
单击需要的字符,该字符的参考就会出现在“Insert”(插入)文本框中,您也可以自行在该文本框中输入字符参考。
单击“OK”按钮,确定操作,即可将字符插入到文档中。
字符#nbsp;在文档中显示为一个空格,这种空格称作非中断空格(Non-breaking Space),它同普通的空格不同,不会中断空格两端内容的联系。利用Dreamweaver的对象面板,可以直接插入这种空格,方法如下:
将插入点放置到要插入空格的位置。
打开对象面板上的下拉列表,选择“Invisibles”(不可见)。
单击如图 3-6所示的“Insert Non-breaking Space”(插入非中断空格)按钮,这时即可在文档中插入非中断空格。

图 3-6 利用对象面板插入非中断空格
插入水平线
水平线在HTML文档中经常被用到,它主要用于分隔文档内容,使文档结构清晰明白,有时候,合理使用水平线可以获得非常好的效果。一篇内容繁杂的文档,如果合理放置几条水平线,很可能就变得层次分明,便于阅读。
插入和编辑水平线
要往文档中插入水平线,您可以按照如下方法操作:
在文档中,将插入点放置到要插入水平线的地方。
打开对象面板上的下拉列表,然后选择“Common”(常用),这时对象面板上就会显示常用对象按钮。
单击对象面板上的“Insert Horizontal Rule”(插入水平线)按钮,如图 3-7所示。
图 3-7 插入水平线按钮
这时文档中就插入了一条水平线,选中该水平线,可以在属性面板上编辑其属性,如图
3-8所示。
图 3-8 水平线的属性面板
在“W”文本框中,可以输入水平线的宽度,这个值可以是象素值,也可以是针对页面水平宽度的百分比,这取决于它右方单位列表框中的选择。
在“H”文本框中可以输入水平线的高度,它只能以象素作为单位。
在“W”文本框右边的下拉列表中,可以选择单位。您可以选择“pixels”(象素),或是“%”(百分比)。
在“Align”(对齐方式)下拉列表中,可以水平线在水平位置上的对齐方式。可以是“Left”(左对齐)、“Center”(居中对齐)或“Right”(右对齐),或者可以选择“Default”(默认),使用默认的对齐方式。
如果选中“Shading”(阴影)复选框,则水平线带有阴影效果。
在属性面板左下方的文本框中,可以为该水平线指定ID,在HTML 4.0规范中,几乎所有的标记都可以带有ID属性,用于标识该对象,但是在一般情况下都不会使用到它们。
理解水平线标记<hr>
在HTML中,水平线是由标记<hr>产生的。<hr>标记是非封闭标记,除了id属性外,它还带有width、size、align等属性。例如,对于图
3-8所示的水平线,对应的语句是:
<hr width="400" size="5"
id="Hori Rule" align="center">
如果取消阴影效果,则为<hr>标记添加noshade属性,如下所示:
<hr width="400" size="5"
id="Hori Rule" align="center" noshade>
width属性可以用百分比表示,但是size属性则必须是象素,在上面的例子里,如果将水平线宽度定义为页面宽度的80%,则可以使用如下语句:
<hr width="80%" size="5"
id="Hori Rule" align="center">
<hr>标记很简单,这里就不再详细介绍了。