通俗基础教程
电脑操作教程
电脑怎样拨号上网
如何做个人网页
怎样做局域网
Word教程(文字处理)
图形图象处理入门
经典提高教程
怎样使用代理服务器
如何做无盘工作站
Photoshop教程
Dreamweaver3教程
Flash4&5教程
Firework3教程
Frontpage2000教程
Authware教程
Office2000教程
如何制作动画图片
OICQ&ICQ使用方法

高手学习指南

硬件升级技巧
CGI教程
ASP教程

PHP教程

注册表使用技巧
路由器的设置
网站建设指南
SQL
最近更新:
Dreamweaver
相关内容

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;    
© © ?
® ® ?
™ ™ ?
£ £
€ € ?
¥ ¥
¢ ¢
§ § §
&lt; &#60; <
&gt; &#62; >
&amp; &#38; &
&quot; &#34; "
&times; &#215; ×
&plusmn; &#177; ±
&middot &#184; ?/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>标记很简单,这里就不再详细介绍了。

Dreamweaver3完全教程(1)
Dreamweaver3完全教程(2)
Dreamweaver3完全教程(3)
Dreamweaver3完全教程(4)
Dreamweaver3完全教程(5)
Dreamweaver3完全教程(6)
Dreamweaver3完全教程(7)
Dreamweaver3完全教程(8)
Dreamweaver3完全教程(9)
Dreamweaver3完全教程(10)
Dreamweaver3完全教程(11)
Dreamweaver3完全教程(12)
Dreamweaver3完全教程(13
Dreamweaver3完全教程(14)
Dreamweaver3完全教程(15)
Dreamweaver3完全教程(16)
Dreamweaver3完全教程(17)
Dreamweaver3完全教程(18)
Dreamweaver3完全教程(19)
Dreamweaver3完全教程(20)
Dreamweaver3完全教程(21)
Dreamweaver3完全教程(22)
Dreamweaver3完全教程(23)
Dreamweaver3完全教程(24)
Dreamweaver3完全教程(25)
Dreamweaver3完全教程(26)
Dreamweaver3完全教程(27)
Dreamweaver3完全教程(28)
Dreamweaver3完全教程(29)
Dreamweaver3完全教程(30)
 
 
 
 
教程站
收集整理
服务大家