
添加文本和插入对象.docx
6页1.1添加文本和插入对象往文档窗口中可以输入或粘贴文本,也可以利用“Insert”(插入)菜单或对象面板,往 文档中插入图像Dreamweaver还提供了一些更为便捷的特性,允许您往文档中很容易地添 加日期,或是插入特殊字符1.1.1 添加文本要在文档中添加文本,您可以采用如下的两种方法:方法一: 直接在文档窗口中键入文本方法二:1. 在其他的应用程序或窗口中复制文本,也即将文本复制到剪贴板上2. 切换回Dreamweaver文档窗口,将插入点设置到要放置文本的地方3. 打开“Edit”(编辑)菜单,选择“Paste as Text”(作为文本粘贴)命令1.1.2 插入对象要往文档中插入图像、表格或其他对象,可以使用如下方法: 方法一:打开“Insert”(插入)菜单,选择要插入对象的菜单项命令,即可将对象插入到当 前文档窗口插入点所在的位置方法二:1. 首先显示对象面板,找到要插入对象对应的按钮2. 单击相应的按钮,即可在插入点所在位置插入对象方法三:1. 首先显示对象面板,找到要插入对象对应的按钮2. 将该按钮拖动到文档中要放置对象的位置3. 释放鼠标,即可在相应位置插入对象一般来说,当插入对象时,都会出现一个对话框,允许您进一步指定设置。
如果不希望 看到这些对话框,可以打开“Edit”(编辑)菜单,选择“Preferences"(参数选择)命令, 打开Dreamweaver 3的参数选择对话框,从左方目录列表中选择“General”(常规),然后在 右边取消对“Show Dialog When Inserting Objects”(当插入对象时显示对话框)复选框的选 择我们会在相应的章节中介绍各种对象的插入方法1.1.3 插入日期要往文档中插入当前日期,您可以按照如下方法进行操作:1. 在文档窗口中,将插入点放置到要插入日期的位置2. 打开“Insert”(插入)菜单,选择"Date”(日期),或是单击对象面板上的“InsertDate”(插入日期)按钮(位于“Common”(通用)页),如图3-2所示图3-2对象面板上的“Insert Date”按钮3. 这时会出现如图 3-3 所示的对话框,提示您选择日期格式图 3-3 插入日期对话框• Day Format (星期格式) 在该下拉列表中,可以选择星期的格式,包括星期 的简写方式,星期的完整显示方式,或是不显示星期• Date Format(日期格式) 在该下拉列表中,可以选择日期的格式。
• Time Format (时间格式) 在该下拉列表中,可以选择时间的格式,包括12 小时制时间格式或24 小时制时间格式• Update Automatically on Save (存储时自动更新) 选中该复选框,则每当存 储文档时,都自动更新文档中插入的日期信息,该特性可以用来记录文档的最 后生成日期如果您希望插入的日期是普通的文本,将来不再变化,则应该清 除该复选框4. 按下“OK”按钮,即可将日期插入到文档中1.1.4 插入特殊字符在HTML中,插入特殊字符是一件很麻烦的事,因为特殊字符同普通的字符有所区别, 您无法从键盘上直接输入,而且很多字符或许并不包含在当前文档的字符编码中,要在页面 中显示它们,必须使用其他的方法1.1.4.1 字符参考一般来说,在 HTML 中,一个特殊字符有两种表达方式,一种称作数字参考,一种称 作实体参考所谓数字参考,就是用数字来表示文档中的特殊字符,通常由前缀“”,加上数值, 再加上后缀“;”而组成,它可以采用如下两种方式D; 其中D是一个十进制数值下面是一些特殊字符的数字参考示例:所谓实体参考,实际上就是用有意义的名称来表示特殊字符,通常由前缀“&”,加上 字符对应的名称,再加上后缀“;”而组成,其表达方式如下:&name; 其中 name 是一个用于表示字符的名称,它是区分大小写的例如,可以使用“©”来表示版权符号“©”,用“®”来表示注册商标符号“®”, 很显然,这比数字要容易记忆得多。
遗憾的是,不是所有的浏览器都能够正确认出采用实体参考方式的特殊字符,但是它们 都能够识别出采用数字参考方式的特殊字符,如果可能,对于一些特别不常见的字符,应该 使用数字参考方式当然,对于那些常见的特殊字符,使用其实体参考方式是安全的,我们在实际应用中 只要记住这些常用特殊字符字符的实体参考就足够使用了表 3-1 显示了常用的一些字符实体参考和数字参考:表 3-1 常见的字符及其参考字符实体参考字符数字参考#nbsp; & copy;©®®& trade;™££€€¥¥& cent;¢& sect;§<<>;>& amp;&&q uot;"& times;×±±&m iddot¸显示©®TM£€¥0§<>&IIX±1.1.4.2 插入特殊字符 尽管记忆字符的参考非常不易,但是在 Dreamweaver 中,插入特殊字符却变得非常简单Dreamweaver在对象面板上专门设置了常见的特殊字符按钮,只需要单击该按钮,即可 完成特殊字符的输入。
您可以按照如下方法进行操作:1. 在文档中,将插入点放置到要插入特殊字符的位置2. 打开对象面板上的下拉列表,然后选择“Characters”(字符),这时对象面板上就会显示常用特殊字符所对应的按钮,如图 3-4 所示Obj sets B匚 Ju.r3.cter!版权符一商标符货币元一-W Sb短线也s右引号一-B-注册商标符英镑欧元左引号其他字符图 3-4 对象面板上的特殊字符按钮3. 单击相应的按钮,即可插入相应的特殊字符,有些特殊字符插入后使用实体参考 方式,而有些字符插入后使用数字参考方式4.如果对象面板上没有需要的字符,可以单击面板上右下角的Tnsert Other Character”(插入其他字符)按钮,这时会打开一个对话框,给您更多选择,如图3-5 所示图 3-5 插入其他字符5. 单击需要的字符,该字符的参考就会出现在insert”(插入)文本框中,您也可以 自行在该文本框中输入字符参考6. 单击“OK”按钮,确定操作,即可将字符插入到文档中字符#nbsp;在文档中显示为一个空格,这种空格称作非中断空格(Non-breaking Space), 它同普通的空格不同,不会中断空格两端内容的联系。
利用Dreamweaver的对象面板,可 以直接插入这种空格,方法如下:1. 将插入点放置到要插入空格的位置2. 打开对象面板上的下拉列表,选择“Invisibles”(不可见)3. 单击如图3-6所示的“Insert Non-breaking Space ”(插入非中断空格)按钮,这时 即可在文档中插入非中断空格图 3-6 利用对象面板插入非中断空格1.1.5 插入水平线水平线在 HTML 文档中经常被用到,它主要用于分隔文档内容,使文档结构清晰明白, 有时候,合理使用水平线可以获得非常好的效果一篇内容繁杂的文档,如果合理放置几条 水平线,很可能就变得层次分明,便于阅读1.1.5.1 插入和编辑水平线要往文档中插入水平线,您可以按照如下方法操作:1. 在文档中,将插入点放置到要插入水平线的地方2. 打开对象面板上的下拉列表,然后选择“Common”(常用),这时对象面板上就会 显示常用对象按钮3. 单击对象面板上的“Insert Horizontal Rule”(插入水平线)按钮,如图3-7所示图 3-7 插入水平线按钮4. 这时文档中就插入了一条水平线,选中该水平线,可以在属性面板上编辑其属性,如图 3-8 所示。
宽度单'Ll.对齐方式1HorizoHori Flntal Rule W 40i:jle H 5| pinekAlign |7Center~ ShadintID 高度阴影图 3-8 水平线的属性面板• 在“W”文本框中,可以输入水平线的宽度,这个值可以是象素值,也可以是 针对页面水平宽度的百分比,这取决于它右方单位列表框中的选择• 在“H”文本框中可以输入水平线的高度,它只能以象素作为单位• 在“W”文本框右边的下拉列表中,可以选择单位您可以选择'Pixels”(象 素),或是“%”(百分比)• 在“Align”(对齐方式)下拉列表中,可以水平线在水平位置上的对齐方式 可以是“Left”(左对齐)、“Center”(居中对齐)或“Right”(右对齐),或者 可以选择“Default”(默认),使用默认的对齐方式• 如果选中“Shading”(阴影)复选框,则水平线带有阴影效果• 在属性面板左下方的文本框中,可以为该水平线指定ID,在HTML 4.0规范 中,几乎所有的标记都可以带有ID属性,用于标识该对象,但是在一般情况 下都不会使用到它们1.1.5.2理解水平线标记vhr>在HTML中,水平线是由标记vhr>产生的。
vhr>标记是非封闭标记,除了 id属性外, 它还带有 width、 size、 align 等属性例如,对于图 3-8 所示的水平线,对应的语句是:
如果取消阴影效果,贝I」为vhr>标记添加noshade属性,如下所示:
width属性可以用百分比表示,但是size属性则必须是象素,在上面的例子里,如果将 水平线宽度定义为页面宽度的 80%,则可以使用如下语句:
vhr>标记很简单,这里就不再详细介绍了。
