当前位置:软件学习 > Dreamweaver >>

基础教程(四十二):服务器端的嵌入

p>  在网页设计过程中,我们经常会遇到在不同的网页上使用相同的内容,如在一个网站的大部分网页上都要显示同一组广告、花边或版权声明等等。当这些内容需要修改时,如果逐页处理,工作量之大可想而知。所幸的是,现在有很多Web服务器都支持SSI(Server Side Include,服务器端嵌入)指令。在网页中使用服务器端嵌入指令,可以在网页的某处嵌入一个外部文件,好像该外部文件的内容就是网页的一个组成部分一样。通过对这个外部文件的修改,就可以实现对嵌入该文件的所有网页的自动更新。


一、应用服务器端嵌入

  服务器端嵌入是一种基于服务器的网页制作技术。服务器端嵌入实质上就是指示服务器在当前文档中嵌入指定文件的指令,由服务器解释执行。因为这一嵌入过程发生在服务器上,所以,当你用浏览器在本地打开文档时,嵌入内容通常是不能正常显示出来的。然而,Dreamweaver却可以在文档窗口和浏览器预览窗口中显示服务器端嵌入。为了显示嵌入的内容,Dreamweaver 使用一个转换程序来模仿服务器处理嵌入指令的方式。

在文档中插入服务器端嵌入的操作步骤如下:

1.

选择 Insert > Server-Side Include(插入$#@62;服务器端嵌入) 或单击对象面板中SSI按钮。

2.

  在弹出的对话框中单击文件夹图标,选择要嵌入的文件(本例为:每日更新.TXT),或直接输入要嵌入的文件的路径,然后单击 select(选择)按钮。

  下图是在文档窗口中显示嵌入文件的内容的情况。Dreamweaver 在文档窗中显示这个外部文件的内容,使页面设计更容易,但不能在文档中直接编辑这部分内容。要编辑服务器端嵌入的内容,你必须直接编辑要嵌入的文件。外部文件的任何变化都会立即自动反映到包含它的每一个文档中。

  下图展示的是对应的HTML代码。从这些代码可以看到,在文档中放置服务器端嵌入,并没有真正把外部文件 谌莶褰矗皇遣迦肓硕酝獠课募囊谩?/p>

二、在Dreamweaver中查看服务器端嵌入

  在默认情况下,Dreamweaver 处理所有非条件的服务器端嵌入,并在文档窗口中显示它们。指定要处理的文件类型或关闭对服务器端嵌入的处理,可按以下步骤进行:

1.

选择Edit$#@62;Preferences$#@62;Translation(编辑$#@62;参数设置$#@62;转换)。

2.

从转换程序列表中选择Server-Side Includes。

3.

为转换服务器端嵌入选择以下选项之一:

In All Files(处理所有文件):本项是一个默认设置,让这个选项保持选中,可以在文档窗中查看嵌入文件的内容。

In No Files(不处理任何文件):本项关闭在Dreamweaver中对服务器端嵌入的所有处理。

In Files with Extensions(处理指定扩展名的文件):本项使Dreamweaver 只处理扩展名为 .stm、 .html、.htm、.shtml或.shtm 的服务器端嵌入文件。

In Files Matching One of These Expressions(处理与这些表达式之一匹配的文件):本项使Dreamweaver扫描文档中与列出的规则表达式相匹配的内容。如果找到了匹配的内容,Dreamweaver 就处理该文档中的服务器端嵌入。

三、编辑服务器端嵌入

  象库项目一样,在文档窗中服务器端嵌入是以一个整体被选择的。与库项目不同的是,嵌入文件包含的HTML源代码并不出现在HTML源码检查器中,而实际显示的是服务器嵌入指令,就象如下所示:

$#@60;!--#include virtual="每日更新.TXT" --$#@62;

  嵌入指令放在HTML文件的注释行中,以区别于HTML文件的其他内容,同时也可以避免在不支持嵌入的服务器上出现错误。

  要编辑嵌入文件中的内容,必须打开该文件。

  要编辑服务器端嵌入,请按以下步骤进行:

1.

从文档窗口或HTML源码检查器中选取服务器端嵌入,单击属性面板上的 Edit(编辑)按钮。

被嵌入的文件在一个新窗口中打开。

2.

编辑该文件,然后保存它。

所做的修改立即反映到当前文档中。如果此后打开其它嵌入了该文件的文档,所做的修改也会在这些文档中反映出来。



上一个:基础教程(四十三):建立远程站点
下一个:DreamWeaver3 技巧二十例

更多Dreamweaver疑问解答:
巧用Dreamweaver MX控制页面元素
巧用Dreamweaver MX制作阴影字
巧用Dreamweaver MX设计导航栏特效
Dreamweaver 3 在网页上的小动作
网站构成的基本元素—网页布局
用Dreamweaver实现飘浮光球特效
Dreamweaver制作技巧四则
Dreamweaver 4.0使用技巧集锦
轻松处理Dreamweaver段落缩进
用Dreamweaver 4.0编制会议通知
巧用Dreamweaver4文件库更新网站
巧用Dreamweaver制作复杂图像
妙用dw图层与表格进行网页布局
用Dreamweaver4添加背景音乐及制作动态字
用Dreamweaver MX实现网站批量更新
Dreamweaver
Fireworks
FrontPage
Flash
Photoshop
Coreldraw
Excel
Word
Powerpoint
outlook
wps
AfterEffects
3D MAX
Director
Authorware
PremierePro
Foxmail
Maya
ISA
会声会影
其它软件
AutoCAD
如果你遇到软件学习难题:
请访问www.zzzyk.com 试试
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,